SmartIT_Extensions/BMC/smart-it-full/views/common/editable-content-section.html

28 lines
1.5 KiB
HTML

<div class="editable-content-section clearfix"
ng-class="{'editable-content-section_edit-mode-active' : editMode, 'editable-content-section_edit-mode-inactive': !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">
<div class="editable-content-section__edit-button" ng-if="!editMode && !hideEditButton && !isChildInContent"
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>
<div class="editable-content-section__control-bar clearfix" ng-if="editMode" role="region"
aria-label="{{'common.placeholder.editActions' | i18n}}">
<button type="submit" class="small-btn_primary" ng-click="onSaveClick()"
ng-disabled="editableContentIsInvalid() || dataSaving">{{'common.button.save' | i18n}}
</button>
<button type="button" class="small-btn_secondary" ng-click="onCancelClick()" ng-disabled="dataSaving">
{{'common.button.cancel' | i18n}}
</button>
</div>
</div>
<div class="editable-content-section__content" ng-class="{'disable-edit' : hideEditButton}"></div>
</div>