bugs-central/modules/bugs-slo-popup-sk/bugs-slo-popup-sk-demo.ts

import './index';
import { $$ } from '../../../infra-sk/modules/dom';
import { BugsSLOPopupSk } from './bugs-slo-popup-sk';
import { Issue } from '../json';

const priToSLOIssues: Record<string, Issue[]> = {
  Priority1: [
    {
      id: '123',
      priority: 'P1',
      link: 'www.test-link.com',
      slo_violation_reason: 'exceeded creation time by 1year',
      owner: '',
      slo_violation: true,
      slo_violation_duration: 10,
      created: '2m',
      modified: '4m',
      title: '',
      summary: '',
      state: 'open',
    },
    {
      id: '120',
      priority: 'P1',
      link: 'www.test-link.com',
      slo_violation_reason: 'exceeded modified time by 2months',
      owner: '',
      slo_violation: true,
      slo_violation_duration: 10,
      created: '2m',
      modified: '4m',
      title: '',
      summary: '',
      state: 'open',
    },
  ],
  Priority2: [
    {
      id: '34',
      priority: 'P2',
      link: 'www.test-link.com',
      slo_violation_reason: 'exceeded creation time by 2 days',
      owner: '',
      slo_violation: true,
      slo_violation_duration: 10,
      created: '2m',
      modified: '4m',
      title: '',
      summary: '',
      state: 'open',
    },
  ],
};

const bugsSLOPopupSk = new BugsSLOPopupSk();
$$('body')!.appendChild(bugsSLOPopupSk);

$$<HTMLButtonElement>('#show-dialog')!.addEventListener('click', () => {
  bugsSLOPopupSk.open(priToSLOIssues);
});