furo-ui5-relative-time-badge

furo-ui5-relative-time-badge #

@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-relative-time-badge.js';
exports FuroUi5RelativeTimeBadge js
exports <furo-ui5-relative-time-badge> custom-element-definition
superclass LitElement
mixes FieldNodeAdapter

Summary: bindable relative time badge

Description #

furo-ui5-relative-time-badge The furo-ui5-relative-time-badge is a small non-interactive component which contains relative time information (i.e. in 2 days, 5 days ago) and color chosen from a list of predefined color schemes. It serves the purpose to attract the user attention to some piece of information.

You can bind a string, google.protobuf.Timestamp, int32, int64, furo.type.Date or google.type.Date. int32, int64 will be handled as unix timestamps (seconds since epoc) and can not be empty.

1
2
3

 <furo-ui5-relative-time-badge
    fn-bind-data="--dao(FIELDNODE)">
 </furo-ui5-relative-time-badge>

Attributes and Properties #

colorSchemePositive #

color-scheme-positive reflects string default: '1'

default values

colorSchemeNegative #

color-scheme-negative reflects string default: '2'

Defines the color scheme of the component if the value is NEGATIVE. There are 10 predefined schemes. Each scheme applies different values for the background-color and border-color. To use one you can set a number from “1” to “10”. The colorScheme “1” will be set by default.

Note: Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.

optionStyle #

option-style string default: 'long'

Defines the output style long, short, narrow Default: long

optionNumeric #

option-numeric string default: 'auto'

Defines the output format always, auto Default: auto

Methods #

bindData #

bindData(fieldNode `` ) ⟹ void

`` → fn-bind-data

Binds a fieldNode to the component Overridden bindData of FieldNodeAdapter

Supported types:

  • string (ISO 8061)

  • int32, int64 (unix timestamps (seconds since epoc))

  • google.protobuf.Timestamp

  • google.type.Date

  • furo.type.Date

  • fieldNode