[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / notification-history / notificationhistory.tpl.html
index 5cd56e9..f5d0b29 100644 (file)
-<!--\r
-  ================================================================================\r
-  ECOMP Portal\r
-  ================================================================================\r
-  Copyright (C) 2017 AT&T Intellectual Property\r
-  ================================================================================\r
-  Licensed under the Apache License, Version 2.0 (the "License");\r
-  you may not use this file except in compliance with the License.\r
-  You may obtain a copy of the License at\r
-  \r
-       http://www.apache.org/licenses/LICENSE-2.0\r
-  \r
-  Unless required by applicable law or agreed to in writing, software\r
-  distributed under the License is distributed on an "AS IS" BASIS,\r
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
-  See the License for the specific language governing permissions and\r
-  limitations under the License.\r
-  ================================================================================\r
-  -->\r
-<div class="w-ecomp-user-notification-history"\r
-       ng-style="{bottom: tabBottom}">\r
-       <div class="user-notification-history" id="page-content">\r
-               <div id='app-title' class="w-ecomp-main-view-title">\r
-                       <h1 class="heading-page" >Recent Notifications</h1>\r
-               </div>\r
-               <div class="notifHistTable">\r
-\r
-                       <div class="table-control">\r
-                               <div class="simulateCatGridHeaderDetails">This table shows\r
-                                       notifications published in the last 30 days.</div>\r
-                               <div align="right">\r
-                                       <input class="table-search" type="text" id="input-search"\r
-                                               placeholder="Search in entire table" ng-model="searchString" />\r
-                               </div>\r
-                       </div>\r
-\r
-            <span class="ecomp-spinner" ng-show="isLoadingTable"></span>\r
-\r
-                       <div id="table-main" class="b2b-table-div" ng-hide="isLoadingTable">\r
-                               <table b2b-table id="notification-history-table"\r
-                                       table-data="notificationHistory"\r
-                                       search-string="searchString"\r
-                                       view-per-page="viewPerPagerIgnored"\r
-                                       current-page="ignoredCurrentPage"\r
-                                       total-page="totalPageIgnored">\r
-                                       <thead b2b-table-row type="header">\r
-                                               <tr>\r
-                                                       <th id="th-notif-0" b2b-table-header key="msgSource"\r
-                                                               sortable="true" style=" width: 10px;">Message Source</th>\r
-                                                       <th id="th-notif-1" b2b-table-header key="msgHeader"\r
-                                                               sortable="true">Message</th>\r
-                                                       <th id="th-notif-2" b2b-table-header key="startTime"\r
-                                                               sortable="true">Start Date (Local Time)</th>\r
-                                                       <th id="th-notif-3" b2b-table-header key="endTime"\r
-                                                               sortable="true">End Date  (Local Time)</th>\r
-                                                       <th id="th-notif-4" b2b-table-header key="priority"\r
-                                                               sortable="true">Priority</th>\r
-                                                       <th id="th-notif-5" b2b-table-header key="loginId"\r
-                                                               sortable="true">Created By</th>\r
-                                                       <th id="th-notif-6" b2b-table-header key="createdDate"\r
-                                                               sortable="true">Created Time</th>\r
-                                               </tr>\r
-                                       </thead>\r
-\r
-                                       <tbody b2b-table-row \r
-                                               type="body"\r
-                                               class="table-body"\r
-                                               track-by="$index"\r
-                                               row-repeat="rowData in notificationHistory">\r
-                                               <tr id="row-{{$index}}">\r
-                                                               <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-msgSource">{{rowData.msgSource}}</div>\r
-                                                       </td>\r
-                                                               <td class="td-first" b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}"  ng-click="rowData.msgSource=='EP'||showDetailedJsonMessage(rowData)">\r
-                                                               <div id="{{$index}}-title" style="font-weight: bold;" ng-bind="rowData.msgHeader"></div>\r
-                                                               <div id="{{$index}}-message" ng-if="rowData.msgSource==='EP'"  style="width:500px" ng-bind="rowData.msgDescription"></div>\r
-                                                               <div id="{{$index}}-message" ng-if="rowData.msgSource!=='EP'"  ng-bind="rowData.msgDescription| elipsis: 27"></div>\r
-                                                       </td>\r
-                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-startTime" ng-bind="rowData.startTime |     date:'medium'"></div>\r
-                                                       </td>\r
-                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-endTime" ng-bind="rowData.endTime | date:'medium'"></div>\r
-                                                       </td>\r
-                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-priority" ng-bind="priorityItems[rowData.priority]"></div>\r
-                                                       </td>\r
-                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-loginId" ng-bind="!rowData.loginId ? externalNotification : rowData.loginId"></div>\r
-                                                       </td>\r
-                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">\r
-                                                               <div id="{{$index}}-createdDate" ng-bind="rowData.createdDate | date:'medium'"></div>\r
-                                                       </td>\r
-                                               </tr>\r
-                                       </tbody>\r
-                               </table>\r
-                       </div>\r
-               </div>\r
-       </div>\r
-</div>\r
+<!--
+  ================================================================================
+  ECOMP Portal
+  ================================================================================
+  Copyright (C) 2017 AT&T Intellectual Property
+  ================================================================================
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+  
+       http://www.apache.org/licenses/LICENSE-2.0
+  
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  ================================================================================
+  -->
+<div class="w-ecomp-user-notification-history"
+       ng-style="{bottom: tabBottom}">
+       <div class="user-notification-history" id="page-content">
+               <div id='app-title' class="w-ecomp-main-view-title">
+                       <h1 class="heading-page" >Recent Notifications</h1>
+               </div>
+               <div class="notifHistTable">
+
+                       <div class="table-control">
+                               <div class="simulateCatGridHeaderDetails">This table shows
+                                       notifications published in the last 30 days.</div>
+                               <div align="right">
+                                       <input class="table-search" type="text" id="input-search"
+                                               placeholder="Search in entire table" ng-model="searchString" />
+                               </div>
+                       </div>
+
+            <span class="ecomp-spinner" ng-show="isLoadingTable"></span>
+
+                       <div id="table-main" class="b2b-table-div" ng-hide="isLoadingTable">
+                               <table b2b-table id="notification-history-table"
+                                       table-data="notificationHistory"
+                                       search-string="searchString"
+                                       view-per-page="viewPerPagerIgnored"
+                                       current-page="ignoredCurrentPage"
+                                       total-page="totalPageIgnored">
+                                       <thead b2b-table-row type="header">
+                                               <tr>
+                                                       <th id="th-notif-0" b2b-table-header key="msgSource"
+                                                               sortable="true" style=" width: 10px;">Message Source</th>
+                                                       <th id="th-notif-1" b2b-table-header key="msgHeader"
+                                                               sortable="true">Message</th>
+                                                       <th id="th-notif-2" b2b-table-header key="startTime"
+                                                               sortable="true">Start Date (Local Time)</th>
+                                                       <th id="th-notif-3" b2b-table-header key="endTime"
+                                                               sortable="true">End Date  (Local Time)</th>
+                                                       <th id="th-notif-4" b2b-table-header key="priority"
+                                                               sortable="true">Priority</th>
+                                                       <th id="th-notif-5" b2b-table-header key="loginId"
+                                                               sortable="true">Created By</th>
+                                                       <th id="th-notif-6" b2b-table-header key="createdDate"
+                                                               sortable="true">Created Time</th>
+                                               </tr>
+                                       </thead>
+
+                                       <tbody b2b-table-row 
+                                               type="body"
+                                               class="table-body"
+                                               track-by="$index"
+                                               row-repeat="rowData in notificationHistory">
+                                               <tr id="row-{{$index}}">
+                                                               <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-msgSource">{{rowData.msgSource}}</div>
+                                                       </td>
+                                                               <td class="td-first" b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}"  ng-click="rowData.msgSource=='EP'||showDetailedJsonMessage(rowData)">
+                                                               <div id="{{$index}}-title" style="font-weight: bold;" ng-bind="rowData.msgHeader"></div>
+                                                               <div id="{{$index}}-message" ng-if="rowData.msgSource==='EP'"  style="width:500px" ng-bind="rowData.msgDescription"></div>
+                                                               <div id="{{$index}}-message" ng-if="rowData.msgSource!=='EP'"  ng-bind="rowData.msgDescription| elipsis: 27"></div>
+                                                       </td>
+                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-startTime" ng-bind="rowData.startTime |     date:'medium'"></div>
+                                                       </td>
+                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-endTime" ng-bind="rowData.endTime | date:'medium'"></div>
+                                                       </td>
+                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-priority" ng-bind="priorityItems[rowData.priority]"></div>
+                                                       </td>
+                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-loginId" ng-bind="!rowData.loginId ? externalNotification : rowData.loginId"></div>
+                                                       </td>
+                                                       <td b2b-table-body style="{{rowData.expired?'color:lightgray !important':''}}">
+                                                               <div id="{{$index}}-createdDate" ng-bind="rowData.createdDate | date:'medium'"></div>
+                                                       </td>
+                                               </tr>
+                                       </tbody>
+                               </table>
+                       </div>
+               </div>
+       </div>
+</div>