Make the toggle overlays button functional (#484)

* Make the toggle overlays button functional

* Move state from the OverlaysMessageHandler to DocumentMessageHandler

* Code review fixes
This commit is contained in:
Keavon Chambers
2022-01-16 09:40:47 -08:00
parent 10205ef599
commit 94ecbf7112
7 changed files with 35 additions and 17 deletions
+7 -4
View File
@@ -10,7 +10,7 @@
</div>
<div class="spacer"></div>
<div class="right side">
<OptionalInput v-model:checked="snappingEnabled" @update:checked="(newStatus: boolean) => setSnap(newStatus)" :icon="'Snapping'" title="Snapping" />
<OptionalInput v-model:checked="snappingEnabled" @update:checked="(snap: boolean) => setSnapping(snap)" :icon="'Snapping'" title="Snapping" />
<PopoverButton>
<h3>Snapping</h3>
<p>The contents of this popover menu are coming soon</p>
@@ -26,7 +26,7 @@
<Separator :type="'Unrelated'" />
<OptionalInput v-model:checked="overlaysEnabled" @update:checked="() => dialog.comingSoon(99)" :icon="'Overlays'" title="Overlays" />
<OptionalInput v-model:checked="overlaysEnabled" @update:checked="(visible: boolean) => setOverlaysVisibility(visible)" :icon="'Overlays'" title="Overlays" />
<PopoverButton>
<h3>Overlays</h3>
<p>The contents of this popover menu are coming soon</p>
@@ -283,8 +283,11 @@ import Separator from "@/components/widgets/separators/Separator.vue";
export default defineComponent({
inject: ["editor", "dialog"],
methods: {
setSnap(newStatus: boolean) {
this.editor.instance.set_snapping(newStatus);
setSnapping(snap: boolean) {
this.editor.instance.set_snapping(snap);
},
setOverlaysVisibility(visible: boolean) {
this.editor.instance.set_overlays_visibility(visible);
},
setViewMode(newViewMode: string) {
this.editor.instance.set_view_mode(newViewMode);