From 052a4eb09f0d2d206c2d5f86fd1d1ccc3d0cdbac Mon Sep 17 00:00:00 2001
From: Lars van Rhijn <larsvanrhijn@gmail.com>
Date: Wed, 6 Sep 2023 11:50:27 +0200
Subject: [PATCH] Use window property for global variables

---
 website/orders/templates/orders/order_admin_list.html    | 2 +-
 website/orders/templates/orders/shift_admin_footer.html  | 2 +-
 website/orders/templates/orders/shift_admin_scanner.html | 6 ++++--
 website/orders/templates/orders/shift_header.html        | 2 +-
 website/thaliedje/templates/thaliedje/player.html        | 2 +-
 website/thaliedje/templates/thaliedje/queue.html         | 2 +-
 website/thaliedje/templates/thaliedje/requests.html      | 2 +-
 website/thaliedje/templates/thaliedje/search.html        | 2 +-
 8 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/website/orders/templates/orders/order_admin_list.html b/website/orders/templates/orders/order_admin_list.html
index 13225e4a..82f9dc51 100644
--- a/website/orders/templates/orders/order_admin_list.html
+++ b/website/orders/templates/orders/order_admin_list.html
@@ -130,7 +130,7 @@ <h3 class="mt-3">Orders total</h3>
 
 <script type="module">
     import { createApp } from 'vue';
-    let orders_vue_{{ shift.id }} = createApp({
+    window.orders_vue_{{ shift.id }} = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/orders/templates/orders/shift_admin_footer.html b/website/orders/templates/orders/shift_admin_footer.html
index 4d3bd7f1..a5096792 100644
--- a/website/orders/templates/orders/shift_admin_footer.html
+++ b/website/orders/templates/orders/shift_admin_footer.html
@@ -95,7 +95,7 @@
 
 <script type="module">
     import { createApp } from 'vue';
-    let admin_footer_vue_{{ shift.id }} = createApp({
+    window.admin_footer_vue_{{ shift.id }} = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/orders/templates/orders/shift_admin_scanner.html b/website/orders/templates/orders/shift_admin_scanner.html
index b6fb7b6d..ca9d65fb 100644
--- a/website/orders/templates/orders/shift_admin_scanner.html
+++ b/website/orders/templates/orders/shift_admin_scanner.html
@@ -46,10 +46,12 @@
 <script src="{% static "orders/js/quagga.min.js" %}"></script>
 <script src="{% static "orders/js/admin-scanner.js" %}"></script>
 
+<script>
+    const POPUP_MODAL_ID = "scanner-popup";
+</script>
 <script type="module">
     import { createApp } from 'vue';
-    const POPUP_MODAL_ID = "scanner-popup";
-    let scanner_vue = createApp({
+    window.scanner_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/orders/templates/orders/shift_header.html b/website/orders/templates/orders/shift_header.html
index 126be809..6c3f89bd 100644
--- a/website/orders/templates/orders/shift_header.html
+++ b/website/orders/templates/orders/shift_header.html
@@ -19,7 +19,7 @@ <h1>{{ shift.venue.venue.name }}</h1>
 
 <script type="module">
     import { createApp } from 'vue';
-    let shift_header_{{ shift.id }}_vue = createApp({
+    window.shift_header_{{ shift.id }}_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/thaliedje/templates/thaliedje/player.html b/website/thaliedje/templates/thaliedje/player.html
index 7c5c03f4..51fe37d3 100644
--- a/website/thaliedje/templates/thaliedje/player.html
+++ b/website/thaliedje/templates/thaliedje/player.html
@@ -93,7 +93,7 @@
 </div>
 <script type="module">
     import { createApp } from 'vue';
-    let player_{{ player.id }}_vue = createApp({
+    window.player_{{ player.id }}_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/thaliedje/templates/thaliedje/queue.html b/website/thaliedje/templates/thaliedje/queue.html
index 7c49170d..1e484227 100644
--- a/website/thaliedje/templates/thaliedje/queue.html
+++ b/website/thaliedje/templates/thaliedje/queue.html
@@ -33,7 +33,7 @@
 
 <script type="module">
     import { createApp } from 'vue';
-    let player_{{ player.id }}_queue_vue = createApp({
+    window.player_{{ player.id }}_queue_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/thaliedje/templates/thaliedje/requests.html b/website/thaliedje/templates/thaliedje/requests.html
index eaf3cb19..708d62f6 100644
--- a/website/thaliedje/templates/thaliedje/requests.html
+++ b/website/thaliedje/templates/thaliedje/requests.html
@@ -35,7 +35,7 @@
 
 <script type="module">
     import { createApp } from 'vue';
-    let player_{{ player.id }}_requests_vue = createApp({
+    window.player_{{ player.id }}_requests_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {
diff --git a/website/thaliedje/templates/thaliedje/search.html b/website/thaliedje/templates/thaliedje/search.html
index 4db9c4b9..22d8cd37 100644
--- a/website/thaliedje/templates/thaliedje/search.html
+++ b/website/thaliedje/templates/thaliedje/search.html
@@ -96,7 +96,7 @@ <h5 class="text-uppercase">Albums</h5>
 
 <script type="module">
     import { createApp } from 'vue';
-    let player_{{ player.id }}_search_vue = createApp({
+    window.player_{{ player.id }}_search_vue = createApp({
         delimiters: ['${', '}$'],
         data() {
             return {