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="isComponentInstanceSelected() && currentComponent.selectedInstance.isServiceProxy() ? 'Service Proxy' : 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()"  data-tests-id="rightTab_version" data-ng-bind="selectedComponent.version"></span>
  27
  28                 <ng-form name="editForm" data-ng-if="isComponentInstanceSelected()">
  29                     <select data-ng-model="editResourceVersion.changeVersion" name="changeVersion" data-tests-id="changeVersion"
  30                             data-ng-disabled="$parent.isViewOnly || selectedComponent.uniqueId != editResourceVersion.allVersions[editResourceVersion.changeVersion] || selectedComponent.archived"
  31                             class="i-sdc-designer-sidebar-section-content-item-value i-sdc-form-select"
  32                             data-ng-class="{'minor': (editResourceVersion.changeVersion)%1, 'disabled':selectedComponent.archived}"
  33                             data-ng-change="changeResourceVersion()">
  34                         <option class="select-instance-version" data-ng-class="{'minor': key%1}"
  35                                 ng-repeat="(key, value) in editResourceVersion.allVersions">{{key}}</option>
  36                     </select></ng-form>
  37             </div>
  38             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.categories && selectedComponent.categories[0]">
  39                 <span class="i-sdc-designer-sidebar-section-content-item-label">Category:</span>
  40                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.categories[0].name"
  41                         tooltips tooltip-content="&#8203;{{selectedComponent.categories[0].name}}"
  42                         data-tests-id="rightTab_category"></span>
  43             </div>
  44             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.categories && selectedComponent.categories[0] && selectedComponent.categories[0].subcategories">
  45                 <span class="i-sdc-designer-sidebar-section-content-item-label">Sub Category:</span>
  46                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.categories[0].subcategories[0].name"
  47                       tooltips tooltip-content="&#8203;{{selectedComponent.categories[0].subcategories[0].name}}"
  48                       data-tests-id="rightTab_subCategory"></span>
  49             </div>
  50             <div class="i-sdc-designer-sidebar-section-content-item">
  51                 <span class="i-sdc-designer-sidebar-section-content-item-label">Creation Date:</span>
  52                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.creationDate | date: 'MM/dd/yyyy'"
  53                       data-tests-id="rightTab_creationDate"></span>
  54             </div>
  55             <div class="i-sdc-designer-sidebar-section-content-item">
  56                 <span class="i-sdc-designer-sidebar-section-content-item-label">Author:</span>
  57                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.creatorFullName"
  58                       tooltips tooltip-content="&#8203;{{selectedComponent.creatorFullName}}"
  59                       data-tests-id="rightTab_author">
  60                 </span>
  61             </div>
  62             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  63                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_PROJECT_CODE"></span>
  64                 <span class="i-sdc-designer-sidebar-section-content-item-value"
  65                       data-tests-id="rightTab_projectCode" data-ng-bind="selectedComponent.projectCode"></span>
  66             </div>
  67             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  68                 <span class="i-sdc-designer-sidebar-section-content-item-label">Vendor Name:</span>
  69                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.vendorName"
  70                       tooltips tooltip-content="&#8203;{{selectedComponent.vendorName}}"
  71                       data-tests-id="rightTab_vendorName">
  72                 </span>
  73             </div>
  74             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  75                 <span class="i-sdc-designer-sidebar-section-content-item-label">Vendor Release:</span>
  76                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.vendorRelease"
  77                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.vendorRelease}}"
  78                       data-tests-id="rightTab_vendorRelease">
  79                 </span>
  80             </div>
  81             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isResource()">
  82                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_RESOURCE_MODEL_NUMBER"></span>
  83                 <span class="i-sdc-designer-sidebar-section-content-item-value vendor-model-number" data-ng-bind="selectedComponent.resourceVendorModelNumber"
  84                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.resourceVendorModelNumber}}"
  85                       data-tests-id="rightTab_resourceVendorModelNumber">
  86                 </span>
  87             </div>
  88             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  89                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SERVICE_TYPE"></span>
  90                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.serviceType"
  91                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.serviceType}}"
  92                       data-tests-id="rightTab_serviceType">
  93                 </span>
  94             </div>
  95             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="selectedComponent.isService()">
  96                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SERVICE_ROLE"></span>
  97                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.serviceRole"
  98                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{selectedComponent.serviceRole}}"
  99                       data-tests-id="rightTab_serviceRole">
 100                 </span>
 101             </div>
 102             <div class="i-sdc-designer-sidebar-section-content-item">
 103                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CONTACT_ID"></span>
 104                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="selectedComponent.contactId"
 105                       data-tests-id="rightTab_contactId"></span>
 106             </div>
 107
 108             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="isComponentInstanceSelected() && currentComponent.selectedInstance.isServiceProxy()">
 109                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SOURCE_SERVICE_NAME"></span>
 110                 <span class="i-sdc-designer-sidebar-section-content-item-value" data-ng-bind="currentComponent.selectedInstance.sourceModelName"  tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="&#8203;{{currentComponent.selectedInstance.sourceModelName}}"
 111                       data-tests-id="rightTab_sourceModelName"></span>
 112             </div>
 113
 114             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="isViewMode() && currentComponent.isService() && selectedComponent.isResource()">
 115                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_RESOURCE_CUSTOMIZATION_UUID"></span><br>
 116                 <span class="customization-uuid selectable" data-ng-bind="currentComponent.selectedInstance.customizationUUID"
 117                       data-tests-id="rightTab_customizationModuleUUID"></span><br>
 118             </div>
 119             <div class="i-sdc-designer-sidebar-section-content-item description">
 120                 <span class="i-sdc-designer-sidebar-section-content-item-label">Description:
 121
 122                     <span class="i-sdc-designer-sidebar-section-content-description-item-value" ellipsis="selectedComponent.description" max-chars="55"
 123                           data-tests-id="rightTab_description"></span>
 124                 </span>
 125             </div>
 126
 127         </div>
 128     </div>
 129
 130     <div class="w-sdc-designer-sidebar-section additionalInformation">
 131         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.additionalInformation" class="w-sdc-designer-sidebar-section-title">
 132             Additional Information
 133             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 134         </expand-collapse>
 135
 136         <div class="w-sdc-designer-sidebar-section-content additionalInformation">
 137             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-repeat="additionalInformation in selectedComponent.getAdditionalInformation() track by $index">
 138                 <span class="i-sdc-designer-sidebar-section-content-item-label additional-information" data-ng-bind="additionalInformation.key" tooltips tooltip-content="{{additionalInformation.key}}"></span>
 139                <span class="i-sdc-designer-sidebar-section-content-item-label">:</span>
 140                 <span class="i-sdc-designer-sidebar-section-content-item-value additional-information" data-ng-bind="additionalInformation.value"
 141                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="{{additionalInformation.value}}"></span>
 142             </div>
 143         </div>
 144     </div>
 145
 146
 147     <div class="w-sdc-designer-sidebar-section tags">
 148         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.tags" class="w-sdc-designer-sidebar-section-title">
 149             Tags
 150             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 151         </expand-collapse>
 152
 153         <div class="w-sdc-designer-sidebar-section-content tags">
 154             <div class="i-sdc-designer-sidebar-section-content-item">
 155                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-if="selectedComponent.tags.indexOf(selectedComponent.name)===-1" data-ng-bind="selectedComponent.name"
 156                       data-tests-id="rightTab_tag" tooltips tooltip-content="{{selectedComponent.name}}"></span>
 157                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-repeat="tag in selectedComponent.tags track by $index" data-ng-bind="tag"
 158                 data-tests-id="rightTab_tag" tooltips tooltip-content="{{tag}}"></span>
 159             </div>
 160         </div>
 161     </div>
 162     </div>
 163
 164 </perfect-scrollbar>
 165