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

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