added ps3 and ps4 greatest hits, rebuilt ps4 console list, small UI t…

…weaks

scripts/utility/makeConsoleSpecificListImproved.js

@@ -11,19 +11,19 @@ const _difference = require('lodash/difference');
 const filesArr = [
   {
     key: 'isLaunchTitle',
-    path: '../../finalOutput/smallFiles/launchTitles/pspLaunchTitles.json'
+    path: '../../finalOutput/smallFiles/launchTitles/ps4LaunchTitles.json'
   },
   {
     key: 'isExclusive',
-    path: '../../finalOutput/smallFiles/platformExclusives/sonyPspExclusives.json'
+    path: '../../finalOutput/smallFiles/platformExclusives/sonyPlaystation4Exclusives.json'
   },
   // {
   //   key: 'special',
   //   path: '../../finalOutput/smallFiles/multiplayer/playStationMultitap.json'
   // },
   {
     key: 'special',
-    path: '../../finalOutput/smallFiles/greatestHits/sonyPlayStationPortableGreatestHits.json'
+    path: '../../finalOutput/smallFiles/greatestHits/sonyPlayStation4GreatestHits.json'
   }
   // {
   //   key: 'special',
@@ -34,9 +34,9 @@ const filesArr = [
   //   path: '../../finalOutput/smallFiles/multiplayer/nesFourScore.json'
   // }
 ];
-const mlId = 'ccl24';
-const outPath = '../../finalOutput/consoleLists/SonyPlayStationPortable.json';
-const idPrefix = 'spsp';
+const mlId = 'ccl23';
+const outPath = '../../finalOutput/consoleLists/SonyPlayStation4.json';
+const idPrefix = 'sps4';
 
 function makeCombinedId(item) {
   // return `${item.igdbId}-${item.tgdbId}-${item.gbId}`;

server/static/fileInfoList.json

@@ -781,13 +781,13 @@
     "title": "Sony PlayStation 3 Greatest Hits",
     "filePath": "../textFilesToBeConverted/greatestHits/sonyPlayStation3GreatestHits.json",
     "type": "Game",
-    "complete": false
+    "complete": true
   },
   {
     "title": "Sony PlayStation 4 Greatest Hits",
     "filePath": "../textFilesToBeConverted/greatestHits/sonyPlayStation4GreatestHits.json",
     "type": "Game",
-    "complete": false
+    "complete": true
   },
   {
     "title": "Sony PlayStation Portable Greatest Hits",

src/App.vue

@@ -40,7 +40,10 @@
           v-on:gameData="gameSelected"
           v-on:jointList="getJointList"
         ></FileSearch>
-        <ConsolesSearch v-if="searchSource === 'Consoles List Search'" :currentList="currentList"></ConsolesSearch>
+        <ConsolesSearch
+          v-if="searchSource === 'Consoles List Search'"
+          :currentList="currentList"
+        ></ConsolesSearch>
         <Search
           :platform="selected"
           v-on:gameData="gameSelected"
@@ -64,7 +67,14 @@
         </v-card>
       </v-container>
       <v-container class="app-right" style="height: 100%;">
-        <GameInfo :game="currentGame" :fixed="fixedGame" class="game-card" :reset="reset"></GameInfo>
+        <GameInfo
+          :game="currentGame"
+          :fixed="fixedGame"
+          class="game-card"
+          :reset="reset"
+          :index="currentIndex + 1"
+          :total="currentList ? currentList.length : 0"
+        ></GameInfo>
         <FSListEntries :jointList="jointList" v-if="jointList"></FSListEntries>
       </v-container>
     </v-layout>

src/components/GameInfo.vue

@@ -1,27 +1,31 @@
 <template>
   <v-card class="info-card">
     <v-card-title>Current Game Data</v-card-title>
+    <div class="counter">Item {{ index }} of {{ total }}</div>
     <v-btn dark color="accent" @click.native="copyName">
       <v-icon left>mdi-content-copy</v-icon>Copy Name
     </v-btn>
     <v-btn dark color="primary" @click.native="copyBeforeColon">
-      <v-icon left>mdi-clipboard-arrow-left</v-icon>Copy Name Before Colon
+      <v-icon left>mdi-clipboard-arrow-left</v-icon>Name Before Colon
     </v-btn>
     <v-btn dark color="warning" @click.native="copyAfterColon">
-      <v-icon left>mdi-clipboard-arrow-right</v-icon>Copy Name After Colon
+      <v-icon left>mdi-clipboard-arrow-right</v-icon>Name After Colon
     </v-btn>
     <v-btn dark color="secondary" @click.native="copyBeforeHyphen">
-      <v-icon left>mdi-clipboard-arrow-left</v-icon>Copy Name Before Hyphen
+      <v-icon left>mdi-clipboard-arrow-left</v-icon>Name Before Hyphen
     </v-btn>
     <v-btn dark color="error" @click.native="copyAfterHyphen">
-      <v-icon left>mdi-clipboard-arrow-right</v-icon>Copy Name After Hyphen
+      <v-icon left>mdi-clipboard-arrow-right</v-icon>Name After Hyphen
+    </v-btn>
+    <v-btn dark color="primary" @click.native="copyNoPunctuation">
+      <v-icon left>mdi-clipboard-arrow-right</v-icon>Name No Punc
     </v-btn>
     <div class="game-info">
       <h4>Old</h4>
-      <pre :class="isComplete(game) ? 'complete-item' : ''">{{game ? game : ''}}</pre>
+      <pre :class="isComplete(game) ? 'complete-item' : ''">{{ game ? game : '' }}</pre>
       <div class="game-fixed" v-if="fixed">
         <h4 style="color: yellow;">New</h4>
-        <pre class="game-revisions">{{fixed ? fixed : ''}}</pre>
+        <pre class="game-revisions">{{ fixed ? fixed : '' }}</pre>
       </div>
       <div class="section-complete" v-if="!game">You reached the end of the list!</div>
     </div>
@@ -37,7 +41,9 @@ export default {
   props: {
     game: null,
     fixed: null,
-    reset: null
+    reset: null,
+    index: null,
+    total: null
   },
   methods: {
     isComplete(item) {
@@ -87,6 +93,12 @@ export default {
         : this.stripName(this.game.title.split(':')[1]);
       this.setCurrentName(after);
     },
+    copyNoPunctuation() {
+      const noPunc = this.game.name
+        ? this.stripName(this.game.name.replace(/[^\w\s]|_/g, '').replace(/\s+/g, ' '))
+        : this.stripName(this.game.title.replace(/[^\w\s]|_/g, '').replace(/\s+/g, ' '));
+      this.setCurrentName(noPunc);
+    },
     ...mapMutations({
       setCurrentName: 'setCurrentName'
     })
@@ -99,6 +111,11 @@ export default {
   button {
     margin: 1rem 1rem 0 0;
   }
+  .counter {
+    margin-left: 1rem;
+    font-style: italic;
+    color: yellow;
+  }
 }
 .game-info {
   padding: 0 2rem 2rem 2rem;