switcher for editability

This commit is contained in:
zadam
2021-06-26 17:08:50 +02:00
parent 962d5a5674
commit 32c88219c3
5 changed files with 97 additions and 9 deletions

View File

@@ -1,23 +1,26 @@
import NoteContextAwareWidget from "../note_context_aware_widget.js";
import NoteTypeWidget from "../note_type.js";
import ProtectedNoteSwitchWidget from "../protected_note_switch.js";
import EditabilitySelectWidget from "../editability_select.js";
const TPL = `
<div class="basic-properties-widget">
<style>
.basic-properties-widget {
padding: 12px 12px 6px 12px;
padding: 0px 12px 6px 12px;
display: flex;
align-items: baseline;
}
.note-type-container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.basic-properties-widget > * {
margin-right: 30px;
margin-top: 12px;
}
.note-type-container, .editability-select-container {
display: flex;
align-items: center;
}
</style>
@@ -26,6 +29,10 @@ const TPL = `
</div>
<div class="protected-note-switch-container"></div>
<div class="editability-select-container">
<span>Editable:</span> &nbsp;
</div>
</div>`;
export default class BasicPropertiesWidget extends NoteContextAwareWidget {
@@ -34,12 +41,13 @@ export default class BasicPropertiesWidget extends NoteContextAwareWidget {
this.noteTypeWidget = new NoteTypeWidget().contentSized();
this.protectedNoteSwitchWidget = new ProtectedNoteSwitchWidget().contentSized();
this.editabilitySelectWidget = new EditabilitySelectWidget().contentSized();
this.child(this.noteTypeWidget, this.protectedNoteSwitchWidget);
this.child(this.noteTypeWidget, this.protectedNoteSwitchWidget, this.editabilitySelectWidget);
}
isEnabled() {
return this.note;
return this.note && (this.note.type === 'text' || this.note.type === 'code');
}
getTitle() {
@@ -56,5 +64,6 @@ export default class BasicPropertiesWidget extends NoteContextAwareWidget {
this.$widget.find(".note-type-container").append(this.noteTypeWidget.render());
this.$widget.find(".protected-note-switch-container").append(this.protectedNoteSwitchWidget.render());
this.$widget.find(".editability-select-container").append(this.editabilitySelectWidget.render());
}
}