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-marker    [type]="markerType"
                      [visibleMarker]="textOnly|iconOnly|......"
                      (click)="onpress()">
                       {{marker text}}</fdp-object-attribute>

Design

Property Bindings

[type]="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]: MarkerType

export type MarkerType = 'Favorite'|'flagged'|'Locked'|'LockedBy'|'Unsaved'|'UnsavedBy'|'Draft';

[title]="attribute title'":string

Eventbinding

[click]="onAttributeclick()'"

Event fired on click of attribute.