gerrit.onap Code Review - sdc.git/blob

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