@hostlink/nuxt-light 1.12.6 → 1.12.7

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.12.6"
+  "version": "1.12.7"
 }

package/dist/runtime/components/l-file-manager-preview.vue

@@ -1,9 +1,11 @@
 <script setup>
-import { format } from "quasar"
+import { format, useQuasar } from "quasar"
+import { computed } from 'vue'
 import { q } from '../';
 const { humanStorageSize } = format
 
 const props = defineProps(["modelValue"]);
+const quasar = useQuasar()
 
 
 const file = await q("fsFile", {
@@ -12,7 +14,27 @@ const file = await q("fsFile", {
 
 const size = humanStorageSize(props.modelValue.size)
 
-</script >
+const full_url = computed(() => {
+  let url = window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
+  return url + props.modelValue.imagePath;
+})
+
+const copyToClipboard = (text) => {
+  navigator.clipboard.writeText(text).then(() => {
+
+    quasar.notify({
+      message: 'URL copied to clipboard',
+      color: 'positive',
+      position: 'top',
+      timeout: 1000,
+    });
+
+  }, (err) => {
+    console.error('Could not copy text: ', err);
+  });
+}
+
+</script>
 <template>
   <template v-if="file.canPreview">
     <q-img :src="file.imagePath"></q-img>
@@ -48,6 +70,18 @@ const size = humanStorageSize(props.modelValue.size)
       </q-item-section>
       <q-item-section side>{{ modelValue.lastModifiedHuman }}</q-item-section>
     </q-item>
+    <q-item>
+      <q-item-section>
+        <q-item-label>URL</q-item-label>
+      </q-item-section>
+      <q-item-section side>
+        <q-item-label lines="1">{{ full_url }}</q-item-label>
+      </q-item-section>
+
+      <q-item-section top side>
+        <q-btn size="md" flat danse round icon="sym_o_content_copy" @click="copyToClipboard(full_url)"></q-btn>
+      </q-item-section>
+    </q-item>
   </q-list>
 </template>
 

package/dist/runtime/components/l-file-manager.vue

@@ -78,7 +78,7 @@ const columns = ref([
 ]);
 
 const localSearch = ref(null);
-
+const rightDrawerOpen = ref(false);
 const leftDrawerOpen = ref(false);
 const showDateOptions = ref(false);
 const exactPhrase = ref("");
@@ -488,6 +488,11 @@ const onPreviewPDF = async (row) => {
   })
 }
 
+const onClickInfo = async (row) => {
+ rightDrawerOpen.value = true;
+  
+}
+
 </script>
 <template>
   <q-layout view="hHh lpR fFf" :class="isDark ? '' : 'bg-white'" container :style="{ 'min-height': height }">
@@ -569,7 +574,7 @@ const onPreviewPDF = async (row) => {
       </q-scroll-area>
     </q-drawer>
 
-    <q-drawer side="right" show-if-above bordered>
+    <q-drawer v-model="rightDrawerOpen" side="right" show-if-above bordered>
       <l-file-manager-preview v-model="preview" v-if="preview" :key="preview.path" />
     </q-drawer>
 
@@ -723,6 +728,13 @@ const onPreviewPDF = async (row) => {
                       <q-item-section>{{ $t('Preview') }}</q-item-section>
                     </q-item>
 
+                    <q-item clickable v-close-popup @click="onClickInfo(props.row)" class="lt-lg">
+                      <q-item-section avatar>
+                        <q-icon name="sym_o_info"></q-icon>
+                      </q-item-section>
+                      <q-item-section>{{ $t('Info') }}</q-item-section>
+                    </q-item>
+
                   </q-list>
                 </q-menu>
               </q-btn>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.12.6",
+  "version": "1.12.7",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",