Add descriptions

2020-10-03 18:00:48 +03:00
parent f1045fa2f0
commit 82d3366b80
5 changed files with 33 additions and 3 deletions
--- a/src/views/Album.vue
+++ b/src/views/Album.vue
@@ -81,7 +81,13 @@ export default class AlbumPage extends Vue {

  get images() {
    return this.album!.files
-      .map(item => `/pictures/albums/${this.album!.folderName}/photos/${item}`);
+      .map((item, index) => {
+        return {
+          id: `${this.album!.folderName}/${item}`,
+          href: `/pictures/albums/${this.album!.folderName}/photos/${item}`,
+          description: this.album!.photoDescription[item] || ' ',
+        };
+      });
  }

  updateFiles() {
@@ -145,4 +151,10 @@ export default class AlbumPage extends Vue {
  background: none;
  color: white!important;
 }
+
+.blueimp-gallery-controls > .description {
+  margin-top: calc(100vh - 5em);
+  width: 100vw;
+  text-align: center;
+}
 </style>