SmartIT_Extensions/BMC/smart-it-full/views/layout-configuration/layout-section/editable-layout-section.html

38 lines
2.5 KiB
HTML

<div ng-form="layoutForm" class="editable-content-section clearfix"
ng-class="{'editable-layout-section_edit-mode-active' : editMode, 'highlight-section': editableContentIsInvalid() && !editMode && editModeAllowed}">
<div loading-spinner if="dataSaving" centered="true" overlay="true"></div>
<div class="editable-content-section__controls" ng-if="editModeAllowed && isFullVersion"
ng-class="{'editable-layout-section__controls-active': editMode}">
<div class="editable-content-section__edit-button" ng-if="!editMode && !isChildEditProgress"
ng-click="onEditButtonClick()" ng-enter="onEditButtonClick()"
role="link" tabindex="0" aria-label="{{'common.placeholder.editActions' | i18n}}{{ editButtonLabel}}">
<i class="icon icon-pencil icon-edit_sml"></i> {{'controls.action.edit' | i18n}}
</div>
<h2 class="editable-layout-section__header" title="{{ ('common.button.edit' | i18n ) + ' ' + ('ticket.type.' + ticket.type | i18n) }}" ng-class="{ 'editable-layout-section__short-header' : layoutForm.$error.required.length }" ng-if="editMode && !fromCopyChange">{{('common.button.edit' | i18n ) + ' ' +
('ticket.type.' + ticket.type | i18n)}}</h2>
<h2 class="editable-layout-section__header" ng-if="editMode && fromCopyChange">{{('copychange.form.title' | i18n )}}</h2>
<div class="editable-content-section__control-bar clearfix" ng-if="editMode" role="region"
aria-label="{{'common.placeholder.editActions' | i18n}}">
<span class="editable-content-section__form_invalid" ng-if="layoutForm.$error.required.length">
<i class="icon-exclamation_triangle"></i>
<a href="" ng-click="onErrorClick()">
{{layoutForm.$error.required.length}} {{ 'create.ticket.more.required.fields' | i18n }}
</a>
</span>
<button type="submit" class="small-btn_primary" ng-if="!isDraft" ng-click="onSaveClick()"
ng-disabled="layoutForm.$invalid || dataSaving">
{{'common.button.save' | i18n}}
</button>
<button type="button" class="small-btn_secondary" ng-if="!isDraft" ng-click="onCancelClick()" ng-disabled="dataSaving">
{{'common.button.cancel' | i18n}}
</button>
</div>
</div>
<div class="editable-content-section__content"
ng-class="{'disable-edit' : hideEditButton, 'editable-layout-section__content': editMode}"></div>
</div>