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

WIP

Browse Source
This commit is contained in:
Chris Chen 2025-11-06 07:10:28 -08:00
parent b41c01e6f7
commit b44834343a
8 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
View File

@ -810,3 +810,6 @@
-ms-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg);
transform: rotateY(-180deg); transform: rotateY(-180deg);
} }
::ng-deep .skill-content .MD2Icon {
font-size: 30px;
}

2
src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.ts
View File

@ -139,7 +139,7 @@ export class HeroDashboardComponent extends MD2Base implements OnInit {
hp: heroProfile.hp, hp: heroProfile.hp,
mp: heroProfile.mana, mp: heroProfile.mana,
skillHtml: heroProfile.skillHtml, skillHtml: heroProfile.skillHtml,
shadowSkillHtml: heroProfile.shadowSkillHtml, shadowSkillHtml: heroProfile.shadowSkillHtml.replace("<p>", '<p>' + this.iconHtml(MD2Icon.Shadow) + ' : '),
class: heroClass class: heroClass
}); });
heroInfo.imgUrl = this.imgUrl('Heros/' + HeroClass[heroClass] + '.jpg'); heroInfo.imgUrl = this.imgUrl('Heros/' + HeroClass[heroClass] + '.jpg');

2
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.html
View File

@ -21,7 +21,7 @@
</md2-icon> </md2-icon>
</label> --> </label> -->
<div *ngFor="let skill of mob.skills" class=" g-brd-bottom--dashed g-brd-gray-light-v2"> <div *ngFor="let skill of mob.skills" class=" g-brd-bottom--dashed g-brd-gray-light-v2">
<div *ngIf="skill.uiDisplay"> <div *ngIf="showAllSkill || skill.uiDisplay">
<label for='' class='MD2text g-font-size-22 label mb-2'> <label for='' class='MD2text g-font-size-22 label mb-2'>
{{MobSkillType[skill.type]}} {{skill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon> {{MobSkillType[skill.type]}} {{skill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon>
</label> </label>

3
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.ts
View File

@ -22,12 +22,13 @@ export class MobCombatInfoComponent implements OnInit {
} }
} }
@Input() mode: MobDlgType = MobDlgType.PreView; @Input() mode: MobDlgType = MobDlgType.PreView;
showSkill: boolean = false; showAllSkill: boolean = false;
showBlackDice: boolean showBlackDice: boolean
skillTriggerHtml: string = ''; skillTriggerHtml: string = '';
constructor() { } constructor() { }
ngOnInit(): void { ngOnInit(): void {
this.showAllSkill = [MobDlgType.PreView, MobDlgType.Dashboard].includes(this.mode);
if (this.mob.skills && this.mob.skills.length > 0) { if (this.mob.skills && this.mob.skills.length > 0) {
this.mob.skills.forEach(element => { this.mob.skills.forEach(element => {
switch (this.mode) { switch (this.mode) {

4
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-detail-info.component.html
View File

@ -50,8 +50,8 @@
<md2-mob-attack-info [mob]="mob" [mode]="mode"> <md2-mob-attack-info [mob]="mob" [mode]="mode">
</md2-mob-attack-info> </md2-mob-attack-info>
<md2-mob-def-info [mob]="mob" [mode]="mode"></md2-mob-def-info> <md2-mob-def-info [mob]="mob" [mode]="mode"></md2-mob-def-info>
<md2-mob-combat-info [mob]="mob" [mode]="mode"></md2-mob-combat-info> <md2-mob-combat-info *ngIf="!hideCombatInfo" [mob]="mob" [mode]="mode"></md2-mob-combat-info>
<div *ngIf="mob.extraRule"> <div *ngIf="!hideCombatInfo && mob.extraRule">
<div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule"> <div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule">
</div> </div>
</div> </div>

6
src/app/games/massive-darkness2/mobs/mob-detail-info/mob-detail-info.component.ts
View File

@ -12,7 +12,7 @@ import { MD2ComponentBase } from '../../MD2Base';
styleUrls: ['./mob-detail-info.component.scss'] styleUrls: ['./mob-detail-info.component.scss']
}) })
export class MobDetailInfoComponent extends MD2ComponentBase implements OnInit { export class MobDetailInfoComponent extends MD2ComponentBase implements OnInit {
MobDlgType = MobDlgType;
MD2Icon = MD2Icon; MD2Icon = MD2Icon;
private _mob: MobInfo; private _mob: MobInfo;
public get mob(): MobInfo { public get mob(): MobInfo {
@ -33,6 +33,10 @@ export class MobDetailInfoComponent extends MD2ComponentBase implements OnInit {
return this.mode == MobDlgType.Spawn; return this.mode == MobDlgType.Spawn;
} }
public get hideCombatInfo(): boolean {
return this.mode == MobDlgType.Dashboard;
}
showAttackingInfo: boolean = false; showAttackingInfo: boolean = false;
@Input("showAttackingInfo") @Input("showAttackingInfo")

5
src/app/games/massive-darkness2/mobs/mob-stand-info/mob-stand-info.component.scss
View File

@ -4,20 +4,23 @@
&.roamingMonster { &.roamingMonster {
width: 95%; width: 95%;
max-height: 80%; max-height: 80%;
left: 0;
} }
&.mobLeader { &.mobLeader {
z-index: 3; z-index: 3;
width: 70%; width: 70%;
max-height: 80%; max-height: 80%;
top: 40px; top: 40px;
left: 0;
} }
&.mobMinion { &.mobMinion {
width: 60%; width: 60%;
max-height: 80%; max-height: 80%;
right: 0; right: 0;
top: 0;
} }
} }
.mobBg { .mobBg {
position: absolute; position: relative;
z-index: 1; z-index: 1;
} }

6
src/app/games/massive-darkness2/mobs/mobs.component.html
View File

@ -29,6 +29,12 @@
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-12 col-md-8"> <div class="col-12 col-md-8">
<md2-mob-stand-info [mob]="mob"></md2-mob-stand-info> <md2-mob-stand-info [mob]="mob"></md2-mob-stand-info>
<md2-mob-combat-info [mob]="mob" [mode]="MobDlgType.Dashboard"></md2-mob-combat-info>
<div *ngIf="mob.extraRule">
<div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule">
</div>
</div>
</div> </div>
<div class=" col-12 col-md-4"> <div class=" col-12 col-md-4">