66 lines
2.9 KiB
HTML
66 lines
2.9 KiB
HTML
<div 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 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 type="button" class="screen-configuration__menu-button" ng-click="showActionEditor({})">{{'customization.globalMenu.action'| i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<div 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}}" 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 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 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 ng-if="!screen.layout"
|
|
ng-repeat="panel in screen.panels" class="screen-configuration__panel-item" >
|
|
<a href="" ng-mouseover="onPanelMouseOver(screen, panel)" ng-mouseleave="onPanelMouseLeave(screen)" ng-click="showEditor(panel)">
|
|
{{'customization.panel.' + panel.shortId | i18n}}
|
|
</a>
|
|
</li>
|
|
<screen-sections-tree
|
|
ng-if="screen.layout"
|
|
on-item-click="showEditor(panel, allPanels, otherSelectedFields)"
|
|
screen="screen"
|
|
layout="screen.layout">
|
|
</screen-sections-tree>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div> |