spoiler protection for episode names

Author: devfake

backend/app/Http/Controllers/ItemController.php

@@ -6,6 +6,7 @@
   use App\Item;
   use App\Services\Storage;
   use App\Services\TMDB;
+  use App\Setting;
   use Illuminate\Support\Facades\Input;
 
   class ItemController {
@@ -54,7 +55,10 @@ public function items($type, $orderBy)
      */
     public function episodes($tmdb_id)
     {
-      return Episode::where('tmdb_id', $tmdb_id)->get()->groupBy('season_number');
+      return [
+        'episodes' => Episode::where('tmdb_id', $tmdb_id)->get()->groupBy('season_number'),
+        'spoiler' => Setting::find(1)->episode_spoiler_protection
+      ];
     }
 
     /**

backend/app/Http/Controllers/SettingController.php

@@ -136,12 +136,14 @@ public function settings()
       // Set default value if settings table is empty.
       $genre = $settings ? $settings->show_genre : 0;
       $date = $settings ? $settings->show_date : 1;
+      $spoiler = $settings ? $settings->episode_spoiler_protection : 1;
 
       return [
         'username' => Auth::check() ? Auth::user()->username : '',
         'genre' => $genre,
         'date' => $date,
-        'version' => $this->version
+        'version' => $this->version,
+        'spoiler' => $spoiler
       ];
     }
 
@@ -158,6 +160,7 @@ public function changeSettings()
 
       $settings->show_date = Input::get('date');
       $settings->show_genre = Input::get('genre');
+      $settings->episode_spoiler_protection = Input::get('spoiler');
 
       $settings->save();
     }

backend/config/app.php

@@ -2,7 +2,7 @@
 
   return [
 
-    'version' => '1.1.0',
+    'version' => '1.2.0',
 
     'TMDB_API_KEY' => env('TMDB_API_KEY'),
     'TRANSLATION' => env('TRANSLATION'),

backend/database/migrations/2016_12_12_074211_add_episode_spoiler_protection_field.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddShowSpoilerField extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('settings', function (Blueprint $table) {
+            $table->boolean('episode_spoiler_protection')->default(1);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('settings', function (Blueprint $table) {
+            $table->dropColumn('episode_spoiler_protection');
+        });
+    }
+}

client/app/components/Content/Settings.vue

@@ -42,6 +42,9 @@
         <div class="checkbox">
           <input type="checkbox" value="date" v-model="displayDate" id="date" @change="updateSettings"><label for="date">{{ lang('display date') }}</label>
         </div>
+        <div class="checkbox">
+          <input type="checkbox" value="spoiler" v-model="spoilerProtection" id="spoiler" @change="updateSettings"><label for="spoiler">{{ lang('spoiler') }}</label>
+        </div>
       </div>
     </div>
 
@@ -71,6 +74,7 @@
         isUpdate: null,
         displayGenre: null,
         displayDate: null,
+        spoilerProtection: null,
         success: false,
         uploadSuccess: false,
         uploadedFile: null
@@ -108,8 +112,9 @@
       updateSettings() {
         const date = this.displayDate;
         const genre = this.displayGenre;
+        const spoiler = this.spoilerProtection;
 
-        http.patch(`${config.api}/settings`, {date, genre}).catch(error => {
+        http.patch(`${config.api}/settings`, {date, genre, spoiler}).catch(error => {
           alert('Error');
         });
       },
@@ -147,6 +152,7 @@
           this.displayGenre = data.genre;
           this.displayDate = data.date;
           this.version = data.version;
+          this.spoilerProtection = data.spoiler;
         });
       },
 

client/app/components/Modal/Season.vue

@@ -27,7 +27,7 @@
     <div class="modal-content" v-if=" ! loadingModalData">
       <div @click="setSeen(episode)" class="modal-item" v-for="(episode, index) in episodes[seasonActiveModal]">
         <span class="modal-episode no-select">E{{ addZero(episode.episode_number) }}</span>
-        <span class="modal-name">{{ episode.name }}</span>
+        <span class="modal-name" :class="{'spoiler-protect': spoiler && ! episode.seen}">{{ episode.name }}</span>
         <span class="episode-seen" :class="{seen: episode.seen}"><i></i></span>
       </div>
     </div>
@@ -54,6 +54,10 @@
 
       episodes() {
         return this.modalData.episodes;
+      },
+
+      spoiler() {
+        return this.modalData.spoiler;
       }
     },
 

client/app/store/actions.js

@@ -46,7 +46,8 @@ export function fetchEpisodes({commit}, data) {
   http(`${config.api}/episodes/${data.tmdb_id}`).then(response => {
     commit('SET_MODAL_DATA', {
       title: data.title,
-      episodes: response.data
+      episodes: response.data.episodes,
+      spoiler: response.data.spoiler
     });
 
     setTimeout(() => {

client/resources/languages/ar.json

@@ -41,5 +41,6 @@
   "current version": "النسخة الحالية:",
   "new update": "هناك تحديثا جديدا لflox!",
   "no update": "لا شيء لتحديث",
-  "checking update": "البحث عن تحديثات..."
+  "checking update": "البحث عن تحديثات...",
+  "spoiler": "حماية المفسد لأسماء الحلقة"
 }

client/resources/languages/da.json

@@ -41,5 +41,6 @@
   "current version": "Nuværende version:",
   "new update": "Der er en ny opdatering til flox!",
   "no update": "Intet at opdatere",
-  "checking update": "Kontrollerer for opdateringer ..."
+  "checking update": "Kontrollerer for opdateringer ...",
+  "spoiler": "beskyttelse Spoiler for episode navne"
 }

client/resources/languages/de.json

@@ -41,5 +41,6 @@
   "current version": "Aktuelle Version:",
   "new update": "Ein neues Update ist vorhanden",
   "no update": "Kein Update vorhanden",
-  "checking update": "Suche nach Updates..."
+  "checking update": "Suche nach Updates...",
+  "spoiler": "Spoiler-Schutz für Episodennamen"
 }

client/resources/languages/el.json

@@ -41,5 +41,7 @@
   "current version": "Τρέχουσα έκδοση:",
   "new update": "Υπάρχει μια νέα ενημερωμένη έκδοση για Flox!",
   "no update": "Τίποτα για να ενημερώσετε",
-  "checking update": "Έλεγχος για ενημερώσεις ..."
+  "checking update": "Έλεγχος για ενημερώσεις ...",
+  "spoiler": "προστασία αεροτομή για τα ονόματα επεισόδιο"
+
 }

client/resources/languages/en.json

@@ -41,5 +41,6 @@
   "current version": "Current version:",
   "new update": "There is a new update for flox!",
   "no update": "Nothing to update",
-  "checking update": "Checking for updates..."
+  "checking update": "Checking for updates...",
+  "spoiler": "Spoiler protection for episode names"
 }

client/resources/languages/fr.json

@@ -41,5 +41,6 @@
   "current version": "Version actuelle:",
   "new update": "Il existe une nouvelle mise à jour pour flox!",
   "no update": "Rien à mettre à jour",
-  "checking update": "Vérification des mises à jour ..."
+  "checking update": "Vérification des mises à jour ...",
+  "spoiler": "Protection des spoilers pour les noms d'épisodes"
 }

client/resources/languages/nl.json

@@ -41,5 +41,6 @@
   "current version": "Huidige versie:",
   "new update": "Er is een nieuwe update voor Flox!",
   "no update": "Niets te actualiseren",
-  "checking update": "Controleren op updates ..."
+  "checking update": "Controleren op updates ...",
+  "spoiler": "Spoiler bescherming voor aflevering namen"
 }

client/resources/sass/components/_content.scss

@@ -476,6 +476,11 @@ main {
     float: left;
     font-size: 15px;
     margin: 0 0 0 10px;
+    max-width: 200px;
+
+    @include media(4) {
+      max-width: none;
+    }
   }
 
   .dark & {

client/resources/sass/components/_modal.scss

@@ -38,6 +38,7 @@
   padding: 7px;
   cursor: pointer;
   opacity: .8;
+  margin: 0 -5px 0 0px;
 
   &:active {
     opacity: .5;
@@ -172,6 +173,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+
+  &.spoiler-protect {
+    background: rgba(#fff, .4);
+    color: transparent;
+  }
 }
 
 .episode-seen {