diff --git a/entries/static/entries/js/components/Entries.js b/entries/static/entries/js/components/Entries.js index 3cde7062cfee5700837b5279768b84eea3598a16..b10f3fa714f9050b3549e5aca77876cf9d060f61 100644 --- a/entries/static/entries/js/components/Entries.js +++ b/entries/static/entries/js/components/Entries.js @@ -24,6 +24,16 @@ export default { } }, mounted () { + $('#entries-list').length && Split(['#entries-list', '#entry-display'], { + sizes: [20, 80], + minSize: 300, + gutterSize: 4, + elementStyle: (dimension, size, gutterSize) => { + return { + 'flex-basis': 'calc(' + size + '% - ' + gutterSize + 'px)' + } + }, + }); Split(['#right-pane', '#examples'], { direction: 'vertical', sizes: [75, 25], diff --git a/entries/static/entries/js/components/UnificationComponent.js b/entries/static/entries/js/components/UnificationComponent.js index 4dafededbb7194c9504dd3adf43a6e85b19ac5f8..29f9c7978abd799210bf0b4882252db99654635f 100644 --- a/entries/static/entries/js/components/UnificationComponent.js +++ b/entries/static/entries/js/components/UnificationComponent.js @@ -35,6 +35,16 @@ export default { if (window.initialUnifiedFrameId) { setTimeout(() => { this.unifiedFrameSelected(window.initialUnifiedFrameId); }, 1000); } + $('#entries-list').length && Split(['#entries-list', '#entry-display'], { + sizes: [20, 80], + minSize: 300, + gutterSize: 4, + elementStyle: (dimension, size, gutterSize) => { + return { + 'flex-basis': 'calc(' + size + '% - ' + gutterSize + 'px)' + } + }, + }); }, template: ` <div id="entries-list" class="col h-100 w-100 px-0"> diff --git a/entries/static/entries/js/entries.js b/entries/static/entries/js/entries.js index f02c81afdf364a407610a69920bf5c0468f6431b..d9ce5ac147c0250402e674cee1033987cb2d0fad 100644 --- a/entries/static/entries/js/entries.js +++ b/entries/static/entries/js/entries.js @@ -1097,18 +1097,6 @@ function getRoleAttributes() { } $(document).ready(function() { - - Split(['#entries-list', '#entry-display'], { - sizes: [20, 80], - minSize: 300, - gutterSize: 4, - elementStyle: (dimension, size, gutterSize) => { - return { - 'flex-basis': 'calc(' + size + '% - ' + gutterSize + 'px)' - } - }, - }); - $('#semantics-top-pane').length && $('#semantics-examples-pane').length && Split(['#semantics-top-pane', '#semantics-examples-pane'], { direction: 'vertical', sizes: [75, 25], diff --git a/entries/static/entries/js/entries_index.js b/entries/static/entries/js/entries_index.js index 69f7aef94b918e0062f63093b143c1a232064887..b09d1940df0ea7a7c1a7b7c8d36eec2e5496a152 100644 --- a/entries/static/entries/js/entries_index.js +++ b/entries/static/entries/js/entries_index.js @@ -1,6 +1,6 @@ import Entries from './components/Entries.js'; const { createApp } = Vue; -window.update_entries = function () {} - -window.unificationLeftPaneApp = createApp(Entries).mount('#vue-app'); +window.update_entries = function () { + window.unificationLeftPaneApp = createApp(Entries).mount('#vue-app'); +} diff --git a/entries/static/entries/js/unification_index.js b/entries/static/entries/js/unification_index.js index e4a7344fca46be90695f573c19169d3b93fa824e..a714cbd643e03fea1228bb7a8d1c01cc27f72135 100644 --- a/entries/static/entries/js/unification_index.js +++ b/entries/static/entries/js/unification_index.js @@ -2,6 +2,6 @@ import UnificationComponent from './components/UnificationComponent.js'; const { createApp } = Vue; -window.update_entries = function () {} - -window.unificationLeftPaneApp = createApp(UnificationComponent).mount('#vue-app'); +window.update_entries = function () { + window.unificationLeftPaneApp = createApp(UnificationComponent).mount('#vue-app'); +}