Angular Definitions & Mocks

Definitions

export type MatchStatsSimpleDefinitions = Readonly<{
    titleLeft: string,
    titleLeftShort: string,
    titleCenter: string,
    titleRight: string,
    titleRightShort: string,
    imageLeft: string,
    imageRight: string,
    list: MatchStatList
}>;

export type MatchStatList = Readonly<{
    title: string, 
    left: string, 
    right: string,
    highlightLeft: boolean,
}>;

Mocks

import { MatchStatsSimpleDefinitions } from '../../definitions'
export const MockMatchStatsSimple = {
    titleLeft: 'Juventus',
    titleLeftShort: 'JUV',
    titleCenter: 'Mérkőzés statisztika',
    titleRight: 'Fullham',
    titleRightShort: 'FUL',
    imageLeft: 'https://picsum.photos/100/100',
    imageRight: 'https://picsum.photos/100/100',
    list: [
      { title: 'Labdabirtoklás', left: '69%', right: '31%', highlightLeft: true },
      { title: 'Lövések', left: '11', right: '14', highlightLeft: false },
      { title: 'Kapura lövések', left: '13', right: '7', highlightLeft: true },
      { title: 'Passzok', left: '192', right: '187', highlightLeft: true },
      { title: 'Sikeres passzok', left: '64%', right: '80%', highlightLeft: false },
      { title: 'Szögletek', left: '19', right: '2', highlightLeft: true },
      { title: 'Védések', left: '5', right: '10', highlightLeft: false },
      { title: 'Szabálytalanságok', left: '21', right: '13', highlightLeft: true },
    ],
  }