🔧 AlbumCard preview 🔧 Missing translations on file uploader

changelog.md

@@ -10,6 +10,8 @@
 
 ## Fixed
 
+- AlbumCard preview
+- Missing translations on file uploader
 - Manage Tags and Manage Archives issues in responsive and dark mode (issue #47)
 - Keep old settings values when validation fails
 

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=6524f50461876f2a7aea",
+    "/js/app.js": "/js/app.js?id=195bc8ab00024114b294",
     "/css/app.css": "/css/app.css?id=b754c2c0d237f3bf3291",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=df4e7f64848d7be19b71"

resources/js/components/AlbumCard.vue

@@ -19,16 +19,12 @@
                          :alt="image.name"
                          class="img-fluid mb-1" />
                 </div>
-
-                <div v-if="!single && album.images.length > 4" key="more">
-                    <a :href="album.permalink"
-                       class="d-flex justify-content-center align-items-center w-100 text-dark"
-                       style="height: 40px; background-color: #ccc; text-decoration: none;">
-                        <i class="fas fa-plus mr-1"></i> {{ album.images.length - images.length }}
-                    </a>
-                </div>
             </masonry>
 
+            <p v-if="!single && album.images.length > 4" class="text-right small mb-0">
+                <i class="fas fa-plus mr-1"></i> {{ album.images.length - images.length }}
+            </p>
+
             <p class="card-text mt-1" v-if="album.tags.length > 0">
                 <a v-for="tag in album.tags" class="badge badge-secondary mr-1" :href="`/tag/${tag}`">{{ tag }}</a>
             </p>
@@ -101,9 +97,10 @@ export default {
                 return this.album.images;
             }
 
-            let lenght = this.album.images.length;
-            let max = lenght >= 4 ? 4 : lenght;
-            return this.album.images.splice(0, max);
+            let length = this.album.images.length;
+            let max = length > 4 ? 4 : length;
+            console.log(length, max);
+            return this.album.images.slice(0, max);
         },
 
         imagesCols: function () {

resources/js/components/AlbumForm.vue

@@ -18,12 +18,18 @@
 
                 <file-pond :allow-multiple="true"
                            :allow-browse="true"
+                           :allow-replace="false"
+                           :allow-revert="false"
                            :instant-upload="true"
                            :label-idle="__('Drop files or click to choose')"
                            :label-invalid-field="__('Invalid file')"
                            :label-file-loading="__('Loading')"
+                           :label-file-processing="__('Loading')"
                            :label-file-load-error="__('Fail')"
                            :label-file-processing-error="__('Fail')"
+                           :label-file-processing-complete="__('Success')"
+                           :label-tap-to-cancel="__('Delete')"
+                           :label-tap-to-undo="__('Delete')"
                            @init="initUpload"
                            @processfile="handleFileProcess"
                            ref="pond"