catalog-ui/src/app/view-models/workspace/tabs/distribution/disribution-status-modal/disribution-status-modal-view.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 <ng1-modal modal="modalDitributionStatus"  type="classic" class="w-sdc-classic-top-line-modal" buttons="footerButtons" header="Distribution by Status" show-close-button="true">
  18
  19     <div class="w-sdc-distribution-view">
  20         <div class="w-sdc-distribution-view-header">
  21
  22         </div>
  23
  24         <div class="actions-buttons">
  25             <json-export-excel init-export-excel-data="initDataForExportExcel()">
  26             </json-export-excel>
  27         </div>
  28
  29         <perfect-scrollbar include-padding="true" class="w-sdc-distribution-view-content">
  30             <div class="w-sdc-distribution-view-content-section w-sdc-distribute-parent-block">
  31                 <ul>
  32                     <li  class="w-sdc-distribute-parent-block" >
  33                         <div class="w-sdc-distribute-row w-sdc-distribute-row-extends extends">
  34
  35                             <div class="w-sdc-distribute-row-content">
  36                                 <div class="w-sdc-distribute-content">
  37                                     <div class="title-section item-1">
  38                                         <div class="title">Distribution ID</div>
  39                                         <div data-ng-bind="distribution.distributionID"></div>
  40                                     </div>
  41                                     <div class="title-section item-2">
  42                                         <div class="title" translate="DISTRIBUTION_VIEW_TITLE_USER_ID"></div>
  43                                         <div data-ng-bind="distribution.userId"></div>
  44                                     </div>
  45                                     <div class="title-section item-3">
  46                                         <div class="title">Time[UTC]:</div>
  47                                         <div
  48                                             data-ng-bind="distribution.timestamp | stringToDateFilter | date: 'MM/dd/yyyy h:mma':'UTC'"></div>
  49                                     </div>
  50                                     <div class="title-section item-4">
  51                                         <span class="sprite-new status-icon" data-ng-class="distribution.deployementStatus"></span>
  52                                         <span class="sprite-new" data-ng-bind="distribution.deployementStatus"></span>
  53                                     </div>
  54                                 </div>
  55                                 <div class="w-sdc-distribute-status-block" data-ng-show="distribution.statusCount">
  56                                     <div class="status-item-1">Status: {{status}} <span data-ng-bind="(distribution.distributionComponents | filter:status:true).length"
  57                                                                                         class="blue-font"></span></div>
  58
  59                                 </div>
  60                             </div>
  61                         </div>
  62
  63                         <ul class="w-sdc-distribute-components-block disable-hover">
  64                             <li data-ng-repeat="(omfComponentID,omfComponentList) in distribution.distributionComponents | orderBy: '-timestamp' | filter:status:true | groupBy:'omfComponentID'"
  65                                 class="disable-hover">
  66                                 <div class="w-sdc-distribute-row omf-component-row w-sdc-distribute-row-extends "
  67                                      data-ng-class="{'extends': omfComponentListExtends}">
  68                                     <div class="w-sdc-distribution-arrow-btn" data-ng-click="omfComponentListExtends=!omfComponentListExtends"
  69                                          ng-class="{'extends': omfComponentListExtends}"
  70                                          data-ng-init="omfComponentListExtends=false"
  71                                     ></div>
  72                                     <div class="w-sdc-distribute-status-block">
  73                                         <div class="status-item-1">{{omfComponentID}} <span class="blue-font">{{omfComponentList.length}}</span>
  74                                         </div>
  75                                     </div>
  76                                 </div>
  77                                 <div data-ng-show="omfComponentListExtends"
  78                                      class="w-sdc-distribute-omfComponent-block disable-hover">
  79                                     <div class="w-sdc-distribute-row-extends disable-hover">
  80                                         <div class="disable-hover">
  81                                             <div class="w-sdc-distribute-row omfComponent-table-head">
  82                                                 <div class="title item-1">Component ID</div>
  83                                                 <div class="title item-2">Artifact Name</div>
  84                                                 <div class="title item-3">URL</div>
  85                                                 <div class="title item-4">Time(UTC)</div>
  86                                                 <div class="title item-5">Status</div>
  87                                             </div>
  88
  89                                             <div class="w-sdc-distribute-row omfComponent-table-row"
  90                                                  data-ng-repeat-start="(url,urlList) in omfComponentList | orderBy: '-timestamp' |  groupBy:'url'"
  91                                                  data-ng-class="urlListExtends?'extends row-{{$index}}':'row-{{$index}}'" >
  92                                                 <div class="w-sdc-distribute-cell item-1">
  93                                                     <div class="w-sdc-distribution-arrow-btn" data-ng-click="urlListExtends=!urlListExtends"
  94                                                          data-ng-class="{'extends': urlListExtends}"
  95                                                          data-ng-init="urlListListExtends=false"
  96                                                     ></div>
  97                                                     {{urlList[0].omfComponentID}}
  98                                                 </div>
  99                                                 <div class="w-sdc-distribute-cell item-2" sdc-smart-tooltip>
 100                                                     {{getUrlName(urlList[0].url)}}
 101                                                 </div>
 102                                                 <div class="w-sdc-distribute-cell item-3 disable-hover">
 103                                                     <div sdc-smart-tooltip class="distribution-url">{{urlList[0].url}}</div>
 104                                                     <div sdc-smart-tooltip title="Copy url" clipboard text="urlList[0].url"
 105                                                          class="sprite-new link-btn copy-link disable-hover"></div>
 106                                                 </div>
 107                                                 <div class="w-sdc-distribute-cell item-4"><span
 108                                                     data-ng-bind="urlList[0].timestamp  | date: 'MM/dd/yyyy h:mma':'UTC'"></span>
 109                                                 </div>
 110                                                 <div class="w-sdc-distribute-cell item-5">{{urlList[0].status}}</div>
 111                                             </div>
 112
 113
 114                                             <div data-ng-repeat-end data-ng-show="urlListExtends" class="disable-hover">
 115                                                 <div class="w-sdc-distribute-row extends disable-hover">
 116                                                     <ul data-ng-show="urlListExtends"
 117                                                         class="w-sdc-distribute-url-block disable-hover">
 118                                                         <li data-ng-repeat="distributionComponent in urlList | orderBy: '-timestamp'"
 119                                                             class="disable-hover">
 120                                                         <span
 121                                                             data-ng-bind="distributionComponent.timestamp | date: 'MM/dd/yyyy h:mma':'UTC'"
 122                                                             class="disable-hover"></span>
 123                                                         <span
 124                                                             class="disable-hover">{{distributionComponent.status}}</span>
 125                                                            <span
 126                                                                class="disable-hover reason" data-ng-show="distributionComponent.status == 'NOT_NOTIFIED'">Reason: Component has determined artifact is not needed.</span>
 127                                                           <span
 128                                                               class="disable-hover reason" data-ng-show="distributionComponent.errorReason">Reason: {{distributionComponent.errorReason}}</span>
 129                                                         </li>
 130                                                     </ul>
 131                                                 </div>
 132                                             </div>
 133                                         </div>
 134                                     </div>
 135                                 </div>
 136                             </li>
 137                         </ul>
 138                     </li>
 139                 </ul>
 140             </div>
 141
 142         </perfect-scrollbar>
 143     </div>
 144
 145
 146 </ng1-modal>