From f001cf3f7ba722f39e2a98b62633f77c4a8769b6 Mon Sep 17 00:00:00 2001
From: IshavSohal <ishav.sohal@mail.utoronto.ca>
Date: Fri, 29 Nov 2024 14:27:16 -0500
Subject: [PATCH] disable right only toggle for dynamic slide, remove uuid
 spellcheck

---
 src/components/metadata-editor.vue |  2 ++
 src/components/slide-editor.vue    | 21 ++++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/metadata-editor.vue b/src/components/metadata-editor.vue
index 9f1fa2dd..f106c20b 100644
--- a/src/components/metadata-editor.vue
+++ b/src/components/metadata-editor.vue
@@ -97,6 +97,7 @@
                                         placement: 'top-end',
                                         touch: false
                                     }"
+                                    spellcheck="false"
                                 />
                                 <button
                                     @click="renameProduct"
@@ -150,6 +151,7 @@
                                                 placement: 'top-end',
                                                 touch: false
                                             }"
+                                            spellcheck="false"
                                         />
                                         <!-- Previous storylines (?) dropdown -->
                                         <div
diff --git a/src/components/slide-editor.vue b/src/components/slide-editor.vue
index 70df5aa4..8919110c 100644
--- a/src/components/slide-editor.vue
+++ b/src/components/slide-editor.vue
@@ -38,7 +38,10 @@
                             id="fullSlide"
                             class="editor-input rounded-none cursor-pointer w-4 h-4"
                             v-model="rightOnly"
-                            :disabled="rightOnly && determineEditorType(currentSlide.panel[panelIndex]) === 'dynamic'"
+                            :disabled="
+                                (rightOnly && determineEditorType(currentSlide.panel[0]) === 'dynamic') ||
+                                (!rightOnly && currentSlide.panel.length === 1)
+                            "
                             @change.stop="
                                 if (currentSlide.panel.length > 1 && panelModified(currentSlide.panel[0])) {
                                     $vfm.open(`right-only-${slideIndex}`);
@@ -661,24 +664,24 @@ export default class SlideEditorV extends Vue {
             if (this.centerSlide) {
                 this.currentSlide.panel[0].customStyles = 'text-align: right;';
             } else {
-                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0].customStyles || '').replace(
+                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0]?.customStyles || '').replace(
                     'text-align: right;',
                     ''
                 );
             }
-        } else if (this.rightOnly) {
+        } else if (this.rightOnly || this.currentSlide.panel.length === 1) {
             if (this.centerSlide) {
                 this.currentSlide.panel[0].customStyles = 'text-align: center;';
             } else {
-                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0].customStyles || '').replace(
+                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0]?.customStyles || '').replace(
                     'text-align: right;',
                     ''
                 );
-                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0].customStyles || '').replace(
+                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0]?.customStyles || '').replace(
                     'text-align: left;',
                     ''
                 );
-                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0].customStyles || '').replace(
+                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0]?.customStyles || '').replace(
                     'text-align: center;',
                     ''
                 );
@@ -688,11 +691,11 @@ export default class SlideEditorV extends Vue {
                 this.currentSlide.panel[0].customStyles = 'text-align: right;';
                 this.currentSlide.panel[1].customStyles = 'text-align: left;';
             } else {
-                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0].customStyles || '').replace(
+                this.currentSlide.panel[0].customStyles = (this.currentSlide.panel[0]?.customStyles || '').replace(
                     'text-align: right;',
                     ''
                 );
-                this.currentSlide.panel[1].customStyles = (this.currentSlide.panel[1].customStyles || '').replace(
+                this.currentSlide.panel[1].customStyles = (this.currentSlide.panel[1]?.customStyles || '').replace(
                     'text-align: left;',
                     ''
                 );
@@ -708,7 +711,7 @@ export default class SlideEditorV extends Vue {
             }
         } else {
             for (const p in this.currentSlide.panel) {
-                this.currentSlide.panel[p].customStyles = (this.currentSlide.panel[p].customStyles || '').replace(
+                this.currentSlide.panel[p].customStyles = (this.currentSlide.panel[p]?.customStyles || '').replace(
                     'text-align: center;',
                     ''
                 );