catalog-ui/src/app/view-models/workspace/tabs/distribution/disribution-status-modal/disribution-status-modal-view.html

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