From 6847a3acb59cdd8935a16cc86095fc915f789bc5 Mon Sep 17 00:00:00 2001
From: CPSO <5735792+CPSO@users.noreply.github.com>
Date: Wed, 17 Jun 2020 13:37:04 +0200
Subject: [PATCH] #16 more clean up and log setup

---
 src/components/modules/ExportTools/Export.vue | 320 +++++++++---------
 1 file changed, 152 insertions(+), 168 deletions(-)

diff --git a/src/components/modules/ExportTools/Export.vue b/src/components/modules/ExportTools/Export.vue
index cad3c38..af8ffa6 100644
--- a/src/components/modules/ExportTools/Export.vue
+++ b/src/components/modules/ExportTools/Export.vue
@@ -1,201 +1,185 @@
 <template>
   <section class="section">
-
-    <h1 class="title is-3">{{ $t("Modules.ET.Name") }}</h1>    
+    <h1 class="title is-3">{{ $t("Modules.ET.Name") }}</h1>
     <h2 class="subtitle">{{ $t("Modules.ET.Description") }}</h2>
-    <br>
+    <br />
 
     <h1 class="title is-3">{{ $t("Modules.ET.HSelectMedia") }}</h1>
     <div class="block">
-      <b-radio v-model="radio" type="is-dark"
-          name="movie"
-          native-value="movie">
-          {{ $t("Modules.ET.RadioMovies") }}
-      </b-radio>
-      <b-radio v-model="radio" type="is-dark"
-            name="tvseries"
-            native-value="tvseries"
-            disabled>
-            {{ $t("Modules.ET.RadioTVSeries") }}
-      </b-radio>
-      <b-radio v-model="radio" type="is-dark"
-            name="artist"
-            native-value="artist"
-            disabled>
-            {{ $t("Modules.ET.RadioMusic") }}
-      </b-radio>
-      <b-radio v-model="radio" type="is-dark"
-            name="photo"
-            native-value="photo"
-            disabled>
-            {{ $t("Modules.ET.RadioPhotos") }}
-      </b-radio>
-      <b-radio v-model="radio" type="is-dark"
-            name="othervideos"
-            native-value="othervideos"
-            disabled>
-            {{ $t("Modules.ET.RadioOtherVideos") }}
-      </b-radio>
+      <b-radio
+        v-model="radio"
+        type="is-dark"
+        name="movie"
+        native-value="movie"
+      >{{ $t("Modules.ET.RadioMovies") }}</b-radio>
+      <b-radio
+        v-model="radio"
+        type="is-dark"
+        name="tvseries"
+        native-value="tvseries"
+        disabled
+      >{{ $t("Modules.ET.RadioTVSeries") }}</b-radio>
+      <b-radio
+        v-model="radio"
+        type="is-dark"
+        name="artist"
+        native-value="artist"
+        disabled
+      >{{ $t("Modules.ET.RadioMusic") }}</b-radio>
+      <b-radio
+        v-model="radio"
+        type="is-dark"
+        name="photo"
+        native-value="photo"
+        disabled
+      >{{ $t("Modules.ET.RadioPhotos") }}</b-radio>
+      <b-radio
+        v-model="radio"
+        type="is-dark"
+        name="othervideos"
+        native-value="othervideos"
+        disabled
+      >{{ $t("Modules.ET.RadioOtherVideos") }}</b-radio>
     </div>
-    <hr>
+    <hr />
 
-      <h1 class="title is-3">{{ $t("Modules.ET.HSelectSelection") }}</h1>
-      <div class="select is-dark"> 
-        <b-select v-bind:placeholder="$t('Modules.ET.SelectSelection')"                        
-          @input="selectSelection">
-            <option
-              v-for="option in pmsSections"
-              :value="option.key"
-              :key="option.key"
-              v-on:change="onchange()">
-              {{ option.title }}
-            </option>
-        </b-select> 
-      </div>
-        <b-button   
-          id="sync-button" 
-          @click="fetchSelection" type="is-warning"
-          icon-left="fas fa-sync" icon-pack="fas"  >
-        </b-button>
-    <hr>
+    <h1 class="title is-3">{{ $t("Modules.ET.HSelectSelection") }}</h1>
+    <div class="select is-dark">
+      <b-select v-bind:placeholder="$t('Modules.ET.SelectSelection')" @input="selectSelection">
+        <option
+          v-for="option in pmsSections"
+          :value="option.key"
+          :key="option.key"
+          v-on:change="onchange()"
+        >{{ option.title }}</option>
+      </b-select>
+    </div>
+    <b-button
+      id="sync-button"
+      @click="fetchSelection"
+      type="is-warning"
+      icon-left="fas fa-sync"
+      icon-pack="fas"
+    ></b-button>
+    <hr />
 
-      <h1 class="title is-3">Export Level</h1>
-
-          <b-tabs v-model="activeTab" type="is-boxed" :animated="false">
-            <b-tab-item label="Export Level"> 
-              <div class="columns">
-                <div class="column is-3">
-             <b-field type="is-dark">
-                      <b-select
-                        placeholder="Default"
-                        expanded
-                        @input="selectExportLevel">
-                        <option
-                        v-for="(value, name) in exportLevels"
-                        :value="value"
-                        :key="name">
-                        {{ name }}
-            </option>
-                      </b-select>
-                    </b-field>
-                    </div>
-                    <div class="column is-3">
-                    </div>
-                <div class="column is-6">  
-                   
-                <b-message icon-pack="fas" has-icon icon="fas fa-info-circle">
-                  Export level determents what data is going to be exportet.
-                </b-message>         
-                </div>
-              </div>
-            </b-tab-item>
-            <b-tab-item label="Custom Export Level">
-            </b-tab-item>
-        </b-tabs>
-        <hr>
+    <h1 class="title is-3">Export Level</h1>
 
+    <b-tabs v-model="activeTab" type="is-boxed" :animated="false">
+      <b-tab-item label="Export Level">
+        <div class="columns">
+          <div class="column is-3">
+            <b-field type="is-dark">
+              <b-select placeholder="Default" expanded @input="selectExportLevel">
+                <option v-for="(value, name) in exportLevels" :value="value" :key="name">{{ name }}</option>
+              </b-select>
+            </b-field>
+          </div>
+          <div class="column is-3"></div>
+          <div class="column is-6">
+            <b-message
+              icon-pack="fas"
+              has-icon
+              icon="fas fa-info-circle"
+            >Export level determents what data is going to be exportet.</b-message>
+          </div>
+        </div>
+      </b-tab-item>
+      <b-tab-item label="Custom Export Level"></b-tab-item>
+    </b-tabs>
+    <hr />
 
     <h1 class="title is-3">{{ $t("Modules.ET.HExportMedia") }}</h1>
     <div class="buttons">
-      <b-button 
-          type="is-primary" 
-          @click="getMedia" 
-          icon-left="fas fa-file-download" 
-          icon-pack="fas">
-          {{ $t("Modules.ET.HExportMedia") }}
-        </b-button>
+      <b-button
+        type="is-primary"
+        @click="getMedia"
+        icon-left="fas fa-file-download"
+        icon-pack="fas"
+      >{{ $t("Modules.ET.HExportMedia") }}</b-button>
     </div>
   </section>
 </template>
 
 <script>
-import {et} from './et'
-//import  {levels, level1, level2} from '../ExportTools/movieLevels'
-const log = require('electron-log');
+import { et } from "./et";
+const log = require("electron-log");
 
 export default {
-  name: 'export',
+  name: "export",
   data() {
     return {
-      radio: 'movie',
-      activeTab: 0,
-//      activeTab: 0,
-//      levels: levels,
-//      level1: level1,
-//      level2: level2
+      radio: "movie",
+      activeTab: 0
+    };
+  },
+  created() {
+    log.info("ET Created");
+    this.fetchSelection();
+  },
+  computed: {
+    pmsSections: function() {
+      let sections = this.$store.getters.getPmsSections;
+      let result = [];
+      if (Array.isArray(sections) && sections.length) {
+        log.debug("doing a forEach");
+        sections.forEach(req => {
+          if (req.type == this.radio) {
+            log.debug("pushing data to results");
+            result.push(req);
+          }
+        });
+      } else {
+        log.info("No data found");
+        result.push["No Section found"];
+      }
+      return result;
+    },
+    exportLevels: function() {
+      let levels = "";
+      log.info("exportLevels: found levels: " + JSON.stringify(et.getLevels(this.radio)));
+      levels = et.getLevels(this.radio);
+
+      const libType = "movie";
+      log.info("exportLevels: Possible levels key/val are: " + JSON.stringify(et.getLevels(libType)));
+      return levels;
     }
   },
-  created(){  
-    log.info('ET Created')    
-    this.fetchSelection()
-  }, computed: {
-      pmsSections: function(){
-          let sections = this.$store.getters.getPmsSections
-          let result=[];
-          if(Array.isArray(sections) && sections.length){
-            log.debug("doing a forEach")
-                sections.forEach((req) => {
-              if (req.type == this.radio) {
-                log.debug("pushing data to results")
-                  result.push(req);
-                }
-              })
-          } else {
-            log.info("No data found")
-            result.push["No Section found"]
-          }
-        return result
-      },
-      exportLevels: function(){
-        
-        let levels=''
-        console.log('Nugga levels: ' + JSON.stringify(et.getLevels(this.radio)))
-        levels = et.getLevels(this.radio)
-  
-        const libType = 'movie'
-        console.log('Possible levels key/val are: ' + JSON.stringify(et.getLevels(libType)))
-
-        return levels
+  methods: {
+    selectSelection: function(selected) {
+      log.debug(selected);
+      this.$store.commit("UPDATE_SELECTEDSECTION", selected);
+    },
+    selectExportLevel: function(selected) {
+      log.info('selectExportLevel: Selected Level: ' + selected);
+      this.$store.commit("UPDATE_EXPORTLEVEL", selected);
+    },
+    getMedia() {
+      log.info("getMedia Called");
+      this.$store.dispatch("getMediaMovies");
+    },
+    fetchSelection() {
+      log.debug("fetchSelection");
+      let serverCheck = this.$store.getters.getSelectedServer;
+      if (serverCheck !== "none") {
+        log.debug("serverCheck is not null, running fetchSections ");
+        this.$store.dispatch("fetchSections");
+      } else {
+        log.debug("serverCheck is none");
+        this.$buefy.toast.open({
+          duration: 3000,
+          message: this.$t("Modules.ET.ErrorNoServerSelected"),
+          type: "is-danger"
+        });
       }
-  }, methods: {
-        selectSelection: function (selected) {
-          log.debug(selected)
-          this.$store.commit("UPDATE_SELECTEDSECTION", selected);
-        },
-        selectExportLevel: function(selected){
-          console.log(selected)
-          this.$store.commit("UPDATE_EXPORTLEVEL", selected);
-        },
-        getMedia(){
-          console.log("getMedia Called")
-              this.$store.dispatch('getMediaMovies');
-        },
-        fetchSelection(){
-          log.debug("fetchSelection")
-          let serverCheck = this.$store.getters.getSelectedServer
-            if(serverCheck !== "none"){
-
-              log.debug("serverCheck is not null, running fetchSections ")
-              this.$store.dispatch('fetchSections')
-          } else {
-              log.debug("serverCheck is none")
-               this.$buefy.toast.open({
-                  duration: 3000,
-                  message: this.$t('Modules.ET.ErrorNoServerSelected'),
-                  type: 'is-danger'
-                })
-          }
-        }     
+    }
   }
-  
-}
+};
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-
-#sync-button{
+#sync-button {
   margin-left: 1em;
 }
-
 </style>