catalog-ui/app/scripts/view-models/workspace/tabs/composition/tabs/details/details-view.html

   1 <perfect-scrollbar include-padding="true" class="w-sdc-designer-sidebar-tab-content details">
   2
   3     <div class="w-sdc-designer-sidebar-section">
   4         <loader data-display="isLoading"></loader>
   5         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.general" class="w-sdc-designer-sidebar-section-title">
   6
   7             General Info
   8             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
   9         </expand-collapse>
  10
  11         <div class="w-sdc-designer-sidebar-section-content general">
  12             <div class="i-sdc-designer-sidebar-section-content-item">
  13                 <span class="i-sdc-designer-sidebar-section-content-item-label">Type:</span>
  14                 <span class="i-sdc-designer-sidebar-section-content-item-value"  data-tests-id="rightTab_componentType" data-ng-bind="selectedComponent.componentType"></span>
  15             </div>
  16             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  17                 <span class="i-sdc-designer-sidebar-section-content-item-label">Resource Type:</span>
  18                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-if="selectedComponent.isResource()" data-ng-bind="selectedComponent.resourceType"
  19                       tooltips tooltip-content="&#8203;{{selectedComponent.resourceType | resourceTypeName}}"
  20                       data-tests-id="rightTab_resourceType"></span>
  21             </div>
  22             <div class="i-sdc-designer-sidebar-section-content-item">
  23
  24                 <span class="i-sdc-designer-sidebar-section-content-item-label">Version:</span>
  25                 <span class="i-sdc-designer-sidebar-section-content-item-value"
  26                       data-ng-if="!isComponentInstanceSelected() || selectedComponent.isVl()"  data-tests-id="rightTab_version" data-ng-bind="selectedComponent.version"></span>
  27
  28                 <ng-form name="editForm" data-ng-if="isComponentInstanceSelected() && !selectedComponent.isVl()">
  29                     <select data-ng-model="editResourceVersion.changeVersion" name="changeVersion" data-ng-disabled="$parent.isViewOnly"
  30                             class="i-sdc-designer-sidebar-section-content-item-value i-sdc-form-select"
  31                             data-ng-class="{'minor': (editResourceVersion.changeVersion)%1}"
  32                             data-ng-change="changeResourceVersion()">
  33                         <option class="select-instance-version" data-ng-class="{'minor': key%1}"
  34                                 ng-repeat="(key, value) in editResourceVersion.allVersions">{{key}}</option>
  35                     </select></ng-form>
  36             </div>
  37             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.categories && selectedComponent.categories[0]">
  38                 <span class="i-sdc-designer-sidebar-section-content-item-label">Category:</span>
  39                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.categories[0].name"
  40                         tooltips tooltip-content="&#8203;{{selectedComponent.categories[0].name}}"
  41                         data-tests-id="rightTab_category"></span>
  42             </div>
  43             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.categories && selectedComponent.categories[0] && selectedComponent.categories[0].subcategories">
  44                 <span class="i-sdc-designer-sidebar-section-content-item-label">Sub Category:</span>
  45                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.categories[0].subcategories[0].name"
  46                       tooltips tooltip-content="&#8203;{{selectedComponent.categories[0].subcategories[0].name}}"
  47                       data-tests-id="rightTab_subCategory"></span>
  48             </div>
  49             <div class="i-sdc-designer-sidebar-section-content-item">
  50                 <span class="i-sdc-designer-sidebar-section-content-item-label">Creation Date:</span>
  51                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.creationDate | date: 'MM/dd/yyyy'"
  52                       data-tests-id="rightTab_creationDate"></span>
  53             </div>
  54             <div class="i-sdc-designer-sidebar-section-content-item">
  55                 <span class="i-sdc-designer-sidebar-section-content-item-label">Author:</span>
  56                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.creatorFullName"
  57                       tooltips tooltip-content="&#8203;{{selectedComponent.creatorFullName}}"
  58                       data-tests-id="rightTab_author">
  59                 </span>
  60             </div>
  61             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  62                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_PROJECT_CODE"></span>
  63                 <span class="i-sdc-designer-sidebar-section-content-item-value"
  64                       data-tests-id="rightTab_projectCode" data-ng-bind="selectedComponent.projectCode"></span>
  65             </div>
  66             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  67                 <span class="i-sdc-designer-sidebar-section-content-item-label">Vendor Name:</span>
  68                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.vendorName"
  69                       tooltips tooltip-content="&#8203;{{selectedComponent.vendorName}}"
  70                       data-tests-id="rightTab_vendorName">
  71                 </span>
  72             </div>
  73             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  74                 <span class="i-sdc-designer-sidebar-section-content-item-label">Vendor Release:</span>
  75                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.vendorRelease"
  76                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.vendorRelease}}"
  77                       data-tests-id="rightTab_vendorRelease">
  78                 </span>
  79             </div>
  80             <div class="i-sdc-designer-sidebar-section-content-item">
  81                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CONTACT_ID"></span>
  82                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.contactId"
  83                       data-tests-id="rightTab_userId"></span>
  84             </div>
  85             <div class="i-sdc-designer-sidebar-section-content-item description">
  86                 <span class="i-sdc-designer-sidebar-section-content-item-label">Description:
  87
  88                     <span class="i-sdc-designer-sidebar-section-content-description-item-value" ellipsis="selectedComponent.description" max-chars="55"
  89                           data-tests-id="rightTab_description"></span>
  90                 </span>
  91             </div>
  92
  93         </div>
  94     </div>
  95
  96     <div class="w-sdc-designer-sidebar-section additionalInformation">
  97         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.additionalInformation" class="w-sdc-designer-sidebar-section-title">
  98             Additional Information
  99             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 100         </expand-collapse>
 101
 102         <div class="w-sdc-designer-sidebar-section-content additionalInformation">
 103             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-repeat="additionalInformation in selectedComponent.getAdditionalInformation() track by $index">
 104                 <span class="i-sdc-designer-sidebar-section-content-item-label additional-information" data-ng-bind="additionalInformation.key" tooltips tooltip-content="{{additionalInformation.key}}"></span>
 105                <span class="i-sdc-designer-sidebar-section-content-item-label">:</span>
 106                 <span class="i-sdc-designer-sidebar-section-content-item-value additional-information" data-ng-bind="additionalInformation.value"
 107                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="{{additionalInformation.value}}"></span>
 108             </div>
 109         </div>
 110     </div>
 111
 112
 113     <div class="w-sdc-designer-sidebar-section tags">
 114         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.tags" class="w-sdc-designer-sidebar-section-title">
 115             Tags
 116             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 117         </expand-collapse>
 118
 119         <div class="w-sdc-designer-sidebar-section-content tags">
 120             <div class="i-sdc-designer-sidebar-section-content-item">
 121                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-repeat="tag in selectedComponent.tags track by $index" data-ng-bind="tag"
 122                 data-tests-id="rightTab_tag" tooltips tooltip-content="{{tag}}"></span>
 123             </div>
 124         </div>
 125     </div>
 126     </div>
 127
 128 </perfect-scrollbar>
 129