WIP

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

@@ -1 +1,5 @@
-<p>mob-combat-info works!</p>
+<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>

src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.scss

@@ -0,0 +1,19 @@
+.diceAmount {
+    color: white;
+    z-index: 2;
+    position: absolute;
+    left: 25px;
+    font-size: 30px;
+}
+.dice {
+    &::before {
+        position: absolute;
+    }
+}
+.blackDiceAmount {
+    color: white;
+    z-index: 2;
+    position: absolute;
+    left: 26px;
+    font-size: 30px;
+}

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

@@ -1,15 +1,47 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import { MD2Icon, MobDlgType, MobInfo } from '../../../massive-darkness2.model';
+import { MobSkillType } from '../../../massive-darkness2.model.boss';
 
 @Component({
-  selector: 'ngx-mob-combat-info',
+  selector: 'md2-mob-combat-info',
   templateUrl: './mob-combat-info.component.html',
   styleUrls: ['./mob-combat-info.component.scss']
 })
 export class MobCombatInfoComponent implements OnInit {
 
+  MD2Icon = MD2Icon;
+  private _mob: MobInfo;
+  public get mob(): MobInfo {
+    return this._mob;
+  }
+
+  @Input() public set mob(v: MobInfo) {
+    if (this._mob != v) {
+      this._mob = v;
+
+    }
+  }
+  @Input() mode: MobDlgType = MobDlgType.PreView;
   constructor() { }
 
   ngOnInit(): void {
-  }
+    if (this.mob.combatSkill) {
+      switch (this.mode) {
+        case MobDlgType.Activating:
+          this.showSkill = [MobSkillType.Combat, MobSkillType.Attack].includes(this.mob.combatSkill.type);
+          break;
+        case MobDlgType.BeenAttacked:
+          this.showSkill = [MobSkillType.Combat, MobSkillType.Defense].includes(this.mob.combatSkill.type);
+          break;
+        case MobDlgType.PreView:
+        case MobDlgType.Spawn:
+        default:
+          this.showSkill = true;
+          break;
+      }
+    }
 
+
+  }
+  showSkill: boolean = false;;
 }