- Gallery: added deleting images.

src/components/CGallery/CGallery.vue

@@ -5,10 +5,10 @@
       <div v-for="(mygallery, index) in listimages" :key="index" v-if="index === 0">
         <div class="q-pa-md q-gutter-md">
           <q-card :class="getclass">
-            <q-img :src="`statics/upload/` + gall.directory + `/` + mygallery.imagefile" :class="getclimg"
+            <q-img :src="getsrcimg(mygallery)" :class="getclimg"
                    :alt="mygallery.alt">
               <div class="absolute-bottom text-shadow">
-                {{listimages.length}} immagini
+                {{listimages.length}} files
               </div>
             </q-img>
           </q-card>
@@ -31,7 +31,7 @@
                     @drop="onDrop"
             >
 
-              <q-img :src="`statics/upload/` + gall.directory + `/` + mygallery.imagefile"
+              <q-img :src="getsrcimg(mygallery)"
                      :class="getclimg"
                      :alt="mygallery.alt">
                 <div class="absolute-bottom text-shadow">
@@ -40,19 +40,47 @@
                 </div>
               </q-img>
 
-              <!--Order: {{mygallery.order}} -->
-              <q-input v-model="mygallery.alt"
-                       label="Alt"
+
+<!--
+              <q-input v-model="mygallery._id"
+                       label="Id"
                        dense
                        @keyup.enter.stop
                        @input="save"
                        debounce="1000"
                        autofocus>
               </q-input>
+-->
+              <q-field
+                stack-label
+                dense
+                label="FileName">
+                <template v-slot:control>
+                  <div class="self-center full-width no-outline" tabindex="0">{{mygallery.imagefile}}</div>
+                </template>
+
+              </q-field>
+
+              <!--<q-input v-model="mygallery.order"
+                       :label="$t('disc.order')"
+                       dense
+                       @keyup.enter.stop
+                       @input="save"
+                       debounce="1000"
+                       autofocus>
+              </q-input>-->
+              <!--<q-input v-model="mygallery.alt"
+                       label="Alt"
+                       dense
+                       @keyup.enter.stop
+                       @input="save"
+                       debounce="1000"
+                       autofocus>
+              </q-input>-->
 
               <q-input v-model="mygallery.description"
                        dense
-                       label="Description"
+                       :label="$t('proj.longdescr')"
                        @keyup.enter.stop
                        @input="save"
                        debounce="1000"
@@ -60,6 +88,8 @@
               </q-input>
 
               <q-card-actions align="center">
+                <q-btn flat round color="blue" icon="fas fa-copy" size="sm"
+                       @click="copytoclipboard(mygallery)"></q-btn>
                 <q-btn flat round color="red" icon="fas fa-trash-alt" size="sm"
                        @click="deleteFile(mygallery)"></q-btn>
               </q-card-actions>
@@ -69,8 +99,8 @@
         <div class="q-pa-sm">
           <div v-if="edit" class="q-gutter-sm " style="max-height: 200px; width: 208px;">
             <q-uploader
-              label="Aggiungi Immagine"
-              accept=".jpg, image/*"
+              label="Aggiungi Immagine o PDF"
+              accept=".jpg, image/*, .pdf"
               :url="tools.geturlupload()+`/` + gall.directory"
               :headers="tools.getheaders()"
               :max-file-size="2000000"