OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/frontend/app/components/inplace-edit/field-directives/edit-wiki-textarea/edit-wiki-textarea.directiv...

41 lines
1.9 KiB

<div class="textarea-wrapper" ng-class="{'-preview': isPreview}">
<label
class="hidden-for-sighted"
for="inplace-edit--write-value--{{::field.name}}">
{{::field.getLabel()}}
</label>
<textarea
wiki-toolbar
style="min-height: 114px"
msd-elastic="\n"
class="focus-input inplace-edit--textarea -animated"
id="inplace-edit--write-value--{{::field.name}}"
ng-hide="isPreview && !fieldController.state.isBusy"
preview-toggle="customEditorController.togglePreview()"
name="value"
ng-disabled="fieldController.state.isBusy"
ng-required="fieldController.isRequired"
ng-model="field.value.raw"
title="{{ fieldController.editTitle }}">
</textarea>
<div class="inplace-edit--preview" ng-if="isPreview && !fieldController.state.isBusy">
<span ng-bind-html="previewHtml"></span>
</div>
<div class="inplace-edit--dashboard">
<div class="inplace-edit--controls" ng-hide="fieldController.state.isBusy || !fieldController.isActive()">
<accessible-by-keyboard execute="fieldController.submit()"
ng-disabled="fieldController.isEmpty()"
link-title="{{ fieldController.saveTitle }}"
class="inplace-edit--control inplace-edit--control--save">
<icon-wrapper icon-name="checkmark" icon-title="{{ fieldController.saveTitle }}">
</icon-wrapper>
</accessible-by-keyboard>
<accessible-by-keyboard execute="fieldController.discardEditing()"
link-title="{{ fieldController.cancelTitle }}"
class="inplace-edit--control inplace-edit--control--cancel">
<icon-wrapper icon-name="close" icon-title="{{ fieldController.cancelTitle }}">
</icon-wrapper>
</accessible-by-keyboard>
</div>
</div>
</div>