78 lines
4.2 KiB
HTML
78 lines
4.2 KiB
HTML
<div ux-id="screen-configuration" class="screen-configuration" auto-focus tabindex="-1">
|
|
|
|
<div loading-spinner if="dataLoading" overlay="true" fixed-full-screen="true"></div>
|
|
|
|
<div class="screen-configuration__header">
|
|
<h3 class="screen-configuration__header-title">{{'headerNav.screenConfiguration' | i18n}}</h3>
|
|
|
|
<span class="screen-configuration__header-tagline">{{'screenConfiguration.tagline' | i18n}}</span>
|
|
|
|
<button ux-id="refresh-server-cache" class="btn_secondary screen-configuration__header-refresh-cache" ng-click="refreshServerCache()">{{'screenConfiguration.refreshServerCache' | i18n}}</button>
|
|
</div>
|
|
|
|
<div class="screen-configuration__global-menu-section">
|
|
<h3>{{'screenConfiguration.globalMenu' | i18n}}</h3>
|
|
|
|
<div class="screen-configuration__tagline">{{'screenConfiguration.globalMenu.tagline' | i18n}}</div>
|
|
<div class="screen-configuration__globalaction">
|
|
<button ux-id="add-remove-menu-items" type="button" class="screen-configuration__menu-button" ng-click="showActionEditor({})">{{'customization.globalMenu.action'| i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<div class="screen-configuration__asset-specific-section" ng-if="assetScreen">
|
|
<h3>{{'customization.screen.assetScreen' | i18n}}</h3>
|
|
|
|
<div class="screen-configuration__globalaction">
|
|
<button ux-id="add-remove-menu-items" type="button" class="screen-configuration__menu-button" ng-click="showActionEditor(assetScreen)">{{'customization.panelMenu.action'| i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<hr ng-if="assetScreen">
|
|
|
|
<div ux-id="screen_{{$index}}" class="screen-configuration__screen-info col-sm-6" ng-repeat="screen in screens">
|
|
<h3 class="screen-configuration__screen-title"
|
|
ng-class="{'screen-configuration__screen-invalid': screen.invalidCustomizations }">
|
|
{{'customization.screen.' + screen.name | i18n}}
|
|
|
|
<i class="warning-tooltip icon-exclamation_triangle" ng-if="screen.invalidCustomizations"
|
|
tooltip="{{'customAreaEditor.invalidCustomizations.warning' | i18n}}"
|
|
aria-label="{{'customAreaEditor.invalidCustomizations.warning' | i18n}}" tooltip-placement="auto top"></i>
|
|
</h3>
|
|
|
|
<div class="row">
|
|
|
|
<div class="screen-configuration__screen-preview">
|
|
<i class="i-configuration i-{{screen.name + (screen.hoveredPanelId ? ('-' + screen.hoveredPanelId) : '')}}"></i>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
|
|
<button ux-id="refresh-metadata" type="button" class="screen-configuration__refresh-button"
|
|
ng-click="onRefreshMetadataClick(screen)"><span class="icon-repeat" aria-hidden="true"></span>
|
|
{{'screenConfiguration.refreshMetadata' | i18n}}</button>
|
|
|
|
<ul class="screen-configuration__panel-list">
|
|
<li class="screen-configuration__panel-head-item" ng-if="!screen.isCreateScreen()">
|
|
<a ux-id="add-remove-actions" href=""
|
|
ng-click="showActionEditor(screen)">{{'customization.panelMenu.action'| i18n}}</a>
|
|
</li>
|
|
<li class="screen-configuration__panel-head-item">{{'customization.panelMenu.action.header'| i18n}}</li>
|
|
<li ux-id="panel_{{$index}}" ng-if="!screen.layout" ng-repeat="panel in screen.panels"
|
|
class="screen-configuration__panel-item">
|
|
<a ux-id="show-editor" href="" ng-mouseover="onPanelMouseOver(screen, panel)"
|
|
ng-mouseleave="onPanelMouseLeave(screen)" ng-click="showEditor(panel)">
|
|
{{'customization.panel.' + panel.shortId | i18n}}
|
|
</a>
|
|
</li>
|
|
<screen-sections-tree ux-id="screen-sections-tree_{{$index}}" ng-if="screen.layout"
|
|
on-item-click="showEditor(panel, allPanels, otherSelectedFields)" screen="screen"
|
|
layout="screen.layout">
|
|
</screen-sections-tree>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div> |