hideChildrenOverview label which can disable children overview for specific notes

This commit is contained in:
azivner 2018-04-10 23:15:41 -04:00
parent 3d15450ffc
commit 7b59a665dd
5 changed files with 19 additions and 8 deletions

View File

@ -24,7 +24,7 @@ class NoteShort {
} }
async getChildBranches() { async getChildBranches() {
if (!this.treeCache.children) { if (!this.treeCache.children[this.noteId]) {
return []; return [];
} }

View File

@ -176,12 +176,18 @@ async function loadNoteDetail(noteId) {
// after loading new note make sure editor is scrolled to the top // after loading new note make sure editor is scrolled to the top
$noteDetailWrapper.scrollTop(0); $noteDetailWrapper.scrollTop(0);
await loadLabelList(); const labels = await loadLabelList();
await showChildrenOverview(); const hideChildrenOverview = labels.some(label => label.name === 'hideChildrenOverview');
await showChildrenOverview(hideChildrenOverview);
}
async function showChildrenOverview(hideChildrenOverview) {
if (hideChildrenOverview) {
$childrenOverview.hide();
return;
} }
async function showChildrenOverview() {
const note = getCurrentNote(); const note = getCurrentNote();
$childrenOverview.empty(); $childrenOverview.empty();
@ -197,6 +203,8 @@ async function showChildrenOverview() {
const childEl = $('<div class="child-overview">').html(link); const childEl = $('<div class="child-overview">').html(link);
$childrenOverview.append(childEl); $childrenOverview.append(childEl);
} }
$childrenOverview.show();
} }
async function loadLabelList() { async function loadLabelList() {
@ -216,6 +224,8 @@ async function loadLabelList() {
else { else {
$labelList.hide(); $labelList.hide();
} }
return labels;
} }
async function loadNote(noteId) { async function loadNote(noteId) {

View File

@ -36,7 +36,7 @@
border: 0 !important; border: 0 !important;
box-shadow: none !important; box-shadow: none !important;
/* This is because with empty content height of editor is 0 and it's impossible to click into it */ /* This is because with empty content height of editor is 0 and it's impossible to click into it */
min-height: 400px; min-height: 200px;
overflow: auto; overflow: auto;
} }
@ -291,7 +291,6 @@ div.ui-tooltip {
} }
#children-overview { #children-overview {
padding-top: 20px;
} }
.child-overview { .child-overview {
@ -305,6 +304,7 @@ div.ui-tooltip {
border-radius: 15px; border-radius: 15px;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
margin-top: 15px;
} }
.child-overview a { .child-overview a {

View File

@ -11,7 +11,8 @@ const BUILTIN_LABELS = [
'run', 'run',
'manualTransactionHandling', 'manualTransactionHandling',
'disableInclusion', 'disableInclusion',
'appCss' 'appCss',
'hideChildrenOverview'
]; ];
async function getNotesWithLabel(name, value) { async function getNotesWithLabel(name, value) {

View File

@ -205,7 +205,7 @@
<input type="file" id="file-upload" style="display: none" /> <input type="file" id="file-upload" style="display: none" />
</div> </div>
<div id="children-overview" style="flex-grow: 1000; flex-shrink: 1000; flex-basis: 1px; height: 100px; overflow: hidden; display: flex; flex-wrap: wrap"> <div id="children-overview" style="flex-grow: 1000; flex-shrink: 1000; flex-basis: 0px; height: 100px; overflow: auto; display: flex; flex-wrap: wrap">
</div> </div>
</div> </div>