You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.6 KiB
93 lines
2.6 KiB
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;
|
|
|