scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-12-27 10:14:17 +08:00
Code Issues Projects Releases Packages Wiki Activity

Allow multiline in checklist items [SCI-7008]

Browse source
This commit is contained in:
Anton 2022-07-25 11:21:31 +02:00
parent 6f72777acd
commit 70fe27f31b
3 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/stylesheets/shared/inline_edit.scss
View file

@ -28,6 +28,7 @@
.sci-inline-edit__view {
cursor: pointer;
white-space: pre-wrap;
width: 100%;
&.blank {

2
app/javascript/vue/protocol/step_elements/checklistItem.vue
View file

@ -26,6 +26,8 @@
:multilinePaste="true"
:editOnload="checklistItem.attributes.isNew"
:smartAnnotation="true"
:saveOnEnter="false"
:allowNewLine="true"
@editingEnabled="enableTextEdit"
@editingDisabled="disableTextEdit"
@update="updateText"

11
app/javascript/vue/shared/inline_edit.vue
View file

@ -40,6 +40,8 @@
characterLimit: { type: Number },
placeholder: { type: String },
autofocus: { type: Boolean, default: false },
saveOnEnter: { type: Boolean, default: true },
allowNewLine: { type: Boolean, default: false },
multilinePaste: { type: Boolean, default: false },
smartAnnotation: { type: Boolean, default: false },
editOnload: { type: Boolean, default: false }
@ -134,17 +136,16 @@
}
},
handleInput() {
if (!this.allowNewLine) {
this.newValue = this.newValue.replace(/^[\n\r]+|[\n\r]+$/g, '');
}
this.$nextTick(this.resize);
},
handleKeypress(e) {
switch(e.key) {
case 'Escape':
if (e.key == 'Escape') {
this.cancelEdit();
break;
case 'Enter':
} else if (e.key == 'Enter' && this.saveOnEnter) {
this.update();
break;
}
},
resize() {