Platform: Object Marker Component V1.0 Technical Design

Object Marker

Summary

 *  This indicates the technical status of an object.

•   It is enabled for the dynamic page layout, snapping header, object page header, upload collection, and object list item.
  

•   The technical status can be represented as and icon, with an icon and text, or as text only, depending on the screen size. 
  

• Currently, the following technical statuses can be visualized by the object marker:

1.     Flag
   

2.     Favorite
   

3.     Editing Status (Draft, Locked, Unsaved Changes)
   

4.     The editing status is part of the draft handling concept.
   

Example

<fdp-object-attribute [active]="true|false'"
                      [textDirection]="ltr|rtl|default"
                      [title]="title"
                      (click)="onpress()">
                       attribute text</fdp-object-attribute>

Design

Property Bindings

[active]="true|false'":boolean

Defines Object Attribute text is selectable for the user. once value of the text property becomes active and acts like a link.

on text presence, active property will be set to true.

[textDirection]:Direction

By default object attributes inherits the text direction from its parent component.

export type Direction = 'ltr'|'rtl'|'default';

[title]="attribute title'":string

Eventbinding

[click]="onAttributeclick()'"

Event fired on click of attribute.