[PORTAL-7] Rebase

[portal.git] / ecomp-portal-FE-common / client / app / views / notification-history / notificationhistory.tpl.html

diff --git a/ecomp-portal-FE-common/client/app/views/notification-history/notificationhistory.tpl.html b/ecomp-portal-FE-common/client/app/views/notification-history/notificationhistory.tpl.html
new file mode 100644 (file)
index 0000000..5cd56e9
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/notification-history/notificationhistory.tpl.html
@@ -0,0 +1,100 @@
+<!--\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