From c52596a59e7261f0adc39a00c591700d81fb9824 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 23 Sep 2019 13:07:01 +0200
Subject: [PATCH] Prepare different version of content selection

---
 src/components/ContentSelections.vue | 47 ++++++++++++++++------
 src/mixins/ContentSelectionsEN.js    | 59 ++++++++++++++++++++++++++++
 src/mixins/ContentSelectionsFR.js    | 16 ++++++++
 src/views/Home.vue                   |  2 +-
 4 files changed, 111 insertions(+), 13 deletions(-)
 create mode 100644 src/mixins/ContentSelectionsEN.js
 create mode 100644 src/mixins/ContentSelectionsFR.js

diff --git a/src/components/ContentSelections.vue b/src/components/ContentSelections.vue
index 61966f2..6dc54bb 100644
--- a/src/components/ContentSelections.vue
+++ b/src/components/ContentSelections.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="root">
-    <div class="content-selection" v-for="contentSelection in contentSelections">
+    <div class="content-selection" v-for="contentSelection in getContentSelections()">
       <content-selection :type="contentSelection.type" :title="contentSelection.title"
                          :thumbnail-url="contentSelection.thumbnailUrl" :url="contentSelection.url" :tags="contentSelection.tags"
                          :description="contentSelection.description"
@@ -27,26 +27,49 @@
 
 <script>
   import ContentSelection from './ContentSelection'
+  import ContentSelectionsEN from '../mixins/ContentSelectionsEN'
+  import ContentSelectionsFR from '../mixins/ContentSelectionsFR'
+  import sampleSize from 'lodash/sampleSize'
 
   export default {
+    mixins: [
+      ContentSelectionsEN,
+      ContentSelectionsFR
+    ],
+
     props: {
+      sampleSizeEach: Number
     },
 
     components: {
       ContentSelection
     },
 
-    data: () => ({
-      contentSelections: [
-        {
-          type: 'video',
-          title: 'Nothing to hide',
-          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
-          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
-          tags: ['tag', 'tag2', 'tag3'],
-          description: 'Nothing to Hide (2017) est un film documentaire franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.'
+    methods: {
+      getContentSelections () {
+        if (this.$language.current.startsWith('fr_')) {
+          return this.sampleIfNeeded(this.contentSelectionsFR)
         }
-      ]
-    }),
+
+        return this.sampleIfNeeded(this.contentSelectionsEN)
+      },
+
+      sampleIfNeeded (objects) {
+        const videos = []
+        const channels = []
+        const instances = []
+
+        for (const o of objects) {
+          if (o.type === 'video') videos.push(o)
+          else if (o.type === 'channel') channels.push(o)
+          else if (o.type === 'instance') instances.push(o)
+          else console.error('Unknown content selection type %s.', o.type)
+        }
+
+        return sampleSize(videos, this.sampleSizeEach || videos.length)
+          .concat(sampleSize(channels, this.sampleSizeEach || channels.length))
+          .concat(sampleSize(instances, this.sampleSizeEach || instances.length))
+      }
+    }
   }
 </script>
diff --git a/src/mixins/ContentSelectionsEN.js b/src/mixins/ContentSelectionsEN.js
new file mode 100644
index 0000000..250ada9
--- /dev/null
+++ b/src/mixins/ContentSelectionsEN.js
@@ -0,0 +1,59 @@
+export default {
+  data: function () {
+    return {
+      contentSelectionsEN: [
+        {
+          type: 'video',
+          title: this.$gettext('Nothing to hide'),
+          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
+          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
+          tags: [
+            this.$gettext('tag'),
+            this.$gettext('tag2'),
+            this.$gettext('tag3')
+          ],
+          description: this.$gettext('Nothing to Hide (2017) is a documentary franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.')
+        },
+
+        {
+          type: 'video',
+          title: this.$gettext('Nothing to hide'),
+          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
+          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
+          tags: [
+            this.$gettext('tag'),
+            this.$gettext('tag2'),
+            this.$gettext('tag3')
+          ],
+          description: this.$gettext('Nothing to Hide (2017) is a documentary franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.')
+        },
+
+        {
+          type: 'video',
+          title: this.$gettext('Nothing to hide'),
+          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
+          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
+          tags: [
+            this.$gettext('tag'),
+            this.$gettext('tag2'),
+            this.$gettext('tag3')
+          ],
+          description: this.$gettext('Nothing to Hide (2017) is a documentary franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.')
+        },
+
+        {
+          type: 'video',
+          title: this.$gettext('Nothing to hide'),
+          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
+          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
+          tags: [
+            this.$gettext('tag'),
+            this.$gettext('tag2'),
+            this.$gettext('tag3')
+          ],
+          description: this.$gettext('Nothing to Hide (2017) is a documentary franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.')
+        }
+      ]
+    }
+  }
+}
diff --git a/src/mixins/ContentSelectionsFR.js b/src/mixins/ContentSelectionsFR.js
new file mode 100644
index 0000000..26bf24c
--- /dev/null
+++ b/src/mixins/ContentSelectionsFR.js
@@ -0,0 +1,16 @@
+export default {
+  data: function () {
+    return {
+      contentSelectionsFR: [
+        {
+          type: 'video',
+          title: 'Nothing to hide',
+          thumbnailUrl: 'https://peertube2.cpy.re/static/thumbnails/d2a5ec78-5f85-4090-8ec5-dc1102e022ea.jpg',
+          url: 'https://peertube2.cpy.re/videos/watch/d2a5ec78-5f85-4090-8ec5-dc1102e022ea',
+          tags: ['tag', 'tag2', 'tag3'],
+          description: 'Nothing to Hide (2017) est un film documentaire franco-allemand de Marc Meillassoux et Mihaela Gladovic, qui s\'intéresse aux effets de la surveillance de masse sur les individus et la société. Proposant un regard critique à propos des lois sur le renseignement mises en place par de nombreux États ces dernières années, le film nous rappelle à quel point le débat sur l’usage des données personnelles est actuel et questionne les fondements de nos démocraties.'
+        }
+      ]
+    }
+  }
+}
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1bcb154..bc143b9 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -34,7 +34,7 @@
         <div class="border-title"></div>
       </div>
 
-      <content-selections></content-selections>
+      <content-selections :sample-size-each="2"></content-selections>
 
       <div class="bottom-link-wrapper">
         <router-link :to="{ path: '/instances', hash: 'instances-list' }" class="bottom-link">