100 lines
3.8 KiB
HTML
100 lines
3.8 KiB
HTML
<div data-element="editor-header" class="umb-editor-header umb-panel-header">
|
|
|
|
<div class="umb-panel-header-content-wrapper">
|
|
|
|
<div class="umb-panel-header-content">
|
|
|
|
<div class="umb-panel-header-left-side" ng-class="{'-top-position': tabs || !icon && hideDescription}">
|
|
|
|
<ng-form data-element="editor-icon" name="iconForm">
|
|
<div class="umb-panel-header-icon" ng-if="!hideIcon" ng-click="openIconPicker()" ng-class="{'-placeholder': $parent.icon==='' || $parent.icon===null}" title="{{$parent.icon}}">
|
|
<i class="icon {{$parent.icon}}" ng-if="$parent.icon!=='' && $parent.icon!==null"></i>
|
|
<div class="umb-panel-header-icon-text" ng-if="$parent.icon==='' || $parent.icon===null">
|
|
<localize key="settings_addIcon"></localize>
|
|
</div>
|
|
</div>
|
|
</ng-form>
|
|
|
|
<div class="umb-panel-header-title-wrapper">
|
|
|
|
<ng-form name="headerNameForm">
|
|
<input
|
|
data-element="editor-name-field"
|
|
title="{{key}}"
|
|
type="text"
|
|
class="umb-panel-header-name-input"
|
|
localize="placeholder"
|
|
placeholder="@placeholders_entername"
|
|
name="headerName"
|
|
ng-show="!nameLocked"
|
|
ng-model="name"
|
|
ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}"
|
|
umb-auto-focus
|
|
val-server-field="Name"
|
|
required />
|
|
</ng-form>
|
|
|
|
<div class="umb-panel-header-name" ng-if="nameLocked" title="{{key}}">{{ name }}</div>
|
|
|
|
<umb-generate-alias
|
|
data-element="editor-alias"
|
|
class="umb-panel-header-alias"
|
|
ng-if="!hideAlias"
|
|
alias="$parent.alias"
|
|
alias-from="$parent.name"
|
|
enable-lock="true"
|
|
server-validation-field="Alias">
|
|
</umb-generate-alias>
|
|
|
|
|
|
<input
|
|
data-element="editor-description"
|
|
type="text"
|
|
class="umb-panel-header-description"
|
|
localize="placeholder"
|
|
placeholder="@placeholders_enterDescription"
|
|
ng-if="!hideDescription && !descriptionLocked"
|
|
ng-model="$parent.description" />
|
|
|
|
<div class="umb-panel-header-locked-description" ng-show="descriptionLocked">{{ description }}</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="umb-editor-header__actions-menu">
|
|
<umb-editor-menu
|
|
data-element="editor-actions"
|
|
ng-if="menu.currentNode"
|
|
current-node="menu.currentNode"
|
|
current-section="{{menu.currentSection}}">
|
|
</umb-editor-menu>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<umb-editor-navigation
|
|
data-element="editor-sub-views"
|
|
ng-if="navigation"
|
|
navigation="navigation">
|
|
</umb-editor-navigation>
|
|
|
|
</div>
|
|
|
|
<umb-tabs-nav
|
|
data-element="editor-tabs"
|
|
ng-if="tabs"
|
|
model="tabs">
|
|
</umb-tabs-nav>
|
|
|
|
</div>
|
|
|
|
<umb-overlay
|
|
data-element="editor-overlay-icon-picker"
|
|
ng-if="dialogModel.show"
|
|
model="dialogModel"
|
|
position="right"
|
|
view="dialogModel.view">
|
|
</umb-overlay>
|
|
|
|
</div>
|