Revert "Merge branch 'opengraphmeta' into stage" partial

Only removes vue snapshots parts

This reverts commit e820282, reversing
changes made to 2e3d7e3.

Author: yvess

vue/src/components/SnapshotMap.vue

@@ -121,8 +121,6 @@ export default {
 
   props: {
     geojson: Object,
-    screenshotFacebook: String,
-    screenshotTwitter: String,
     geoboundsIn: Array,
     predecessor: Object
   },
@@ -177,7 +175,6 @@ export default {
       this.description = this.geojson.views[0].spec.description;
       this.legend = this.geojson.views[0].spec.legend;
       this.sources = this.geojson.sources;
-      this.setMetaShare();
     },
 
     setupMapbox() {
@@ -265,40 +262,6 @@ export default {
       this.layers = [];
       this.geobounds = [];
       this.map = null;
-      this.removeMetaTags();
-    },
-
-    addMetaTag(property, content) {
-      const metaTag = document.createElement('meta');
-      metaTag.setAttribute('property', property);
-      metaTag.content = content;
-      document.getElementsByTagName('head')[0].appendChild(metaTag);
-    },
-
-    removeMetaTags() {
-      const ogTitle = document.querySelector('[name=\'og:title\']');
-      const ogDescription = document.querySelector('[name=\'og:description\']');
-      const ogUrl = document.querySelector('[name=\'og:url\']');
-      const ogImage = document.querySelector('[name=\'og:image\']');
-      const twitterImage = document.querySelector('[name=\'twitter:image\']');
-      if (ogTitle) ogTitle.remove();
-      if (ogDescription) ogDescription.remove();
-      if (ogUrl) ogUrl.remove();
-      if (ogImage) ogImage.remove();
-      if (twitterImage) twitterImage.remove();
-    },
-
-    setMetaShare() {
-      this.removeMetaTags();
-      this.addMetaTag('og:title', this.title);
-      this.addMetaTag('og:description', this.description);
-      this.addMetaTag('og:url', `${document.location.origin}/${this.hash}`);
-      if (this.screenshotFacebook) {
-        this.addMetaTag('og:image', `${document.location.origin}/media/${this.screenshotFacebook}`);
-      }
-      if (this.screenshotTwitter) {
-        this.addMetaTag('twitter:image', `${document.location.origin}/media/${this.screenshotTwitter}`);
-      }
     }
   }
 };

vue/src/views/Snapshot.vue

@@ -94,8 +94,6 @@
       :geojson="geojson"
       :geoboundsIn="geobounds"
       :predecessor="predecessor"
-      :screenshotFacebook="screenshotFacebook"
-      :screenshotTwitter="screenshotTwitter"
     />
   </div>
 </template>
@@ -130,8 +128,6 @@ export default {
     return {
       hash: this.$route.params.hash,
       bfsNumber: this.$route.params.bfsNumber,
-      screenshotFacebook: '',
-      screenshotTwitter: '',
       geojson: null,
       geobounds: [],
       municipalityName: '',
@@ -200,8 +196,6 @@ export default {
               id
               pk
             }
-            screenshotFacebook
-            screenshotTwitter
             municipality {
               bfsNumber
               fullname
@@ -211,6 +205,7 @@ export default {
                 title
                 topic
                 thumbnail
+                screenshot
               }
             }
           }
@@ -241,8 +236,6 @@ export default {
           snapshot => !snapshotsIdExamplesExclude.includes(snapshot.id)
         );
         this.predecessor = (result.data.snapshot.predecessor);
-        this.screenshotFacebook = result.data.snapshot.screenshotFacebook;
-        this.screenshotTwitter = (result.data.snapshot.screenshotTwitter);
         this.$store.commit('setBfsnumber', result.data.snapshot.municipality.bfsNumber);
         this.$store.commit('setBfsname', result.data.snapshot.municipality.fullname);
       } else {
@@ -265,6 +258,7 @@ export default {
               title
               topic
               thumbnail
+              screenshot
             }
           }