catalog-ui/app/scripts/view-models/component-viewer/properties/product-properties-view.html

   1 <div class="w-sdc-component-viewer-right-properties">
   2
   3     <h4 class="w-sdc-resource-viewer-right-title">General Information</h4>
   4     <div class="w-sdc-resource-viewer-right-content-section">
   5         <div class='sdc-resource-viewer-sidebar-section-content-column-1'>
   6             <div class="sdc-resource-viewer-sidebar-section-content-item">
   7                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_TYPE"></span>
   8                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" translate="GENERAL_LABEL_PRODUCT"></span>
   9             </div>
  10             <div class="sdc-resource-viewer-sidebar-section-content-item">
  11                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_VERSION"></span>
  12                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.version"></span>
  13             </div>
  14             <div class="sdc-resource-viewer-sidebar-section-content-item">
  15                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CATEGORY"></span>
  16                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" tooltips tooltip-content="{{component.category}}" data-ng-bind="component.category"></span>
  17             </div>
  18             <div class="sdc-resource-viewer-sidebar-section-content-item">
  19                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CREATION_DATE"></span>
  20                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.creationDate | date: 'MM/dd/yyyy'"></span>
  21             </div>
  22             <div class="sdc-resource-viewer-sidebar-section-content-item">
  23                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_AUTHOR"></span>
  24                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.creatorFullName"></span>
  25             </div>
  26             <div class="sdc-resource-viewer-sidebar-section-content-item">
  27                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_CONTACT_ID"></span>
  28                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.contacts[0]"></span>
  29             </div>
  30             <div class="sdc-resource-viewer-sidebar-section-content-item">
  31                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_PROJECT_CODE"></span>
  32                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.projectCode"></span>
  33             </div>
  34             <div class="sdc-resource-viewer-sidebar-section-content-item">
  35                 <span class="sdc-resource-viewer-sidebar-section-content-item-label">Life Cycle Status:</span>
  36                 <span class="sdc-resource-viewer-sidebar-section-content-item-value">
  37                     {{sdcMenu.LifeCycleStatuses[component.lifecycleState].text}}
  38                 </span>
  39             </div>
  40             <div class="sdc-resource-viewer-sidebar-section-content-item">
  41                 <span class="sdc-resource-viewer-sidebar-section-content-item-label">Distribution Status:</span>
  42                 <span class="sdc-resource-viewer-sidebar-section-content-item-value">
  43                     {{sdcMenu.DistributionStatuses[component.distributionStatus].text}}
  44                 </span>
  45             </div>
  46         </div>
  47         <div class='sdc-resource-viewer-sidebar-section-content-column-2'>
  48             <div class="sdc-resource-viewer-sidebar-section-content-item description">
  49                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_DESCRIPTION"></span>
  50                 <span class="sdc-resource-viewer-sidebar-section-content-item-value" data-ng-bind="component.description"></span>
  51             </div>
  52             <div class="sdc-resource-viewer-sidebar-section-content-item" >
  53                 <span class="sdc-resource-viewer-sidebar-section-content-item-label" translate="GENERAL_LABEL_TAGS"></span>
  54                     <span tooltips tooltip-content="{{component.tags.join(', ')}}" class="sdc-resource-viewer-sidebar-section-content-tags" data-ng-repeat="(tag, tagName) in component.tags">
  55                         {{tagName}}{{$last ? '' : ','}}
  56                     </span>
  57             </div>
  58         </div>
  59     </div>
  60     <h4 class="w-sdc-resource-viewer-right-title">Additional Information</h4>
  61
  62     <div class="sdc-properties-container w-sdc-resource-viewer-right-content-section">
  63         <table class="w-sdc-resource-viewer-right-table" data-ng-show="additionalInformations.length">
  64             <thead class="w-sdc-resource-viewer-right-table-head">
  65                 <th class="w-sdc-resource-viewer-right-table-head-cell cols-2">Key</th>
  66                 <th class="w-sdc-resource-viewer-right-table-head-cell cols-2">Value</th>
  67             </thead>
  68             <tbody>
  69             <tr data-ng-repeat="additionalInformation in additionalInformations">
  70                 <td><span class="ellipsis-cols2" tooltips tooltip-content="{{additionalInformation.key}}">{{additionalInformation.key}}</span></td>
  71                 <td><span class="ellipsis-cols2" tooltips tooltip-content="{{additionalInformation.value}}">{{additionalInformation.value}}</span></td>
  72             </tr>
  73             </tbody>
  74         </table>
  75     </div>
  76 </div>