UX: Update icon for PDF documents in search results photoprism#4600

Signed-off-by: Michael Mayer <michael@photoprism.app>

Author: lastzero

frontend/src/component/photo/view/cards.vue

@@ -60,17 +60,11 @@
                 <i :title="$gettext('Taken')" class="mdi mdi-calendar-range" />
                 {{ m.getDateString(true) }}
               </button>
-              <button
-                v-if="m.CameraID > 1 || m.Iso"
-                class="meta-camera action-camera-edit text-truncate"
-              >
+              <button v-if="m.CameraID > 1 || m.Iso" class="meta-camera action-camera-edit text-truncate">
                 <i class="mdi" :class="m.Type === 'video' ? 'mdi-video-vintage' : 'mdi-camera'" />
                 {{ m.getCameraInfo() }}
               </button>
-              <button
-                v-if="m.LensID > 1 || m.FocalLength"
-                class="meta-lens action-lens-edit text-truncate"
-              >
+              <button v-if="m.LensID > 1 || m.FocalLength" class="meta-lens action-lens-edit text-truncate">
                 <i class="mdi mdi-camera-iris" />
                 {{ m.getLensInfo() }}
               </button>
@@ -149,6 +143,11 @@
                 class="action-vector mdi mdi-vector-polyline"
                 :title="$gettext('Vector')"
               ></i>
+              <i
+                v-else-if="m.Type === 'document'"
+                class="action-document mdi mdi-file-pdf-box"
+                :title="$gettext('Document')"
+              />
               <i
                 v-else-if="m.Type === 'image' && !selectMode"
                 class="mdi mdi-camera-burst"
@@ -244,11 +243,7 @@
               {{ m.Caption }}
             </button>
             <div class="meta-details">
-              <button
-                v-if="m.Year > 0"
-                class="action-open-date meta-date text-truncate"
-                @click.exact="openDate(index)"
-              >
+              <button v-if="m.Year > 0" class="action-open-date meta-date text-truncate" @click.exact="openDate(index)">
                 <i :title="$gettext('Taken')" class="mdi mdi-calendar-range" />
                 {{ m.getDateString(true) }}
               </button>

frontend/src/component/photo/view/list.vue

@@ -82,13 +82,8 @@
                       @click.stop.prevent="openPhoto(index, false)"
                     >
                       <i v-if="m.Type === 'live'" class="action-live" :title="$gettext('Live')"><icon-live-photo /></i>
-                      <i v-if="m.Type === 'animated'" class="mdi mdi-file-gif-box" :title="$gettext('Animated')" />
-                      <i
-                        v-if="m.Type === 'vector'"
-                        class="action-vector mdi mdi-vector-polyline"
-                        :title="$gettext('Vector')"
-                      ></i>
-                      <i v-if="m.Type === 'video'" class="mdi mdi-play" :title="$gettext('Video')" />
+                      <i v-else-if="m.Type === 'animated'" class="mdi mdi-file-gif-box" :title="$gettext('Animated')" />
+                      <i v-else-if="m.Type === 'video'" class="mdi mdi-play" :title="$gettext('Video')" />
                     </button>
                   </div>
                 </td>
@@ -133,18 +128,8 @@
                         class="input-favorite"
                         @click.stop.prevent="m.toggleLike()"
                       >
-                        <v-icon
-                          v-if="m.Favorite"
-                          icon="mdi-star"
-                          color="favorite"
-                          class="favorite-on"
-                        ></v-icon>
-                        <v-icon
-                          v-else
-                          icon="mdi-star-outline"
-                          color="surface"
-                          class="favorite-off"
-                        ></v-icon>
+                        <v-icon v-if="m.Favorite" icon="mdi-star" color="favorite" class="favorite-on"></v-icon>
+                        <v-icon v-else icon="mdi-star-outline" color="surface" class="favorite-off"></v-icon>
                       </v-btn>
                     </template>
                   </div>

frontend/src/component/photo/view/mosaic.vue

@@ -90,6 +90,11 @@
                 class="action-vector mdi mdi-vector-polyline"
                 :title="$gettext('Vector')"
               ></i>
+              <i
+                v-else-if="m.Type === 'document'"
+                class="action-document mdi mdi-file-pdf-box"
+                :title="$gettext('Document')"
+              />
               <i
                 v-else-if="m.Type === 'image' && !selectMode"
                 class="mdi mdi-camera-burst"