public/static/app.css

@@ -14,6 +14,7 @@ body {
   bottom: 16px;
   left: -160px;
   margin-left: 50%;
+  z-index: 1200;
 }
 
 h1 {

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>

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>

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 });
       });
     });
   },

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 });
       });
     });
   },