src/templates/people/call.html

   1 {% extends "base.html" %}
   2
   3 {% block title %}{{ account }} - {{ _("Call") }}{% end block %}
   4
   5 {% block main %}
   6         <div class="card">
   7                 <div class="card-body">
   8                         <h4 class="card-title mb-1">
   9                                 {% if call.direction == "inbound" %}
  10                                         {{ _("Call to") }}
  11
  12                                         {% if call.callee %}
  13                                                 <a href="/users/{{ call.callee.uid }}">{{ call.callee }}</a>
  14                                         {% else %}
  15                                                 {{ format_phone_number(call.callee_number) }}
  16                                         {% end %}
  17                                 {% elif call.direction == "outbound" %}
  18                                         {{ _("Call from") }}
  19
  20                                         {% if call.caller %}
  21                                                 <a href="/users/{{ call.caller.uid }}">{{ call.caller }}</a>
  22                                         {% else %}
  23                                                 {{ format_phone_number(call.caller_number) }}
  24                                         {% end %}
  25                                 {% end %}
  26                         </h4>
  27                         <h6 class="card-subtitle text-muted mb-4">{{ locale.format_date(call.time_answered or call.time_start) }}</h6>
  28
  29                         <h3 class="text-center my-5">
  30                                 {% if call.duration %}
  31                                         {{ format_time(call.duration) }}
  32                                 {% else %}
  33                                         {{ _("Not Answered") }}
  34                                 {% end %}
  35                         </h3>
  36
  37                         <h6>{{ _("Media Information") }}</h6>
  38
  39                         <div class="row">
  40                                 {% for c in (call, call.bleg) %}
  41                                         {% if c %}
  42                                                 <div class="col">
  43                                                         <div class="card card-body bg-light">
  44                                                                 <p>
  45                                                                         <strong>
  46                                                                                 {% if c == call %}
  47                                                                                         {{ _("Your Leg") }}
  48                                                                                 {% else %}
  49                                                                                         {{ _("Other Leg") }}
  50                                                                                 {% end %}
  51                                                                         </strong>
  52                                                                 </p>
  53
  54                                                                 <p class="text-center">
  55                                                                         {% module MOS(c) %}
  56                                                                 </p>
  57
  58                                                                 <dl class="row mb-0">
  59                                                                         <dt class="col-sm-6">{{ _("Codec") }}</dt>
  60                                                                         <dd class="col-sm-6">{{ c.codec or _("N/A") }}</dd>
  61
  62                                                                         <dt class="col-sm-6">{{ _("Data Transferred") }}</dt>
  63                                                                         <dd class="col-sm-6">{{ format_size(c.size) }}</dd>
  64
  65                                                                         <dt class="col-sm-6">{{ _("User Agent") }}</dt>
  66                                                                         <dd class="col-sm-6">{{ c.user_agent or _("N/A") }}</dd>
  67                                                                 </dl>
  68                                                         </div>
  69                                                 </div>
  70                                         {% end %}
  71                                 {% end %}
  72                         </div>
  73                 </div>
  74         </div>
  75 {% end %}