decision-webui-dcm/src/app/link_status/right/right_card.ts

import {WidgetType, Left, Label, Vertical} from '@ui/index';
const className = 'fr.component.linkStatus.right.card';
const Widget: WidgetType = {
  render() {
    const {maxActive, maxIdle, numActive, numIdle} = this.options;
    
    return {
      type: Left,
      items: [
        {
          type: Left,
          cls: 'right-status-item',
          items: [
            {
              type: Vertical,
              cls: 'right-status-board',
              items: [
                {
                  type: Vertical,
                  cls: 'right-status-board-item',
                  items: [
                    {
                      type: Label,
                      cls: 'right-status-text',
                      extraCls: 'card-font1',
                      text: numActive,
                    },
                    {
                      type: Label,
                      cls: 'right-status-text',
                      text: '/',
                    },
                    {
                      type: Label,
                      cls: 'right-status-text',
                      text: maxActive,
                    },
                  ],
                },
                {
                  type: Label,
                  height: 20,
                  text: BI.i18nText('Dec-Dcm_Active_Connections_Number'),
                },
              ],
            },
          ],
        },
        {
          type: Left,
          cls: 'right-status-right',
          items: [
            {
              type: Vertical,
              cls: 'right-status-board',
              items: [
                {
                  type: Vertical,
                  cls: 'right-status-board-item',
                  items: [
                    {
                      type: Label,
                      cls: 'right-status-text',
                      extraCls: 'card-font2',
                      text: numIdle,
                    },
                    {
                      type: Label,
                      cls: 'right-status-text',
                      text: '/',
                    },
                    {
                      type: Label,
                      cls: 'right-status-text',
                      text: maxIdle,
                    },
                  ],
                },
                {
                  type: Label,
                  height: 20,
                  text: BI.i18nText('Dec-Dcm_Leisure_Connections_Number'),
                },
              ],
            },
          ],
        },
      ],
    };
  },
};
BI.shortcut(className, BI.inherit(BI.Widget, Widget));
export default className;