ChrisChen/ChurchAngular
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

Update boss fight

Browse Source
This commit is contained in:
Chris Chen
2024-03-29 08:04:07 -07:00
parent 6a031ca478
commit d486fe9594
55 changed files with 1809 additions and 799 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.html
+23 -4
View File
@@ -1,5 +1,24 @@
<div class='form-group row' *ngIf="showSkill">
<label class='label col-sm-3 form-control-label MD2text g-font-size-30'
[innerHtml]="mob.combatSkill.skillName"></label>
<div class='col-sm' [innerHtml]="mob.combatSkill.skillDescription"></div>
<!-- <div class='form-group row' *ngIf="showSkill">
<label class='label col-sm-3 form-control-label MD2text g-font-size-30'>
{{mob.combatSkill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon>
</label>
<div class='col-sm' [innerHtml]="mob.combatSkill.description"></div>
</div> -->
<div *ngIf="showBlackDice" class="row">
<!-- <md2-icon></md2-icon> -->
<div class="col-md-4">
<md2-icon icon="enemySkill" size="lg"></md2-icon>
</div>
<div class="col-md-8">
<span class="MD2Icon Black dice g-font-size-50">
<span class="MD2text blackDiceAmount">x{{mob.minionAmount}}</span>
</span>
</div>
</div>
<div class='form-group' *ngIf="showSkill">
<label for='' class='MD2text g-font-size-22 label mb-2'>
<md2-icon icon="blackDice" size="lg"></md2-icon> {{skillTriggerHtml}} <md2-icon icon="enemySkill" size="md">
</md2-icon>
</label>
<div class='g-font-size-20 skillDesc MD2text' [innerHtml]="mob.combatSkill.description"></div>
</div>
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.scss
+9
View File
@@ -17,3 +17,12 @@
left: 26px;
font-size: 30px;
}
.skillDesc {
padding-left: 8px;
.MD2Icon {
font-size: 45px;
}
}
.skillDesc .MD2Icon {
font-size: 45px;
}
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.ts
+11 -5
View File
@@ -1,5 +1,5 @@
import { Component, Input, OnInit } from '@angular/core';
import { MD2Icon, MobDlgType, MobInfo } from '../../../massive-darkness2.model';
import { MD2Icon, MobDlgType, MobInfo, MobType } from '../../../massive-darkness2.model';
import { MobSkillType } from '../../../massive-darkness2.model.boss';
@Component({
@@ -22,6 +22,9 @@ export class MobCombatInfoComponent implements OnInit {
}
}
@Input() mode: MobDlgType = MobDlgType.PreView;
showSkill: boolean = false;
showBlackDice: boolean
skillTriggerHtml: string = '';
constructor() { }
ngOnInit(): void {
@@ -34,14 +37,17 @@ export class MobCombatInfoComponent implements OnInit {
this.showSkill = [MobSkillType.Combat, MobSkillType.Defense].includes(this.mob.combatSkill.type);
break;
case MobDlgType.PreView:
case MobDlgType.Spawn:
default:
this.showSkill = true;
break;
case MobDlgType.Spawn:
default:
this.showSkill = false;
break;
}
this.skillTriggerHtml = `${MobSkillType[this.mob.combatSkill.type]} ${this.mob.combatSkill.skillRoll} `
}
this.showBlackDice = this.mob.type == MobType.Mob && (this.mode == MobDlgType.Activating || this.mode == MobDlgType.BeenAttacked) && this.mob.minionAmount > 0;;
}
showSkill: boolean = false;;
}