binance-emac-list.component.ts

import { Component, OnInit } from '@angular/core';
import { MatTableModule } from '@angular/material/table';
import { BinanceRestService } from '../../../core/services/binance-rest.service';
import {
  BinanceData,
  BinanceEmac,
} from '../../../core/interfaces/binance.interface';
import { CommonModule } from '@angular/common';
import { EmacPositionEmojiPipe } from '../../../core/pipes/emac-position-emoji.pipe';

@Component({
  selector: 'app-binance-emac-list',
  standalone: true,
  imports: [MatTableModule, CommonModule, EmacPositionEmojiPipe],
  templateUrl: './binance-emac-list.component.html',
  styleUrl: './binance-emac-list.component.css',
})
export class BinanceEmacListComponent implements OnInit {
  displayedColumns: string[] = [
    'position',
    'symbol',
    'emacData',
    'ranking',
    'urls',
  ];
  // dataSource = ELEMENT_DATA;
  emacData: BinanceEmac | null = null;
  dataSource: BinanceData[] = [];

  constructor(private binanceRestService: BinanceRestService) {}

  ngOnInit() {
    this.binanceRestService.getEmacData(true).subscribe({
      next: (data) => {
        this.emacData = data;
        this.dataSource = this.emacData.data.sort(
          (a, b) => a.emacRanking - b.emacRanking
        );
      },
      error: (err) => {
        console.error('Error in component:', err);
      },
    });
  }

  getEmacRankingClass(emacRanking: number): string {
    if (emacRanking <= 50) {
      return 'low-ranking'; //🟢
    } else if (emacRanking <= 100) {
      return 'medium-low-ranking'; //🟡
    } else if (emacRanking <= 150) {
      return 'medium-high-ranking'; //🟠
    } else {
      return 'high-ranking'; //🔴
    }
  }

  getEmacPositionClass(emacPosition: number): string {
    console.log(emacPosition);
    var time = new Date().getTime().toLocaleString("es-es");
    console.log(time)
    if (emacPosition == 1) {
      return 'low-ranking'; //🟢
    } else if (emacPosition == 2) {
      return 'medium-low-ranking'; //🟡
    } else if (emacPosition == 3) {
      return 'medium-high-ranking'; //🟠
    } else if (emacPosition == 4) {
      return 'high-ranking'; //🔴
    } else {
      return 'no-color';
    }
  }
}