From 2ca3aa73b2992f6997276f5c8fb906f9ee703bf2 Mon Sep 17 00:00:00 2001
From: jb-alvarado <jb@pixelcrusher.de>
Date: Fri, 8 Sep 2023 10:21:34 +0200
Subject: [PATCH] reset states

---
 pages/player.vue | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/pages/player.vue b/pages/player.vue
index 82d46e27..32357e2c 100644
--- a/pages/player.vue
+++ b/pages/player.vue
@@ -475,7 +475,10 @@
                                     role="tab"
                                     aria-controls="v-pills-playout"
                                     aria-selected="false"
-                                    @click="advancedGenerator = true; resetCheckboxes()"
+                                    @click="
+                                        advancedGenerator = true;
+                                        resetCheckboxes()
+                                    "
                                 >
                                     Advanced
                                 </button>
@@ -730,10 +733,26 @@
                     </div>
                     <div class="modal-footer">
                         <div v-if="!advancedGenerator" class="form-check select-all-div">
-                            <input id="checkAll" class="form-check-input" type="checkbox" v-model="generateFromAll" />
+                            <input
+                                id="checkAll"
+                                class="form-check-input"
+                                type="checkbox"
+                                v-model="generateFromAll"
+                                @change="resetCheckboxes()"
+                            />
                             <label class="form-check-label" for="checkAll">All</label>
                         </div>
-                        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cancel</button>
+                        <button
+                            type="button"
+                            class="btn btn-primary"
+                            data-bs-dismiss="modal"
+                            @click="
+                                resetCheckboxes();
+                                resetTemplate()
+                            "
+                        >
+                            Cancel
+                        </button>
                         <button
                             type="button"
                             class="btn btn-primary"
@@ -1184,6 +1203,7 @@ async function generatePlaylist() {
 
     // reset selections
     resetCheckboxes()
+    resetTemplate()
 
     playlistIsLoading.value = false
 }
@@ -1281,6 +1301,10 @@ function resetCheckboxes() {
     }
 }
 
+function resetTemplate() {
+    template.value.sources = []
+}
+
 function addTemplate() {
     const last = template.value.sources[template.value.sources.length - 1]
     // @ts-ignore