Motion >> Repos - motion-next.git/blob

   1 <md-divider></md-divider>
   2
   3 <md-list flex>
   4   <md-list-item class="md-2-line">
   5     <div class="md-list-item-text">
   6       <p translate="DASHBOARDS.AGENT">Agent</p>
   7       <h4>
   8         {{vm.agent.fullname || vm.usersMap[item.UserId] ||
   9         'DASHBOARDS.NOT_ASSIGNED' | translate}}
  10       </h4>
  11     </div>
  12   </md-list-item>
  13
  14   <md-list-item class="md-2-line" ng-if="item.externalUrl">
  15     <div class="md-list-item-text">
  16       <p translate="DASHBOARDS.EXTERNAL_URL">External URL</p>
  17       <a href="{{item.externalUrl}}" target="_blank">
  18         <h4>{{item.externalUrl}}</h4>
  19       </a>
  20     </div>
  21   </md-list-item>
  22
  23   <md-list-item class="md-2-line">
  24     <div class="md-list-item-text">
  25       <p translate="DASHBOARDS.CREATED_AT">Created At</p>
  26       <h4>{{item.createdAt | date: 'medium'}}</h4>
  27     </div>
  28   </md-list-item>
  29
  30   <div ng-if="item.ChatWebsiteId">
  31     <div
  32       ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.info.chat.html'"
  33     ></div>
  34   </div>
  35   <div ng-if="item.MailAccountId">
  36     <div
  37       ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.info.mail.html'"
  38     ></div>
  39   </div>
  40
  41   <md-divider ng-if="item.closed"></md-divider>
  42   <md-list-item class="md-2-line" ng-if="item.closed">
  43     <div class="md-list-item-text">
  44       <p translate="DASHBOARDS.CLOSED_AT">Closed At</p>
  45       <h4>{{item.closedAt | date: 'medium'}}</h4>
  46     </div>
  47   </md-list-item>
  48   <md-list-item class="md-2-line" ng-if="item.closed && item.disposition">
  49     <div class="md-list-item-text">
  50       <p translate="DASHBOARDS.DISPOSITION">Disposition</p>
  51       <h4>{{ item.disposition }}</h4>
  52     </div>
  53   </md-list-item>
  54   <md-list-item class="md-2-line" ng-if="item.closed && item.secondDisposition">
  55     <div class="md-list-item-text">
  56       <p translate="DASHBOARDS.SECOND_LEVEL_DISPOSITION">
  57         Second Level Disposition
  58       </p>
  59       <h4>{{ item.secondDisposition }}</h4>
  60     </div>
  61   </md-list-item>
  62   <md-list-item class="md-2-line" ng-if="item.closed && item.thirdDisposition">
  63     <div class="md-list-item-text">
  64       <p translate="DASHBOARDS.THIRD_LEVEL_DISPOSITION">
  65         Third Level Disposition
  66       </p>
  67       <h4>{{ item.thirdDisposition }}</h4>
  68     </div>
  69   </md-list-item>
  70   <md-list-item class="md-3-line md-long-text" ng-if="item.closed && item.note">
  71     <div class="md-list-item-text">
  72       <p translate="DASHBOARDS.NOTE">NOTE</p>
  73       <h4 style="overflow-wrap: break-word; white-space: normal">
  74         {{ item.note }}
  75       </h4>
  76     </div>
  77   </md-list-item>
  78   <md-list-item ng-if="item.Tags.length">
  79     <p class="padding-horizontal-15 grey-fg">Tags</p>
  80     <div
  81       class="tags padding-bottom-5"
  82       layout="row"
  83       layout-align="start center"
  84       layout-wrap
  85     >
  86       <div
  87         class="tag margin-right-5 margin-top-5 margin-bottom-5"
  88         layout="row"
  89         layout-align="center center"
  90         ng-repeat="tag in item.Tags"
  91       >
  92         <div class="tag-color" ng-style="{'background': tag.color}"></div>
  93         <div class="tag-label">{{tag.name}}</div>
  94       </div>
  95     </div>
  96   </md-list-item>
  97 </md-list>