adding latest

.gitignore

@@ -24,3 +24,4 @@ pnpm-debug.log*
 
 # Custom
 src/assets/deck_of_cards
+src/assets/avatars

src/data/chains_headers.json

@@ -1,12 +0,0 @@
-[
-  { "text": "Building", "value": "building", "groupable": false },
-  { "text": "Number Needed", "value": "number_needed", "groupable": false },
-  {
-    "text": "Electricity Supplied?",
-    "value": "electricity_supplied",
-    "groupable": false
-  },
-  { "text": "Chain", "value": "chain", "groupable": true },
-  { "text": "Final Building?", "value": "final_building", "groupable": false },
-  { "text": "Base Duration", "value": "base_duration", "groupable": false }
-]

src/data/old_chains_headers.json

@@ -1,18 +0,0 @@
-[
-  { "text": "Building", "value": "building", "groupable": false },
-  {
-    "text": "Electricity Supplied?",
-    "value": "electricity_supplied",
-    "groupable": false
-  },
-  { "text": "Feeds Into", "value": "feeds_into", "groupable": false },
-  { "text": "Chain", "value": "chain", "groupable": true },
-  { "text": "Tier", "value": "tier", "groupable": false },
-  { "text": "Final Building?", "value": "final_building", "groupable": false },
-  {
-    "text": "Improved By Electricity?",
-    "value": "improved_by_electricity",
-    "groupable": false
-  },
-  { "text": "Base Duration", "value": "base_duration", "groupable": false },
-]

src/data/shikigami_cards.json

@@ -22,29 +22,29 @@
       { "id": "e715a175", "name": "shiki_0_card_7", "url": "7S.png" },
       { "id": "0b19a276", "name": "shiki_0_card_7", "url": "7S.png" }
     ],
-    "avatar": "https://cdn.vuetifyjs.com/images/lists/1.jpg"
+    "avatar": "avatar_0.png"
   },
   {
     "name": "Shiki_1",
     "cards": [
-      { "id": "a1731031", "name": "shiki_1_card_0", "url": "https://shiki_1_card_0.png" },
-      { "id": "e7e726da", "name": "shiki_1_card_0", "url": "https://shiki_1_card_0.png" },
-      { "id": "78a98586", "name": "shiki_1_card_1", "url": "https://shiki_1_card_1.png" },
-      { "id": "d86c45ad", "name": "shiki_1_card_1", "url": "https://shiki_1_card_1.png" },
-      { "id": "8bc7bd43", "name": "shiki_1_card_2", "url": "https://shiki_1_card_2.png" },
-      { "id": "7189320d", "name": "shiki_1_card_2", "url": "https://shiki_1_card_2.png" },
-      { "id": "b497c29d", "name": "shiki_1_card_3", "url": "https://shiki_1_card_3.png" },
-      { "id": "ef18f102", "name": "shiki_1_card_3", "url": "https://shiki_1_card_3.png" },
-      { "id": "9bcc73a4", "name": "shiki_1_card_4", "url": "https://shiki_1_card_4.png" },
-      { "id": "1303292a", "name": "shiki_1_card_4", "url": "https://shiki_1_card_4.png" },
-      { "id": "746a7c46", "name": "shiki_1_card_5", "url": "https://shiki_1_card_5.png" },
-      { "id": "e36abe58", "name": "shiki_1_card_5", "url": "https://shiki_1_card_5.png" },
-      { "id": "0e70898a", "name": "shiki_1_card_6", "url": "https://shiki_1_card_6.png" },
-      { "id": "a703e2e1", "name": "shiki_1_card_6", "url": "https://shiki_1_card_6.png" },
-      { "id": "2a9cbb60", "name": "shiki_1_card_7", "url": "https://shiki_1_card_7.png" },
-      { "id": "90770c78", "name": "shiki_1_card_7", "url": "https://shiki_1_card_7.png" }
+      { "id": "a1731031", "name": "shiki_1_card_0", "url": "Untitled_0.png" },
+      { "id": "e7e726da", "name": "shiki_1_card_0", "url": "Untitled_0.png" },
+      { "id": "78a98586", "name": "shiki_1_card_1", "url": "Untitled_0.png" },
+      { "id": "d86c45ad", "name": "shiki_1_card_1", "url": "Untitled_0.png" },
+      { "id": "8bc7bd43", "name": "shiki_1_card_2", "url": "Untitled_0.png" },
+      { "id": "7189320d", "name": "shiki_1_card_2", "url": "Untitled_0.png" },
+      { "id": "b497c29d", "name": "shiki_1_card_3", "url": "Untitled_0.png" },
+      { "id": "ef18f102", "name": "shiki_1_card_3", "url": "Untitled_0.png" },
+      { "id": "9bcc73a4", "name": "shiki_1_card_4", "url": "Untitled_0.png" },
+      { "id": "1303292a", "name": "shiki_1_card_4", "url": "Untitled_0.png" },
+      { "id": "746a7c46", "name": "shiki_1_card_5", "url": "Untitled_0.png" },
+      { "id": "e36abe58", "name": "shiki_1_card_5", "url": "Untitled_0.png" },
+      { "id": "0e70898a", "name": "shiki_1_card_6", "url": "Untitled_0.png" },
+      { "id": "a703e2e1", "name": "shiki_1_card_6", "url": "Untitled_0.png" },
+      { "id": "2a9cbb60", "name": "shiki_1_card_7", "url": "Untitled_0.png" },
+      { "id": "90770c78", "name": "shiki_1_card_7", "url": "Untitled_0.png" }
     ],
-    "avatar": "https://cdn.vuetifyjs.com/images/lists/2.jpg"
+    "avatar": "avatar_0.png"
   },
   {
     "name": "Shiki_2",
@@ -66,7 +66,7 @@
       { "id": "5f36e966", "name": "shiki_2_card_7", "url": "https://shiki_2_card_7.png" },
       { "id": "aceb124d", "name": "shiki_2_card_7", "url": "https://shiki_2_card_7.png" }
     ],
-    "avatar": "https://cdn.vuetifyjs.com/images/lists/3.jpg"
+    "avatar": "avatar_0.png"
   },
   {
     "header": "Group 2"
@@ -94,7 +94,7 @@
       { "id": "e37841b5", "name": "shiki_3_card_7", "url": "https://shiki_3_card_7.png" },
       { "id": "8a7a1fe6", "name": "shiki_3_card_7", "url": "https://shiki_3_card_7.png" }
     ],
-    "avatar": "https://cdn.vuetifyjs.com/images/lists/4.jpg"
+    "avatar": "avatar_0.png"
   },
   {
     "name": "Shiki_4",
@@ -116,6 +116,6 @@
       { "id": "c6607d02", "name": "shiki_4_card_7", "url": "https://shiki_4_card_7.png" },
       { "id": "32f4bcb3", "name": "shiki_4_card_7", "url": "https://shiki_4_card_7.png" }
     ],
-    "avatar": "https://cdn.vuetifyjs.com/images/lists/5.jpg"
+    "avatar": "avatar_0.png"
   }
 ]

src/views/DeckBuilder.vue

@@ -34,7 +34,9 @@
               color="#070042"
             >
               <v-avatar size="90" left>
-                <v-img :src="data.item.avatar"></v-img>
+                <v-img
+                  :src="require(`@/assets/avatars/${data.item.avatar}`)"
+                ></v-img>
               </v-avatar>
               {{ data.item.name }}
             </v-chip>
@@ -42,7 +44,7 @@
           <template v-slot:item="data">
             <template>
               <v-list-item-avatar>
-                <img :src="data.item.avatar" />
+                <img :src="require(`@/assets/avatars/${data.item.avatar}`)" />
               </v-list-item-avatar>
               <v-list-item-content>
                 <v-list-item-title v-html="data.item.name"></v-list-item-title>
@@ -54,27 +56,29 @@
           </template>
         </v-select>
       </v-col>
-      selected_shikigami_names: {{ selected_shikigami_names }} <br />
+      <!-- selected_shikigami_names: {{ selected_shikigami_names }} <br />
       selected_shikigami_data: {{ selected_shikigami_data }} <br />
-      selected_shikigami_decks: {{ selected_shikigami_decks }}
+      selected_shikigami_decks: {{ selected_shikigami_decks }} -->
     </v-row>
     <v-row v-for="(_, index) in selected_shikigami_names" :key="index">
-      <v-card elevation="2" width="100%" class="py-4" flat tile color="#070042">
+      <v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042">
         <v-row>
           <v-col cols="2">
             <div cols="12">
               <div cols="12" class="text-h5 text-center">
-                {{ `${selected_shikigami_data[index].name}` }}
+                <!-- {{ `${selected_shikigami_data[index].name}` }} -->
               </div>
               <div cols="12">
                 <v-img
-                  :src="`${selected_shikigami_data[index].avatar}`"
-                  aspect-ratio="1"
+                  :src="
+                    require(`@/assets/avatars/${selected_shikigami_data[index].avatar}`)
+                  "
                   width="100%"
                 ></v-img>
               </div>
               <div cols="12">
-                {{ index }}
+                <!-- {{ index }} -->
+                {{selected_shikigami_decks[index][index].length}}
                 <v-select
                   v-model="selected_shikigami_decks[index][index]"
                   v-on:input="limit_decks"
@@ -87,18 +91,21 @@
                   persistent-hint
                   return-object
                 >
-                  <template v-slot:selection="data">
+                  <template v-slot:selection="{data, pos}">
                     <v-chip
+                      v-if="pos === 0"
                       v-bind="data.attrs"
                       :input-value="data.selected"
                       close
                       label
-                      x-small
                       @click="data.select"
                       @click:close="remove_decks(index, data.index)"
                       color="#04002E"
                       >{{ data.item.name }}</v-chip
-                    ></template
+                    >
+                    <span v-if="pos === 1" class="grey--text caption">
+                      (+{{ selected_shikigami_decks[index][index].length - 1 }} others)
+                    </span></template
                   >
                 </v-select>
               </div>
@@ -113,9 +120,10 @@
                 v-for="i in selected_shikigami_decks[index][index]"
                 :key="i.id"
                 width="12.4%"
+                color="#070042"
               >
                 <div class="text-center">
-                  {{ i.name }}
+                  <!-- {{ i.name }} -->
                 </div>
                 <v-img
                   :src="require(`@/assets/deck_of_cards/${i.url}`)"