From 3b8b8d45ec132676b81791a170253fa66f483367 Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Thu, 2 Dec 2021 11:14:53 +0100
Subject: [PATCH] makes dialog use fullscreen on mobile

---
 components/Confirm.vue            | 1 +
 components/Footer.vue             | 3 ++-
 components/Nav.vue                | 2 +-
 components/admin/Announcement.vue | 2 +-
 components/admin/Federation.vue   | 2 +-
 components/admin/Places.vue       | 2 +-
 components/admin/Settings.vue     | 2 +-
 components/admin/Theme.vue        | 2 +-
 components/admin/Users.vue        | 2 +-
 pages/add/MediaInput.vue          | 2 +-
 pages/add/_edit.vue               | 2 +-
 pages/event/_slug.vue             | 2 +-
 12 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/components/Confirm.vue b/components/Confirm.vue
index 71db9f2c..d7b354b3 100644
--- a/components/Confirm.vue
+++ b/components/Confirm.vue
@@ -1,6 +1,7 @@
 
 <template lang="pug">
   v-dialog(v-model='show'
+    :fullscreen='$vuetify.breakpoint.xsOnly'
     :color='options.color'
     :title='title'
     :max-width='options.width'
diff --git a/components/Footer.vue b/components/Footer.vue
index 69167385..22c04b7b 100644
--- a/components/Footer.vue
+++ b/components/Footer.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   v-footer(aria-label='Footer')
 
-    v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px')
+    v-dialog(v-model='showFollowMe' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
       FollowMe(@close='showFollowMe=false' is-dialog)
 
     v-btn(color='primary' text href='https://gancio.org' target='_blank') Gancio <small>{{settings.version}}</small>
@@ -41,6 +41,7 @@ export default {
   computed: {
     ...mapState(['settings']),
     footerLinks () {
+      if (!this.settings || !this.settings.footerLinks) return []
       return this.settings.footerLinks.map(link => {
         if (/^https?:\/\//.test(link.href)) {
           return { href: link.href, label: link.label }
diff --git a/components/Nav.vue b/components/Nav.vue
index b791b3de..c1e94e9b 100644
--- a/components/Nav.vue
+++ b/components/Nav.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-app-bar(app)
+  v-app-bar(app aria-label='Menu')
 
     //- logo, title and description
     v-list-item(:to='$route.name==="index"?"/about":"/"')
diff --git a/components/admin/Announcement.vue b/components/admin/Announcement.vue
index 5edba461..2412e56f 100644
--- a/components/admin/Announcement.vue
+++ b/components/admin/Announcement.vue
@@ -2,7 +2,7 @@
   v-container
     v-card-title {{$t('common.announcements')}}
     v-card-subtitle(v-html="$t('admin.announcement_description')")
-    v-dialog(v-model='dialog' width='800px')
+    v-dialog(v-model='dialog' width='800px' :fullscreen='$vuetify.breakpoint.xsOnly')
       v-card
         v-card-title {{$t('admin.new_announcement')}}
         v-card-text.px-0
diff --git a/components/admin/Federation.vue b/components/admin/Federation.vue
index 507d8d73..df3a808f 100644
--- a/components/admin/Federation.vue
+++ b/components/admin/Federation.vue
@@ -40,7 +40,7 @@
           @blur='save("instance_place", instance_place)'
         )
 
-        v-dialog(v-model='dialogAddInstance' width="500px")
+        v-dialog(v-model='dialogAddInstance' width='500px' :fullscreen='$vuetify.breakpoint.xsOnly')
           v-card
             v-card-title {{$t('admin.add_trusted_instance')}}
             v-card-text
diff --git a/components/admin/Places.vue b/components/admin/Places.vue
index 5129dca8..46ae31b8 100644
--- a/components/admin/Places.vue
+++ b/components/admin/Places.vue
@@ -3,7 +3,7 @@
     v-card-title {{$t('common.places')}}
     v-card-subtitle(v-html="$t('admin.place_description')")
 
-    v-dialog(v-model='dialog' width='600')
+    v-dialog(v-model='dialog' width='600' :fullscreen='$vuetify.breakpoint.xsOnly')
       v-card(color='secondary')
         v-card-title {{$t('admin.edit_place')}}
         v-card-text
diff --git a/components/admin/Settings.vue b/components/admin/Settings.vue
index a7ce1351..f0bd6997 100644
--- a/components/admin/Settings.vue
+++ b/components/admin/Settings.vue
@@ -48,7 +48,7 @@
         inset
         :label="$t('admin.recurrent_event_visible')")
 
-    v-dialog(v-model='showSMTP' destroy-on-close max-width='700px')
+    v-dialog(v-model='showSMTP' destroy-on-close max-width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
       SMTP(@close='showSMTP = false')
 
     v-card-actions
diff --git a/components/admin/Theme.vue b/components/admin/Theme.vue
index 024a0fae..4e429bc2 100644
--- a/components/admin/Theme.vue
+++ b/components/admin/Theme.vue
@@ -32,7 +32,7 @@
       //-           v-on='on') {{i}}
       //-       v-color-picker(light @update:color='c => updateColor(i, c)')
 
-      v-dialog(v-model='linkModal' width='500')
+      v-dialog(v-model='linkModal' width='500' :fullscreen='$vuetify.breakpoint.xsOnly')
         v-card
           v-card-title {{$t('admin.footer_links')}}
           v-card-text
diff --git a/components/admin/Users.vue b/components/admin/Users.vue
index 36d5056a..30e15de9 100644
--- a/components/admin/Users.vue
+++ b/components/admin/Users.vue
@@ -10,7 +10,7 @@
     v-btn(color='primary' text @click='newUserDialog = true') <v-icon>mdi-plus</v-icon> {{$t('common.new_user')}}
 
     //- ADD NEW USER
-    v-dialog(v-model='newUserDialog' :fullscreen="$vuetify.breakpoint.xsOnly")
+    v-dialog(v-model='newUserDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
 
       v-card(color='secondary')
         v-card-title {{$t('common.new_user')}}
diff --git a/pages/add/MediaInput.vue b/pages/add/MediaInput.vue
index 58ad790b..c444a823 100644
--- a/pages/add/MediaInput.vue
+++ b/pages/add/MediaInput.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   span
-    v-dialog(v-model='openMediaDetails' max-width='1000px')
+    v-dialog(v-model='openMediaDetails' :fullscreen="$vuetify.breakpoint.xsOnly" width='1000px')
       v-card
         v-card-title {{$t('common.media')}}
         v-card-text
diff --git a/pages/add/_edit.vue b/pages/add/_edit.vue
index 50e26fb2..f004340c 100644
--- a/pages/add/_edit.vue
+++ b/pages/add/_edit.vue
@@ -6,7 +6,7 @@
         v-spacer
         v-btn(link text color='primary' @click='openImportDialog=true')
           <v-icon>mdi-file-import</v-icon> {{$t('common.import')}}
-      v-dialog(v-model='openImportDialog')
+      v-dialog(v-model='openImportDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
         ImportDialog(@close='openImportDialog=false' @imported='eventImported')
 
       v-card-text.px-0.px-xs-2
diff --git a/pages/event/_slug.vue b/pages/event/_slug.vue
index 79d5df70..f66bf780 100644
--- a/pages/event/_slug.vue
+++ b/pages/event/_slug.vue
@@ -126,7 +126,7 @@ v-container#event.pa-0.pa-sm-2
           :to='`/event/${event.next}`' :disabled='!event.next')
           v-icon mdi-arrow-right
 
-      v-dialog(v-model='showEmbed' width='1000px')
+      v-dialog(v-model='showEmbed' width='700px' :fullscreen='$vuetify.breakpoint.xsOnly')
         EmbedEvent(:event='event' @close='showEmbed=false')
 
 </template>