From f38cff21cc8d773fc37c3b7e1114a425aa716593 Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Tue, 20 Jul 2021 21:30:28 +0200
Subject: [PATCH] fix unsaved focalPoint

---
 pages/add/MediaInput.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/pages/add/MediaInput.vue b/pages/add/MediaInput.vue
index e7425cfa..d09b8159 100644
--- a/pages/add/MediaInput.vue
+++ b/pages/add/MediaInput.vue
@@ -34,7 +34,7 @@
       v-btn(text color='primary' @click='openMediaDetails = true') {{$t('common.edit')}}
       v-btn(text color='error' @click='remove') {{$t('common.remove')}}
     div(v-if='mediaPreview')
-      v-img.col-12.col-sm-2.ml-3(:src='mediaPreview' aspect-ratio='1.7778' :position='`${(this.value.focalpoint[0] + 1) * 50}% ${(this.value.focalpoint[1] + 1) * 50}%`')
+      v-img.col-12.col-sm-2.ml-3(:src='mediaPreview' aspect-ratio='1.7778' :position='savedPosition')
       span.float-right {{event.media[0].name}}
     v-file-input(
       v-else
@@ -68,8 +68,13 @@ export default {
       const url = this.value.image ? URL.createObjectURL(this.value.image) : /^https?:\/\//.test(this.value.url) ? this.value.url : `/media/thumb/${this.value.url}`
       return url
     },
+    savedPosition () {
+      const focalpoint = this.value.focalpoint || [0, 0]
+      return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`
+    },
     position () {
-      return `${(this.focalpoint[0] + 1) * 50}% ${(this.focalpoint[1] + 1) * 50}%`
+      const focalpoint = this.focalpoint || [0, 0]
+      return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`
     }
   },
   methods: {