From e50a2158dc5630ebf8b813b7f92b7fde48827f41 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Fri, 5 Jun 2020 09:01:50 +0200
Subject: [PATCH] - Bound main schools to spell card class

---
 client/public/index.html                     |  1 -
 client/src/components/spells/spell-card.vue  | 28 ++++++++++++++------
 client/src/components/spells/spells-list.vue |  4 +--
 3 files changed, 21 insertions(+), 12 deletions(-)
diff --git a/client/public/index.html b/client/public/index.html
index 5cdaa4f..ee262ce 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -7,7 +7,6 @@
     <link rel="icon" href="<%= BASE_URL %>img/favicon.ico">
     <title>Spellsaurus</title>
     <link rel="stylesheet" href="<%= BASE_URL %>libs/style.css">
-    <script async defer src="<%= BASE_URL %>libs/masonry-4.2.2.min"></script>
   </head>
   <body>
     <noscript>
diff --git a/client/src/components/spells/spell-card.vue b/client/src/components/spells/spell-card.vue
index d6cbd20..49e8458 100644
--- a/client/src/components/spells/spell-card.vue
+++ b/client/src/components/spells/spell-card.vue
@@ -1,5 +1,7 @@
 <template>
-    <div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4 grid-item grid-sizer">
+    <div
+        :class="main_school"
+        class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4 grid-item grid-sizer">
         <div class="bg-white p-4 rounded text-dark border-primary shadow-sm" style="border-left:4px solid;">
             <div class="h3 font-display font-weight-bold text-wrap word-break line-height-100" :title="name">
                 <a class="text-decoration-none text-primary" :href="'/spell/'+id">{{name}}</a>
@@ -20,10 +22,10 @@
                     <span v-for="(variable,index) in variables" :key="index"><span class="font-weight-bold"><span v-if="index!=0"><br></span>{{String.fromCharCode(120+index)}}</span> = {{variable.description}}</span>
                 </div>
             </div>
-            <!----><div class="text-right">
+            <div class="text-right">
                 <a class="h5 text-secondary mr-1" :href="'/spell/'+id+'/edit'"><i class="mad">edit</i></a>
                 <a class="h5 text-danger" :href="'/spell/'+id+'/delete'"><i class="mad">delete</i></a>
-            </div><!---->
+            </div>
         </div>
     </div>
 </template>
@@ -33,6 +35,7 @@
 export default {
     name: 'spell-card',
     props: {
+        // Model validation
         id: Number,
         name: String,
         description: String,
@@ -45,16 +48,25 @@ export default {
     },
     data() {
         return {
-            isFlipped: false,
+            main_school: this.schools[0].name,
         }
     },
+    created() {
+        this.main_school = this.main_school.toLowerCase();
+    },
     methods: {
-        toggleCard: async function() {
-            this.isFlipped = !this.isFlipped;
-        }
     },
 }
 
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+    .spell-card {
+        &.lumomancie {
+            .border-primary {
+                border-left-color: #99dada !important;
+                color: #99dada;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/client/src/components/spells/spells-list.vue b/client/src/components/spells/spells-list.vue
index 981a2c3..6bf2a3a 100644
--- a/client/src/components/spells/spells-list.vue
+++ b/client/src/components/spells/spells-list.vue
@@ -46,7 +46,5 @@ export default {
 </script>
 
 <style lang="scss">
-    .spells-list {
-        animation: none !important;
-    }
+
 </style>
\ No newline at end of file
