my-data.component.ts

import { Injectable } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import {ActivatedRoute,Router} from '@angular/router'
import {PersonalData} from '../core'
import * as moment from 'moment'
import {User} from 'app/core'


@Injectable({
  providedIn: 'root',
}) 


@Component({
  selector: 'app-my-data',
  templateUrl: './my-data.component.html',
  styleUrls: ['./my-data.component.scss']
})
export class MyDataComponent implements OnInit{
  
  public personalData: PersonalData;
  public validatedAccount : String;
  public dateNow: Date;
  public currentYear: String;


  public validState: boolean;
  
  public grade = {
    "troisieme": "Troisième",
    "seconde":"Seconde",
    "premiere":"Première",
    "terminale":"Terminale",
    "classe passerelle":"Classe Passerelle"

  }

  public getValidState() : boolean  {
    if (this.validatedAccount=="Validé"){
      return true
    }
    else {
      return false
    }
  }

  
  //Styles validated account label depending on the status of the account
  public styleValidatedAccount = ()=> {
    if(this.validatedAccount==="Données personnelles non remplies"){
      return 'not-sent-label'
    }else if (this.validatedAccount==="En cours de validation"){
      return 'in-progress-label'
    }else if (this.validatedAccount==="Validé"){
      return 'validated-label'
    }
  }
  public scholarship = {
    "echelon0": "Oui, échelon 0",
    "echelon1": "Oui, échelon 1",
    "echelon2": "Oui, échelon 2",
    "echelon3": "Oui, échelon 3",
    "echelon4": "Oui, échelon 4",
    "echelon5": "Oui, échelon 5",
    "echelon6": "Oui, échelon 6",
    "no" : "Non"

  }