From 19f221556a1ee4fa598baa34026178d53b357ec3 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Sun, 19 Feb 2023 20:56:03 +0100
Subject: [PATCH] * added 'icon' property for popups * show a popup after
 creating a share link for alum and box * set min width to 320 px for sharing
 dialog

---
 public/static/app.css                    |  1 +
 src/components/base-components/PopUp.vue |  7 +++++--
 src/components/dialogs/SharedItems.vue   | 12 ++++++++++--
 src/store/modules/albums/actions.js      |  1 +
 src/store/modules/boxes/actions.js       |  1 +
 5 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index 45a3da6..c258f44 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -14,6 +14,7 @@ body {
   bottom: 16px;
   left: -160px;
   margin-left: 50%;
+  z-index: 1200;
 }
 
 h1 {
diff --git a/src/components/base-components/PopUp.vue b/src/components/base-components/PopUp.vue
index 3f527c1..365a132 100644
--- a/src/components/base-components/PopUp.vue
+++ b/src/components/base-components/PopUp.vue
@@ -1,7 +1,10 @@
 <template>
-  <div class="popup-control flex-column shadow ma8" :class="{fadeOut: fadeout}">
+  <div
+    class="popup-control flex-column shadow ma8"
+    :class="{ fadeOut: fadeout }"
+  >
     <div class="flex-row" :class="item.type">
-      <awesome-icon icon="circle-info" size="2x" class="ma" />
+      <awesome-icon :icon="item.icon || 'circle-info'" size="2x" class="ma" />
       <div class="flex-column pa8-top ma8-bottom ma8-right">
         <h3 class="ma-off">{{ item.title }}</h3>
         <p class="ma-off ma8-top">{{ item.message }}</p>
diff --git a/src/components/dialogs/SharedItems.vue b/src/components/dialogs/SharedItems.vue
index aff095a..f991491 100644
--- a/src/components/dialogs/SharedItems.vue
+++ b/src/components/dialogs/SharedItems.vue
@@ -1,6 +1,6 @@
 <template>
   <DialogBase ref="dialogWindow" title="Shared items" button-text="close">
-    <div class="flex-column">
+    <div class="flex-column" id="sharedContent">
       <ul v-if="shares.length > 0">
         <li
           class="flex-row pa4-top pa4-bottom"
@@ -21,7 +21,11 @@
             <p class="grow ma-off">
               {{ share.title }}
             </p>
-            <button class="flat danger faded" @click="shareDisable(share)" title="Disable Sharing">
+            <button
+              class="flat danger faded"
+              @click="shareDisable(share)"
+              title="Disable Sharing"
+            >
               <awesome-icon icon="trash-alt" />
             </button>
           </div>
@@ -107,4 +111,8 @@ li p {
 li .cover {
   width: 32px;
 }
+
+#sharedContent {
+  min-width: 320px;
+}
 </style>
\ No newline at end of file
diff --git a/src/store/modules/albums/actions.js b/src/store/modules/albums/actions.js
index 18c2951..301ddb5 100644
--- a/src/store/modules/albums/actions.js
+++ b/src/store/modules/albums/actions.js
@@ -165,6 +165,7 @@ export default {
       axios.post(context.rootGetters.server + "/api/albums/" + album._id + "/share", {}, context.rootGetters.headers).then(res => {
         album.share = res.data;
         resolve();
+        context.dispatch("addPoUp", { title: "Share successful", message: "Url was copied into your clipboard", type: "success", icon:"share" }, { root: true });
       });
     });
   },
diff --git a/src/store/modules/boxes/actions.js b/src/store/modules/boxes/actions.js
index 3c464d7..dfd777c 100644
--- a/src/store/modules/boxes/actions.js
+++ b/src/store/modules/boxes/actions.js
@@ -141,6 +141,7 @@ export default {
       axios.post(context.rootGetters.server + "/api/boxes/" + box._id + "/share", {}, context.rootGetters.headers).then(res => {
         box.share = res.data;
         resolve();
+        context.dispatch("addPoUp", { title: "Share successful", message: "Url was copied into your clipboard", type: "success", icon: "share" }, { root: true });
       });
     });
   },