DNDTools/src/app/journal/journal-stats/life-container/life/life.component.ts

import { Component } from '@angular/core';
import { DataService } from 'src/services/data/data.service';
import { DetailsService } from 'src/services/details/details.service';
import { LifeDetailsComponent } from './life-details/life-details.component';

@Component({
  selector: 'life',
  templateUrl: './life.component.html',
  styleUrls: ['./life.component.scss'],
})
export class LifeComponent {
  public constructor(
    public dataAccessor: DataService,
    public detailsAccessor: DetailsService
  ) {}

  public maxHitPoints: number = 0;
  public currentHitPoints: number = 0;
  public temporaryHitPoints: number = 0;

  public currentHitPointsPercentage: number = 0;
  public temporaryHitPointsPercentage: number = 0;
  public missingHitPointsPercentage: number = 0;

  ngOnInit(): void {
    const hitPointsData = this.dataAccessor.hitPoints;
    this.maxHitPoints = hitPointsData.maxHitPoints;
    this.currentHitPoints = hitPointsData.currentHitPoints;
    this.temporaryHitPoints = hitPointsData.temporaryHitPoints;
    this.calculatePercentages();
  }

  public addHitPoints(): void {
    if (this.currentHitPoints < this.maxHitPoints) {
      this.currentHitPoints = this.currentHitPoints + 1;
      this.updateDatabase();
      this.calculatePercentages();
    }
  }

  public removeHitPoints(): void {
    if (this.temporaryHitPoints > 0) {
      this.temporaryHitPoints = this.temporaryHitPoints - 1;
      this.updateDatabase();
      this.calculatePercentages();
    } else if (this.currentHitPoints > 0) {
      this.currentHitPoints = this.currentHitPoints - 1;
      this.updateDatabase();
      this.calculatePercentages();
    }
  }

  public addTemporaryHitPoints(): void {
    if (this.currentHitPoints > 0) {
      this.temporaryHitPoints = this.temporaryHitPoints + 1;
      this.updateDatabase();
      this.calculatePercentages();
    }
  }

  private calculatePercentages() {
    this.currentHitPointsPercentage =
      (this.currentHitPoints / this.maxHitPoints) * 100;
    this.temporaryHitPointsPercentage =
      (this.temporaryHitPoints / this.maxHitPoints) * 100;
    this.missingHitPointsPercentage =
      ((this.maxHitPoints - (this.currentHitPoints + this.temporaryHitPoints)) *
        100) /
      this.maxHitPoints;
  }

  public openDetailsPanel(): void {
    this.detailsAccessor.openPanel(LifeDetailsComponent, {
      lifeData: {
        maxHitPoints: this.maxHitPoints,
        currentHitPoints: this.currentHitPoints,
        temporaryHitPoints: this.temporaryHitPoints,
      },
    });
    // The result from the details panel with return values
    const resultSubscription = this.detailsAccessor.result$.subscribe(
      (result) => {
        console.log(result);
        if (result.state === 'update') {
          this.maxHitPoints = result.data.maxHitPoints;
          this.currentHitPoints = result.data.currentHitPoints;
          this.temporaryHitPoints = result.data.temporaryHitPoints;
          this.calculatePercentages();
          this.updateDatabase();
        }
        resultSubscription.unsubscribe();
      }
    );
  }

  public updateDatabase() {
    this.dataAccessor.hitPoints = {
      maxHitPoints: this.maxHitPoints,
      currentHitPoints: this.currentHitPoints,
      temporaryHitPoints: this.temporaryHitPoints,
    };
  }
}