|
|
@@ -8,6 +8,9 @@ import {
|
|
|
transferArrayItem,
|
|
|
} from '@angular/cdk/drag-drop';
|
|
|
import { Spell } from 'src/interfaces/spell';
|
|
|
+import { DataService } from 'src/services/data/data.service';
|
|
|
+import { ModalService } from 'src/services/modal/modal.service';
|
|
|
+import { SpellModalComponent } from 'src/app/journal/spell-modal/spell-modal.component';
|
|
|
|
|
|
@Component({
|
|
|
selector: 'app-journal-spellcards',
|
|
|
@@ -15,196 +18,99 @@ import { Spell } from 'src/interfaces/spell';
|
|
|
styleUrls: ['./journal-spellcards.component.scss'],
|
|
|
})
|
|
|
export class JournalSpellcardsComponent {
|
|
|
- todo = ['Get to work', 'Pick up groceries', 'Go home', 'Fall asleep'];
|
|
|
-
|
|
|
- done = ['Get up', 'Brush teeth', 'Take a shower', 'Check e-mail', 'Walk dog'];
|
|
|
-
|
|
|
- // public level0: Spell[] = [
|
|
|
- // {
|
|
|
- // name: 'Vampiric Touch',
|
|
|
- // level: 3,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: false,
|
|
|
- // needsConcentration: true,
|
|
|
- // needsAttackRoll: true,
|
|
|
- // needsSavingThrow: false,
|
|
|
- // doesDamage: true,
|
|
|
- // doesHeal: false,
|
|
|
- // heal: { diceNumber: '', diceType: '', additionalHeal: 0 },
|
|
|
- // description:
|
|
|
- // 'Die Berührung deiner schattenumrankten Hand kann anderen die Lebenskraft entziehen, um deine Wunden zu heilen. Führe einen Nahkampf-Zauberangriff gegen eine Kreatur in deiner Reichweite aus. Bei einem Treffer erleidet das Ziel 3W6 nekrotischen Schaden, und du erhältst Trefferpunkte in Höhe der Hälfte des zugefügten nekrotischen Schadens zurück. Bis der Zauber endet, kannst du den Angriff in jeder deiner Runden als Aktion wiederholen. Wenn du diesen Zauber mit einem Zauberplatz des 4. Grades oder höher wirkst, erhöht sich der Schaden um 1W6 für jeden Grad über dem 3.',
|
|
|
- // school: 'necromancy',
|
|
|
- // damage: [{ diceNumber: '3', diceType: 'd6', damageType: 'necrotic' }],
|
|
|
- // isRanged: false,
|
|
|
- // range: 5,
|
|
|
- // hasAreaOfEffect: false,
|
|
|
- // areaOfEffectType: '',
|
|
|
- // radius: 0,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'Heilende Berührung',
|
|
|
- // level: 1,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: false,
|
|
|
- // needsConcentration: false,
|
|
|
- // needsAttackRoll: false,
|
|
|
- // needsSavingThrow: false,
|
|
|
- // doesDamage: false,
|
|
|
- // damage: [{ diceNumber: '', diceType: '', damageType: '' }],
|
|
|
- // doesHeal: true,
|
|
|
- // heal: { diceNumber: '1', diceType: 'd8', additionalHeal: 5 },
|
|
|
- // description:
|
|
|
- // 'Deine Berührung kann Wunden heilen. Berühre eine Kreatur und spende ihr 1W8 + deinem Fertigkeitsbonus Trefferpunkte. Dieser Zauber hat keine Wirkung auf Untote oder Konstrukte. Wenn du diesen Zauber mit einem Zauberplatz des 2. Grades oder höher wirkst, erhöht sich die Heilung um 1W8 für jeden Grad über dem 1.',
|
|
|
- // school: 'evocation',
|
|
|
- // isRanged: false,
|
|
|
- // range: 5,
|
|
|
- // hasAreaOfEffect: false,
|
|
|
- // areaOfEffectType: '',
|
|
|
- // radius: 0,
|
|
|
- // },
|
|
|
- // ];
|
|
|
-
|
|
|
- // public level1: Spell[] = [
|
|
|
- // {
|
|
|
- // name: 'Feuerball',
|
|
|
- // level: 3,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: true,
|
|
|
- // needsConcentration: false,
|
|
|
- // needsAttackRoll: false,
|
|
|
- // needsSavingThrow: true,
|
|
|
- // savingThrowAttribute: 'dexterity',
|
|
|
- // school: 'evocation',
|
|
|
- // doesDamage: true,
|
|
|
- // damage: [
|
|
|
- // { diceNumber: '8', diceType: 'd6', damageType: 'fire' },
|
|
|
- // { diceNumber: '8', diceType: 'd6', damageType: 'fire' },
|
|
|
- // ],
|
|
|
- // doesHeal: false,
|
|
|
- // heal: { diceNumber: '', diceType: '', additionalHeal: 0 },
|
|
|
- // isRanged: true,
|
|
|
- // description:
|
|
|
- // 'Ein heller Strahl schießt von deinem Zeigefinger zu einem von dir gewählten Punkt in Reichweite und blüht dann mit einem tiefen Brüllen zu einer Flammenexplosion auf. Jede Kreatur in einem Umkreis von 6 Metern um diesen Punkt muss einen Rettungswurf auf Geschicklichkeit machen. Bei einem misslungenen Rettungswurf erleidet das Ziel 8W6 Feuerschaden, bei einem erfolgreichen Wurf die Hälfte des Schadens. Das Feuer breitet sich um Ecken aus. Es entzündet brennbare Gegenstände in der Umgebung, die nicht getragen werden. Wenn du diesen Zauber mit einem Zauberplatz des 4. Grades oder höher wirkst, erhöht sich der Schaden um 1W6 für jeden Grad über dem 3.',
|
|
|
- // range: 150,
|
|
|
- // hasAreaOfEffect: true,
|
|
|
- // radius: 20,
|
|
|
- // areaOfEffectType: 'sphere',
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'Feuerpfeil',
|
|
|
- // level: 0,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: true,
|
|
|
- // needsConcentration: false,
|
|
|
- // needsAttackRoll: true,
|
|
|
- // needsSavingThrow: false,
|
|
|
- // school: 'evocation',
|
|
|
- // doesDamage: true,
|
|
|
- // doesHeal: false,
|
|
|
- // heal: { diceNumber: '', diceType: '', additionalHeal: 0 },
|
|
|
- // description:
|
|
|
- // 'Du schleuderst einen Splitter aus Feuer auf eine Kreatur in Reichweite. Lege einen Fernkampf-Zauberangriff gegen das Ziel ab. Bei einem Treffer erleidet das Ziel 1W10 Feuerschaden. Ein brennbarer Gegenstand, der von diesem Zauber getroffen wird, geht in Flammen auf, wenn er nicht getragen oder in der Hand gehalten wird. Der Schaden dieses Zaubers steigt um 1W10, wenn du die 5. Stufe (2W10), die 11. Stufe (3W10) und die 17. Stufe (4W10) erreichst. ',
|
|
|
- // damage: [{ diceNumber: '1', diceType: 'd10', damageType: 'fire' }],
|
|
|
- // isRanged: true,
|
|
|
- // range: 120,
|
|
|
- // hasAreaOfEffect: false,
|
|
|
- // areaOfEffectType: '',
|
|
|
- // radius: 0,
|
|
|
- // },
|
|
|
- // ];
|
|
|
-
|
|
|
- // public level2: Spell[] = [
|
|
|
- // {
|
|
|
- // name: 'Feuerball2',
|
|
|
- // level: 3,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: true,
|
|
|
- // needsConcentration: false,
|
|
|
- // needsAttackRoll: false,
|
|
|
- // needsSavingThrow: true,
|
|
|
- // savingThrowAttribute: 'dexterity',
|
|
|
- // school: 'evocation',
|
|
|
- // doesDamage: true,
|
|
|
- // damage: [
|
|
|
- // { diceNumber: '8', diceType: 'd6', damageType: 'fire' },
|
|
|
- // { diceNumber: '8', diceType: 'd6', damageType: 'fire' },
|
|
|
- // ],
|
|
|
- // doesHeal: false,
|
|
|
- // heal: { diceNumber: '', diceType: '', additionalHeal: 0 },
|
|
|
- // isRanged: true,
|
|
|
- // description:
|
|
|
- // 'Ein heller Strahl schießt von deinem Zeigefinger zu einem von dir gewählten Punkt in Reichweite und blüht dann mit einem tiefen Brüllen zu einer Flammenexplosion auf. Jede Kreatur in einem Umkreis von 6 Metern um diesen Punkt muss einen Rettungswurf auf Geschicklichkeit machen. Bei einem misslungenen Rettungswurf erleidet das Ziel 8W6 Feuerschaden, bei einem erfolgreichen Wurf die Hälfte des Schadens. Das Feuer breitet sich um Ecken aus. Es entzündet brennbare Gegenstände in der Umgebung, die nicht getragen werden. Wenn du diesen Zauber mit einem Zauberplatz des 4. Grades oder höher wirkst, erhöht sich der Schaden um 1W6 für jeden Grad über dem 3.',
|
|
|
- // range: 150,
|
|
|
- // hasAreaOfEffect: true,
|
|
|
- // radius: 20,
|
|
|
- // areaOfEffectType: 'sphere',
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'Feuerpfeil2',
|
|
|
- // level: 0,
|
|
|
- // cost: 'action',
|
|
|
- // canRitual: false,
|
|
|
- // needsVerbal: true,
|
|
|
- // needsSomatic: true,
|
|
|
- // needsMaterial: true,
|
|
|
- // needsConcentration: false,
|
|
|
- // needsAttackRoll: true,
|
|
|
- // needsSavingThrow: false,
|
|
|
- // school: 'evocation',
|
|
|
- // doesDamage: true,
|
|
|
- // doesHeal: false,
|
|
|
- // heal: { diceNumber: '', diceType: '', additionalHeal: 0 },
|
|
|
- // description:
|
|
|
- // 'Du schleuderst einen Splitter aus Feuer auf eine Kreatur in Reichweite. Lege einen Fernkampf-Zauberangriff gegen das Ziel ab. Bei einem Treffer erleidet das Ziel 1W10 Feuerschaden. Ein brennbarer Gegenstand, der von diesem Zauber getroffen wird, geht in Flammen auf, wenn er nicht getragen oder in der Hand gehalten wird. Der Schaden dieses Zaubers steigt um 1W10, wenn du die 5. Stufe (2W10), die 11. Stufe (3W10) und die 17. Stufe (4W10) erreichst. ',
|
|
|
- // damage: [{ diceNumber: '1', diceType: 'd10', damageType: 'fire' }],
|
|
|
- // isRanged: true,
|
|
|
- // range: 120,
|
|
|
- // hasAreaOfEffect: false,
|
|
|
- // areaOfEffectType: '',
|
|
|
- // radius: 0,
|
|
|
- // },
|
|
|
- // ];
|
|
|
-
|
|
|
- public level0: any[] = ['Hund', 'Katze', 'Maus', 'Elefant', 'Giraffe'];
|
|
|
-
|
|
|
- public level1: any[] = [
|
|
|
- 'Feuerball',
|
|
|
- 'Heilende Berührung',
|
|
|
- 'Feuerpfeil',
|
|
|
- 'Wasserball',
|
|
|
- ];
|
|
|
-
|
|
|
- public level2: any[] = ['Hamburg', 'Berlin', 'München', 'Köln'];
|
|
|
+ public constructor(
|
|
|
+ public dataAccessor: DataService,
|
|
|
+ private modalAccessor: ModalService
|
|
|
+ ) {
|
|
|
+ this.loadSpells();
|
|
|
+ }
|
|
|
|
|
|
+ public level0: Spell[] = [];
|
|
|
+ public level1: Spell[] = [];
|
|
|
+ public level2: Spell[] = [];
|
|
|
public level3: Spell[] = [];
|
|
|
-
|
|
|
public level4: Spell[] = [];
|
|
|
-
|
|
|
public level5: Spell[] = [];
|
|
|
-
|
|
|
public level6: Spell[] = [];
|
|
|
-
|
|
|
public level7: Spell[] = [];
|
|
|
-
|
|
|
public level8: Spell[] = [];
|
|
|
-
|
|
|
public level9: Spell[] = [];
|
|
|
|
|
|
+ public listTranslator: any = {
|
|
|
+ 0: this.level0,
|
|
|
+ 1: this.level1,
|
|
|
+ 2: this.level2,
|
|
|
+ 3: this.level3,
|
|
|
+ 4: this.level4,
|
|
|
+ 5: this.level5,
|
|
|
+ 6: this.level6,
|
|
|
+ 7: this.level7,
|
|
|
+ 8: this.level8,
|
|
|
+ 9: this.level9,
|
|
|
+ };
|
|
|
+
|
|
|
+ public showSpellList: boolean[] = [
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ true,
|
|
|
+ ];
|
|
|
+
|
|
|
+ ///////// FUNCTIONS //////////
|
|
|
+
|
|
|
+ public openModal(
|
|
|
+ isUpdate: boolean,
|
|
|
+ level: number,
|
|
|
+ spellIndex?: number
|
|
|
+ ): void {
|
|
|
+ console.log(spellIndex);
|
|
|
+ this.modalAccessor.openModal(SpellModalComponent, {
|
|
|
+ spell:
|
|
|
+ spellIndex !== undefined
|
|
|
+ ? JSON.parse(JSON.stringify(this.listTranslator[level][spellIndex]))
|
|
|
+ : undefined,
|
|
|
+ isUpdate: isUpdate,
|
|
|
+ level: level,
|
|
|
+ });
|
|
|
+ const resultSubscription = this.modalAccessor.result$.subscribe(
|
|
|
+ (result) => {
|
|
|
+ if (result.state === 'update') {
|
|
|
+ console.log(result.data);
|
|
|
+ this.updateSpell(result.data, level!, spellIndex!);
|
|
|
+ } else if (result.state === 'add') {
|
|
|
+ console.log('im else: ', result.data);
|
|
|
+ this.addSpell(result.data, level);
|
|
|
+ }
|
|
|
+ resultSubscription.unsubscribe();
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ public addSpell(spell: Spell, level: number) {
|
|
|
+ console.log('The level: ', level);
|
|
|
+ console.log('The levellist:', this.listTranslator[level]);
|
|
|
+ console.log('The new spell: ', spell);
|
|
|
+ this.listTranslator[level].push(spell);
|
|
|
+ console.log(this.listTranslator[level]);
|
|
|
+ // this.updateSpellsInDatabase();
|
|
|
+ }
|
|
|
+
|
|
|
+ public updateSpell(spell: Spell, level: number, index: number): void {
|
|
|
+ this.listTranslator[level][index] = spell;
|
|
|
+ // this.updateSpellsInDatabase();
|
|
|
+ }
|
|
|
+
|
|
|
+ toggleSpellList(index: number) {
|
|
|
+ console.log(index);
|
|
|
+ this.showSpellList[index] = !this.showSpellList[index];
|
|
|
+ }
|
|
|
+
|
|
|
drop(event: CdkDragDrop<any[]>) {
|
|
|
if (event.previousContainer === event.container) {
|
|
|
moveItemInArray(
|
|
|
@@ -220,8 +126,55 @@ export class JournalSpellcardsComponent {
|
|
|
event.previousIndex,
|
|
|
event.currentIndex
|
|
|
);
|
|
|
- console.log(event.previousContainer.data);
|
|
|
- console.log(event.container.data);
|
|
|
+
|
|
|
+ const movedSpell = event.container.data[event.currentIndex];
|
|
|
+ const newContainer = event.container.id;
|
|
|
+
|
|
|
+ switch (newContainer) {
|
|
|
+ case 'cdk-drop-list-0':
|
|
|
+ movedSpell.level = 0;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-1':
|
|
|
+ movedSpell.level = 1;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-2':
|
|
|
+ movedSpell.level = 2;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-3':
|
|
|
+ movedSpell.level = 3;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-4':
|
|
|
+ movedSpell.level = 4;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-5':
|
|
|
+ movedSpell.level = 5;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-6':
|
|
|
+ movedSpell.level = 6;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-7':
|
|
|
+ movedSpell.level = 7;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-8':
|
|
|
+ movedSpell.level = 8;
|
|
|
+ break;
|
|
|
+ case 'cdk-drop-list-9':
|
|
|
+ movedSpell.level = 9;
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ private loadSpells(): void {
|
|
|
+ this.level0 = this.dataAccessor.spellLevel0;
|
|
|
+ this.level1 = this.dataAccessor.spellLevel1;
|
|
|
+ this.level2 = this.dataAccessor.spellLevel2;
|
|
|
+ // this.level3 = this.dataAccessor.spellLevel3;
|
|
|
+ // this.level4 = this.dataAccessor.spellLevel4;
|
|
|
+ // this.level5 = this.dataAccessor.spellLevel5;
|
|
|
+ // this.level6 = this.dataAccessor.spellLevel6;
|
|
|
+ // this.level7 = this.dataAccessor.spellLevel7;
|
|
|
+ // this.level8 = this.dataAccessor.spellLevel8;
|
|
|
+ // this.level9 = this.dataAccessor.spellLevel9;
|
|
|
+ }
|
|
|
}
|
Christopher Giese