Open user uploaded cover photos in PhotoSwipe

Reported-by: OE5JFE

src/mixins/coverphoto.js

@@ -11,7 +11,8 @@ export default {
           return {
             src: this.photoSrc(coverPhoto, 'thumb'),
             mediaLink: this.photoSrc(coverPhoto, 'large'),
-            attribution: coverPhoto.author
+            attribution: coverPhoto.author,
+            photo: coverPhoto
           }
         }
       }

src/views/Summit.vue

@@ -41,7 +41,10 @@
         <div class="columns">
           <div v-if="coverPhoto && !enlargeMap" class="photo-column column is-narrow">
             <div class="photo">
-              <div style="text-align: center"><a :href="coverPhoto.mediaLink" target="_blank"><img :src="coverPhoto.src" /></a></div>
+              <div style="text-align: center">
+                <a v-if="coverPhoto.photo" href="#" @click="photoClicked(coverPhoto.photo)"><img :src="coverPhoto.src" /></a>
+                <a v-else :href="coverPhoto.mediaLink" target="_blank"><img :src="coverPhoto.src" /></a>
+              </div>
               <div v-if="coverPhoto.description" class="description">{{ coverPhoto.description }}</div>
               <div v-if="coverPhoto.attribution" class="attribution" v-html="coverPhoto.attribution"></div>
             </div>