Use window property for global variables

KiOui · Sep 6, 2023 · 052a4eb · 052a4eb
1 parent 0b0cccc
commit 052a4eb
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 {