catalog-ui/src/app/view-models/workspace/tabs/activity-log/activity-log.html

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~
   4   ~ Licensed under the Apache License, Version 2.0 (the "License");
   5   ~ you may not use this file except in compliance with the License.
   6   ~ You may obtain a copy of the License at
   7   ~
   8   ~      http://www.apache.org/licenses/LICENSE-2.0
   9   ~
  10   ~ Unless required by applicable law or agreed to in writing, software
  11   ~ distributed under the License is distributed on an "AS IS" BASIS,
  12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   ~ See the License for the specific language governing permissions and
  14   ~ limitations under the License.
  15 -->
  16
  17 <div class="activity-log">
  18
  19     <div class="title-wrapper">
  20         <div class="top-search">
  21             <input type="text"
  22                    class="search-text"
  23                    placeholder="Search"
  24                    data-ng-model="searchBind"
  25                    data-tests-id="main-menu-input-search"
  26                    ng-model-options="{ debounce: 500 }" />
  27             <span class="w-sdc-search-icon magnification"></span>
  28         </div>
  29     </div>
  30
  31     <div class="table-container-flex">
  32         <div class="table" data-ng-class="{'view-mode': isViewMode()}">
  33
  34             <!-- Table headers -->
  35             <div class="head flex-container">
  36                 <div class="table-header head-row hand flex-item" ng-repeat="header in tableHeadersList track by $index" data-ng-click="sort(header.property)">{{header.title}}
  37                     <span data-ng-show="sortBy === header.property" class="table-header-sort-arrow" data-ng-class="{'down': reverse, 'up':!reverse}"> </span>
  38                 </div>
  39             </div>
  40
  41             <!-- Table body -->
  42             <div class="body">
  43                 <perfect-scrollbar suppress-scroll-x="true" scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  44
  45                     <!-- In case the logs are empty -->
  46                     <div data-ng-if="!activityLog || activityLog.length===0" class="no-row-text">
  47                         There are no logs to display
  48                     </div>
  49
  50                     <!-- Loop on logs list -->
  51                     <div data-ng-repeat="item in activityLog | filter: searchBind | orderBy:sortBy:reverse track by $index"
  52                          data-ng-init="item.dateFormat = ( item.TIMESTAMP.replace(' UTC', '') | stringToDateFilter | date: 'MM/dd/yyyy':'UTC')+' | '+(item.TIMESTAMP.replace(' UTC', '') | stringToDateFilter | date: 'shortTime':'UTC' )"
  53                          class="flex-container data-row"
  54                          data-ng-class="{'selected': component === selectedComponent}"
  55                          data-ng-click="doSelectComponent(component);"
  56                         >
  57
  58                         <!-- Date -->
  59                         <div class="table-col-general flex-item" sdc-smart-tooltip>
  60                             {{item.dateFormat}}
  61                         </div>
  62
  63                         <!-- Action -->
  64                         <div class="table-col-general flex-item" sdc-smart-tooltip>
  65                             {{item.ACTION}}
  66                         </div>
  67
  68                         <!-- Comment -->
  69                         <div class="table-col-general flex-item" sdc-smart-tooltip>
  70                             {{item.COMMENT}}
  71                         </div>
  72
  73                         <!-- Username -->
  74                         <div class="table-col-general flex-item" sdc-smart-tooltip>
  75                             {{item.MODIFIER}}
  76                         </div>
  77
  78                         <!-- Status -->
  79                         <div class="table-col-general flex-item" sdc-smart-tooltip>
  80                             {{item.STATUS}}
  81                             <span data-ng-class="{'success': item.STATUS>='200' && item.STATUS<='204','error': item.STATUS<'200' || item.STATUS>='300'}"></span>
  82                         </div>
  83
  84                     </div>
  85
  86                 </perfect-scrollbar>
  87             </div><!-- End table body -->
  88         </div><!-- End table -->
  89     </div><!-- End table-container-flex -->
  90
  91 </div>
  92
  93
  94
  95 <!--<div ng-repeat="activityDate in  activityDateArray " class="w-sdc-component-viewer-right-activity-log" >
  96     <div class="w-sdc-component-viewer-right-activity-log-date" >{{activityDate | date: 'longDate'}}</div>
  97     <div ng-repeat="activity in activityLog[activityDate] | orderBy: '-TIMESTAMP'">
  98         <div  class="w-sdc-component-viewer-right-activity-log-time">{{activity.TIMESTAMP.replace(" UTC", '') | stringToDateFilter | date: 'mediumTime':'UTC'}}</div>
  99         <div class="w-sdc-component-viewer-right-activity-log-content">{{"Action: " + parseAction(activity.ACTION) + " Performed by: " + activity.MODIFIER + " Status: " + activity.STATUS}}</div>
 100     </div>
 101 </div>-->