Frontend: UI improvements & fixes

Signed-off-by: Michael Mayer <michael@liquidbytes.net>

frontend/src/component/p-photo-details.vue

@@ -80,7 +80,7 @@
                                         <v-icon size="14">photo_camera</v-icon> {{ photo.getCamera() }}
                                     </button>
                                     <br/>
-                                    <button @click.exact="openLocation(index)" v-if="photo.LocationID">
+                                    <button @click.exact="openLocation(index)" v-if="photo.LocationID && places">
                                         <v-icon size="14">location_on</v-icon> {{ photo.getLocation() }}
                                     </button>
                                 </div>
@@ -103,6 +103,11 @@
             openLocation: Function,
             album: Object,
         },
+        data() {
+            return {
+                places: this.$config.settings().features.places,
+            };
+        },
         methods: {}
     };
 </script>

frontend/src/component/p-photo-list.vue

@@ -36,7 +36,7 @@
                 </v-hover>
             </td>
             <td class="p-photo-desc hidden-xs-only" @click.exact="toggleSelection(props)">
-                <button v-if="props.item.LocationID" @click.stop.prevent="openLocation(props.index)">
+                <button v-if="props.item.LocationID && places" @click.stop.prevent="openLocation(props.index)">
                     {{ props.item.getLocation() }}
                 </button>
                 <span v-else>
@@ -85,6 +85,7 @@
                     {text: this.$gettext('Taken'), class: 'hidden-xs-only', value: 'TakenAt'},
                     {text: this.$gettext('Favorite'), value: 'PhotoFavorite', align: 'left'},
                 ],
+                places: this.$config.settings().features.places,
             };
         },
         watch: {

frontend/src/dialog/photo/details.vue

@@ -165,6 +165,7 @@
                                         v-model="model.PhotoLat"
                                 ></v-text-field>
                             </v-flex>
+
                             <v-flex xs12 sm6 md3 class="pa-2">
                                 <v-text-field
                                         :disabled="disabled"
@@ -176,6 +177,7 @@
                                         v-model="model.PhotoLng"
                                 ></v-text-field>
                             </v-flex>
+
                             <v-flex xs12 sm6 md3 class="pa-2">
                                 <v-text-field
                                         :disabled="disabled"
@@ -362,6 +364,8 @@
                         </v-layout>
                     </v-flex>
                 </v-layout>
+
+                <div class="mt-5"></div>
             </v-form>
         </v-container>
     </div>

frontend/src/pages/library/logs.vue

@@ -6,7 +6,7 @@
                     <translate>Nothing to see here yet. Be patient.</translate>
                 </p>
                 <p v-for="(log, index) in logs" :key="index.id" class="p-log-message" :class="'p-log-' + log.level">
-                    {{ log.time | luxon:format('yyyy-LL-dd hh:mm:ss') }} {{ level(log) }} <span>{{ log.msg }}</span>
+                    {{ log.time | luxon:format('yyyy-LL-dd HH:mm:ss') }} {{ level(log) }} <span>{{ log.msg }}</span>
                 </p>
             </v-flex>
         </v-layout>