catalog-ui/app/scripts/view-models/workspace/workspace-view.html

   1 <div class="sdc-workspace-container">
   2     <loader data-display="isLoading"></loader>
   3
   4     <!-- HEADER -->
   5 <!--
   6     <ecomp-header menu-data="menuItems" version="{{version}}"></ecomp-header>
   7 -->
   8
   9     <div class="w-sdc-main-container">
  10
  11         <div class="w-sdc-left-sidebar" data-ng-if="!isComposition">
  12             <div class="i-sdc-left-sidebar-item">
  13                 <expand-collapse-menu-box menu-items-group="leftBarTabs" menu-title="{{menuComponentTitle}}" parent-scope="this"> </expand-collapse-menu-box>
  14             </div>
  15         </div>
  16
  17         <div include-padding="true" class="w-sdc-main-right-container" data-ng-class="{'composition':isComposition}">
  18
  19         <!--<div class="w-sdc-main-right-container" data-ng-class="{'composition':isComposition}">-->
  20             <loader data-display="isCreateProgress" relative="true"></loader>
  21
  22             <div class="sdc-workspace-top-bar">
  23                 <div class="version-container">
  24
  25
  26                 <span data-ng-if="!isCreateMode() && !component.isLatestVersion()" class="not-latest"></span>
  27                 <select class="version-selector" data-ng-if="!isCreateMode()" data-tests-id="versionHeader" data-ng-model="changeVersion.selectedVersion"
  28                         ng-options="'V'+version.versionNumber for version in versionsList" data-ng-change="onVersionChanged(changeVersion.selectedVersion.versionId)">
  29                 </select>
  30                 </div>
  31
  32                 <div class="lifecycle-state">
  33                     <div data-ng-show="showLifecycleIcon()" class="lifecycle-state-icon" data-ng-class="{'in-design-status-icon': isCreateMode(), '{{sdcMenu.LifeCycleStatuses[component.lifecycleState].icon}}': !isCreateMode()}"></div>
  34                     <span class="lifecycle-state-text" data-tests-id="formlifecyclestate">{{getStatus()}}</span>
  35                 </div>
  36
  37
  38                 <div class="progress-container" >
  39                     <top-progress class="general-view-top-progress" progress-value="progressService.getProgressValue(component.uniqueId)" progress-message="progressMessage"></top-progress>
  40                 </div>
  41
  42                 <div class="sdc-workspace-top-bar-buttons">
  43
  44                     <span ng-if="!isCreateMode() && !component.isLatestVersion() && !showChangeStateButton()">Switch to the&nbsp;<a ng-click="getLatestVersion()">latest version</a></span>
  45
  46                     <button ng-if="isDesigner() && !isCreateMode()"
  47                             data-ng-class="{'disabled' :!isValidForm || isDisableMode() || isViewMode()}"
  48                             ng-click="save()"
  49                             class="tlv-btn blue"
  50                             data-tests-id="create/save"
  51                             data-ng-show="showFullIcons()"
  52                             sdc-smart-tooltip="">Update</button>
  53
  54                     <button ng-repeat="(key,button) in changeLifecycleStateButtons"
  55                             ng-click="changeLifecycleState(key)"
  56                             ng-if="showChangeStateButton() && key != 'deleteVersion'"
  57                             data-ng-disabled="isCreateMode() || button.disabled || disabledButtons || !isValidForm"
  58                             class="change-lifecycle-state-btn tlv-btn"
  59                             ng-class="$first ? 'outline green' : 'grey'"
  60                             data-tests-id="{{button.text  | testsId}}">
  61                             {{button.text}}
  62                         </button>
  63
  64                     <button ng-if="!isViewMode() && isCreateMode()" data-ng-disabled="!isValidForm || isDisableMode() || isLoading" ng-click="save()" class="tlv-btn outline green" data-tests-id="create/save">Create</button>
  65
  66                     <span data-ng-if="isDesigner() && !isCreateMode() && component.lifecycleState === 'NOT_CERTIFIED_CHECKOUT'" sdc-smart-tooltip=""
  67                         data-ng-class="{'disabled' : !isValidForm || isDisableMode() || isViewMode()}" ng-click="changeLifecycleState('deleteVersion')"
  68                         class="sprite-new delete-btn" data-tests-id="delete_version" sdc-smart-tooltip="">Delete</span>
  69
  70                     <span data-ng-if="isDesigner()" data-ng-class="{'disabled' :isDisableMode() || isViewMode()}"  ng-click="revert()" class="sprite-new revert-btn" data-tests-id="revert"
  71                           data-ng-show="showFullIcons()" sdc-smart-tooltip="">Revert</span>
  72
  73                     <span  data-ng-if="isComposition && !component.isProduct()" class="sprite-new print-screen-btn" entity="component" print-graph-screen data-tests-id="printScreen"></span>
  74                     <span class="delimiter"></span>
  75                     <span class="sprite-new x-btn" data-ng-click="goToBreadcrumbHome()" sdc-smart-tooltip="">Close</span>
  76
  77                 </div>
  78             </div>
  79
  80             <div data-ng-if="component.creationDate && (!isComposition && !isDeployment)" class="sdc-asset-creation-info"><b>Created:</b>&nbsp;{{component.creationDate | date:'MM/dd/yyyy'}},&nbsp;{{component.creatorFullName}}&nbsp;|&nbsp;<b>Modifed:</b>&nbsp;{{component.lastUpdateDate | date:'MM/dd/yyyy'}}&nbsp;|&nbsp;<b>UUID:</b>&nbsp;{{component.uuid}}<b>&nbsp;Invariant UUID:</b>&nbsp;{{component.invariantUUID}}</div>
  81
  82             <div class="w-sdc-main-container-body-content" data-ng-class="{'third-party':thirdParty}" data-ui-view></div>
  83         </div>
  84     </div>
  85     <top-nav search-bind="search.filterTerm" hide-search="true" menu-model="breadcrumbsModel" version="{{version}}"></top-nav>
  86 </div>