summaryrefslogtreecommitdiff
path: root/app/views/switchboards/show.html.erb
blob: 2a2765ffcc8e2188acbd6ed1bed36508f7d26f03 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<% content_for :title, "Switchboard #{@switchboard.name}" %>

<script>
  var switchboard_id = <%= @switchboard.id %>;
  var show_avatars = <%= @switchboard.show_avatars.to_s %>;
  var reload_interval = <%= @switchboard.reload_interval.nil? ? 0 : @switchboard.reload_interval %>;
  var amount_of_displayed_phone_numbers = <%= @switchboard.amount_of_displayed_phone_numbers %>;
</script>

<div class='row'>
  <div class='span12'>
    <div id='emberjs-container'></div>

    <script type="text/x-handlebars">
      {{outlet}}
    </script>

    <script type="text/x-handlebars" data-template-name="switchboard">
      <h2>{{name}}</h2>

      {{#if switchboardEntrys.length}}
        <ul class="thumbnails">
          {{#each switchboardEntry in switchboardEntrys}}
            <li class="span2">
              <div class="thumbnail">
                {{avatar_img switchboardEntry.avatar_src}}
                  <small>
                    <p>
                      <span class="label">{{switchboardEntry.name}}</span>

                      {{#each phoneNumber in switchboardEntry.sipAccount.phoneNumberShortList}}
                        <span class="label">
                          {{phoneNumber.number}}
                        </span>
                      {{/each}}
                    </p>

                    {{show_callstate switchboardEntry.callstate}}
                    {{#if switchboardEntry.sipAccount.calls.length}}
                      <p>
                      Anrufe:
                      <br>
                      {{#each call in switchboardEntry.sipAccount.calls}}
                        <span {{bindAttr class=":label call.isActive:label-success"}}>
                            {{call.b_caller_id_number}} -> {{call.destination}}
                            {{#if call.isActive}}
                            *
                            {{/if}}
                        </span>
                      {{/each}}
                      </p>
                    {{/if}}

                    {{#if activeCalls.length}}
                      <p>
                        Verbinden mit:
                        <br>
                          {{#each activeCall in activeCalls}}
                            <button {{action blind_transfer}}>
                              {{activeCall.b_caller_id_number}}
                            </button>
                          {{/each}}
                      </p>
                    {{/if}}
                  </small>
              </div>
            </li>
          {{/each}}
        </ul>
      {{/if}}
    </script>

  </div>
</div>

<script src="/js/libs/handlebars.js"></script>
<script src="/js/libs/ember.js"></script>
<script src="/js/libs/ember-data.js"></script>
<script src="/js/app.js"></script>