catalog-ui/src/app/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-tests-id="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" data-ng-if="selectedComponent.isResource()">
  81                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_RESOURCE_MODEL_NUMBER"></span>
  82                 <span class="i-sdc-designer-sidebar-section-content-item-value vendor-model-number" data-ng-bind="selectedComponent.resourceVendorModelNumber"
  83                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.resourceVendorModelNumber}}"
  84                       data-tests-id="rightTab_resourceVendorModelNumber">
  85                 </span>
  86             </div>
  87             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  88                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SERVICE_TYPE"></span>
  89                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.serviceType"
  90                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.serviceType}}"
  91                       data-tests-id="rightTab_serviceType">
  92                 </span>
  93             </div>
  94             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  95                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SERVICE_ROLE"></span>
  96                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.serviceRole"
  97                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.serviceRole}}"
  98                       data-tests-id="rightTab_serviceRole">
  99                 </span>
 100             </div>
 101             <div class="i-sdc-designer-sidebar-section-content-item">
 102                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CONTACT_ID"></span>
 103                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.contactId"
 104                       data-tests-id="rightTab_contactId"></span>
 105             </div>
 106             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="isViewMode() && currentComponent.isService() && selectedComponent.isResource()">
 107                 <span class="i-sdc-designer-sidebar-section-content-item-label">Resource Customization UUID:</span><br>
 108                 <span class="customization-uuid selectable" data-ng-bind="currentComponent.selectedInstance.customizationUUID"
 109                       data-tests-id="rightTab_customizationModuleUUID"></span><br>
 110             </div>
 111             <div class="i-sdc-designer-sidebar-section-content-item description">
 112                 <span class="i-sdc-designer-sidebar-section-content-item-label">Description:
 113
 114                     <span class="i-sdc-designer-sidebar-section-content-description-item-value" ellipsis="selectedComponent.description" max-chars="55"
 115                           data-tests-id="rightTab_description"></span>
 116                 </span>
 117             </div>
 118
 119         </div>
 120     </div>
 121
 122     <div class="w-sdc-designer-sidebar-section additionalInformation">
 123         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.additionalInformation" class="w-sdc-designer-sidebar-section-title">
 124             Additional Information
 125             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 126         </expand-collapse>
 127
 128         <div class="w-sdc-designer-sidebar-section-content additionalInformation">
 129             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-repeat="additionalInformation in selectedComponent.getAdditionalInformation() track by $index">
 130                 <span class="i-sdc-designer-sidebar-section-content-item-label additional-information" data-ng-bind="additionalInformation.key" tooltips tooltip-content="{{additionalInformation.key}}"></span>
 131                <span class="i-sdc-designer-sidebar-section-content-item-label">:</span>
 132                 <span class="i-sdc-designer-sidebar-section-content-item-value additional-information" data-ng-bind="additionalInformation.value"
 133                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="{{additionalInformation.value}}"></span>
 134             </div>
 135         </div>
 136     </div>
 137
 138
 139     <div class="w-sdc-designer-sidebar-section tags">
 140         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.tags" class="w-sdc-designer-sidebar-section-title">
 141             Tags
 142             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 143         </expand-collapse>
 144
 145         <div class="w-sdc-designer-sidebar-section-content tags">
 146             <div class="i-sdc-designer-sidebar-section-content-item">
 147                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-if="selectedComponent.tags.indexOf(selectedComponent.name)===-1" data-ng-bind="selectedComponent.name"
 148                       data-tests-id="rightTab_tag" tooltips tooltip-content="{{selectedComponent.name}}"></span>
 149                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-repeat="tag in selectedComponent.tags track by $index" data-ng-bind="tag"
 150                 data-tests-id="rightTab_tag" tooltips tooltip-content="{{tag}}"></span>
 151             </div>
 152         </div>
 153     </div>
 154     </div>
 155
 156 </perfect-scrollbar>
 157