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" data-ng-disabled="$parent.isViewOnly || selectedComponent.uniqueId != editResourceVersion.allVersions[editResourceVersion.changeVersion]"
  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
 107             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="isComponentInstanceSelected() && currentComponent.selectedInstance.isServiceProxy()">
 108                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_SOURCE_SERVICE_NAME"></span>
 109                 <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}}"
 110                       data-tests-id="rightTab_sourceModelName"></span>
 111             </div>
 112
 113             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="isViewMode() && currentComponent.isService() && selectedComponent.isResource()">
 114                 <span class="i-sdc-designer-sidebar-section-content-item-label" translate="GENERAL_LABEL_RESOURCE_CUSTOMIZATION_UUID"></span><br>
 115                 <span class="customization-uuid selectable" data-ng-bind="currentComponent.selectedInstance.customizationUUID"
 116                       data-tests-id="rightTab_customizationModuleUUID"></span><br>
 117             </div>
 118             <div class="i-sdc-designer-sidebar-section-content-item description">
 119                 <span class="i-sdc-designer-sidebar-section-content-item-label">Description:
 120
 121                     <span class="i-sdc-designer-sidebar-section-content-description-item-value" ellipsis="selectedComponent.description" max-chars="55"
 122                           data-tests-id="rightTab_description"></span>
 123                 </span>
 124             </div>
 125
 126         </div>
 127     </div>
 128
 129     <div class="w-sdc-designer-sidebar-section additionalInformation">
 130         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.additionalInformation" class="w-sdc-designer-sidebar-section-title">
 131             Additional Information
 132             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 133         </expand-collapse>
 134
 135         <div class="w-sdc-designer-sidebar-section-content additionalInformation">
 136             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-repeat="additionalInformation in selectedComponent.getAdditionalInformation() track by $index">
 137                 <span class="i-sdc-designer-sidebar-section-content-item-label additional-information" data-ng-bind="additionalInformation.key" tooltips tooltip-content="{{additionalInformation.key}}"></span>
 138                <span class="i-sdc-designer-sidebar-section-content-item-label">:</span>
 139                 <span class="i-sdc-designer-sidebar-section-content-item-value additional-information" data-ng-bind="additionalInformation.value"
 140                       tooltips tooltip-class="tooltip-custom break-word-tooltip" tooltip-content="{{additionalInformation.value}}"></span>
 141             </div>
 142         </div>
 143     </div>
 144
 145
 146     <div class="w-sdc-designer-sidebar-section tags">
 147         <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.tags" class="w-sdc-designer-sidebar-section-title">
 148             Tags
 149             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
 150         </expand-collapse>
 151
 152         <div class="w-sdc-designer-sidebar-section-content tags">
 153             <div class="i-sdc-designer-sidebar-section-content-item">
 154                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-if="selectedComponent.tags.indexOf(selectedComponent.name)===-1" data-ng-bind="selectedComponent.name"
 155                       data-tests-id="rightTab_tag" tooltips tooltip-content="{{selectedComponent.name}}"></span>
 156                 <span class="i-sdc-designer-sidebar-section-content-item-tag" data-ng-repeat="tag in selectedComponent.tags track by $index" data-ng-bind="tag"
 157                 data-tests-id="rightTab_tag" tooltips tooltip-content="{{tag}}"></span>
 158             </div>
 159         </div>
 160     </div>
 161     </div>
 162
 163 </perfect-scrollbar>
 164