public/app/quick-panel/tabs/activity/activity-tab.html

   1 <md-list class="friends">
   2     <md-subheader class="md-no-sticky">
   3         <span translate="QUICKPANEL.FRIENDS">Friends</span>
   4     </md-subheader>
   5
   6     <md-list-item class="friend md-3-line" ng-repeat="friend in vm.activities.friends">
   7         <img ng-src="{{friend.avatar}}" class="md-avatar" alt="{{friend.name}}" />
   8
   9         <div class="status {{friend.status}}"></div>
  10
  11         <div ng-if="contact.unread" class="md-accent-bg unread-message-count">{{contact.unread}}</div>
  12
  13         <div class="md-list-item-text">
  14             <h3 class="message">{{friend.message}}</h3>
  15             <p class="time">{{friend.time}}</p>
  16         </div>
  17     </md-list-item>
  18 </md-list>
  19
  20 <md-divider></md-divider>
  21
  22 <md-list class="servers">
  23     <md-subheader class="md-no-sticky">
  24         <span translate="QUICKPANEL.APP_SERVERS">Application Servers</span>
  25     </md-subheader>
  26
  27     <md-list-item class="server md-3-line" ng-repeat="server in vm.activities.servers">
  28         <md-icon md-font-icon="icon-checkbox-blank-circle" class="s16 status" ng-class="server.status"></md-icon>
  29
  30         <div class="md-list-item-text">
  31             <h3>{{server.location}}</h3>
  32             <p>{{server.detail}}</p>
  33         </div>
  34     </md-list-item>
  35 </md-list>
  36
  37 <md-divider></md-divider>
  38
  39 <md-list class="stats">
  40     <md-subheader class="md-no-sticky">
  41         <span translate="QUICKPANEL.USER_STATS">User Stats</span>
  42     </md-subheader>
  43
  44     <md-list-item class="stat md-2-line" ng-repeat="stat in vm.activities.stats">
  45         <div class="md-list-item-text">
  46             <span>{{stat.title}} ({{stat.current}} / {{stat.total}})</span>
  47             <md-progress-linear ng-class="stat.status" md-mode="determinate" value="{{stat.percent}}"></md-progress-linear>
  48         </div>
  49     </md-list-item>
  50 </md-list>