added spell school items for possible future implementation

src/app/journal/journal-spellcards/journal-spellcards.component.scss

@@ -130,6 +130,10 @@ h1 {
   }
 }
 
+spellcard {
+  cursor: pointer;
+}
+
 .animate-visibility {
   animation: icon-switch 0.5s ease-in-out;
 }

src/app/journal/journal-spellcards/spellcard/spellcard.component.html

@@ -15,6 +15,7 @@
       {{ spell.english }}
     }
   </div>
+  <!-- <div class="spell-image"> -->
   <img
     class="spell-image"
     [src]="'assets/images/spells/' + spell.image + '.jpg'"
@@ -22,6 +23,7 @@
     [style.box-shadow]="'var(--' + spell.school.toLowerCase() + '-border)'"
     alt="spell image"
   />
+  <!-- </div> -->
   <div
     class="info"
     [style.box-shadow]="'var(--' + spell.school.toLowerCase() + '-border)'"

src/app/journal/journal-spellcards/spellcard/spellcard.component.scss

@@ -103,6 +103,12 @@
   height: 12rem;
   margin-bottom: 7px;
   z-index: 2;
+  background-image: url("/assets/images/texture.png");
+
+  // img {
+  //   width: 100%;
+  //   height: 100%;
+  // }
 }
 
 .info {

src/app/journal/journal-spellcards/spellcard/spellcard.component.ts

@@ -14,5 +14,6 @@ export class SpellcardComponent {
 
   public setBackupImage(event: any): void {
     event.target.src = 'assets/images/spells/backup.jpg';
+    // event.target.src = 'assets/images/spells/' + this.spell.school + '.png';
   }
 }

src/app/journal/spell-modal/spell-modal.component.html

@@ -92,7 +92,7 @@
             <label>{{ "general.attribute" | translate }}</label>
             <mat-form-field appearance="outline">
               <mat-select [(ngModel)]="savingThrowAttribute">
-                @for (attribute of translator.attributes; track school) {
+                @for (attribute of list.attributes; track school) {
                   <mat-option [value]="savingThrowAttribute">{{
                     "attributes." + attribute | translate
                   }}</mat-option>
@@ -154,7 +154,7 @@
                 [(ngModel)]="durationtype"
                 (selectionChange)="checkIfInstant()"
               >
-                @for (type of translator.durationTypes; track type) {
+                @for (type of list.durationTypes; track type) {
                   <mat-option [value]="type">{{
                     "time." + type | translate
                   }}</mat-option>
@@ -178,7 +178,7 @@
           <label>{{ "spellmodal.school" | translate }}</label>
           <mat-form-field appearance="outline">
             <mat-select [(ngModel)]="school">
-              @for (school of translator.schools; track school) {
+              @for (school of list.schools; track school) {
                 <mat-option [value]="school">{{
                   "schools." + school | translate
                 }}</mat-option>
@@ -256,7 +256,7 @@
                   </div>
                   <mat-form-field appearance="outline">
                     <mat-select [(ngModel)]="damageEntry.damageType">
-                      @for (type of translator.damageTypes; track type) {
+                      @for (type of list.damageTypes; track type) {
                         <mat-option [value]="type">
                           {{ "damageTypes." + type | translate }}
                         </mat-option>
@@ -347,7 +347,7 @@
                 </div>
                 <mat-form-field appearance="outline">
                   <mat-select [(ngModel)]="areaOfEffectType">
-                    @for (areaType of translator.areaTypes; track areaType) {
+                    @for (areaType of list.areaTypes; track areaType) {
                       <mat-option [value]="areaType">
                         {{ "areaTypes." + areaType | translate }}
                       </mat-option>