aboutsummaryrefslogtreecommitdiff
path: root/src/components/TileTree.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-03-25 12:42:19 +1100
committerTerry Truong <terry06890@gmail.com>2022-03-25 12:42:19 +1100
commit219f843c82692145fa23ded4487f288df8fd319a (patch)
tree4d4e87995ef6eddd8bf11e30dd57bafef488ee8d /src/components/TileTree.vue
parent2752a095a659eed82f8480daf044db5934de4379 (diff)
Add some basic layout settings
Diffstat (limited to 'src/components/TileTree.vue')
-rw-r--r--src/components/TileTree.vue7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/TileTree.vue b/src/components/TileTree.vue
index 30e5ddc..fba5863 100644
--- a/src/components/TileTree.vue
+++ b/src/components/TileTree.vue
@@ -215,6 +215,9 @@ export default defineComponent({
onSettingsClose(){
this.settingsOpen = false;
},
+ onLayoutOptionChange(){
+ tryLayout(this.activeRoot, this.tileAreaPos, this.tileAreaDims, this.layoutOptions, true);
+ },
},
created(){
window.addEventListener('resize', this.onResize);
@@ -238,7 +241,9 @@ export default defineComponent({
:pos="[0,0]" :dims="parentBarDims" :nodes="sepdParents" :options="componentOptions"
@sepd-parent-clicked="onSepdParentClicked" @info-icon-clicked="onInnerInfoIconClicked"/>
<tile-info-modal :tolNode="infoModalNode" :options="componentOptions" @info-modal-close="onInfoModalClose"/>
- <settings :isOpen="settingsOpen" @settings-open="onSettingsOpen" @settings-close="onSettingsClose"/>
+ <settings :isOpen="settingsOpen" :layoutOptions="layoutOptions" :componentOptions="componentOptions"
+ @settings-open="onSettingsOpen" @settings-close="onSettingsClose"
+ @layout-option-change="onLayoutOptionChange"/>
</div>
</template>