Add fallback component

[Syndesi]

Internal properties

• Name: The name of the element. Uses the first available property from the following list:
  • data.name
  • data.title
  • id (UUID)
• Type: The type of the element. It might be translated in the future. If the element is a relation, then the displayed type consists of the start node type, the relations type, the end node type, and the direction of the relation.
• Color: The optional color of the element, uses the first available property from the following list:
  • data.color
  • (element)-[:HAS_TAG]->(tag:Tag) WHERE tag.color <> null RETURN tag.color LIMIT 1
    • Should multiple tags be considered? What should be the priority?
  • null
• Icon: Optional SVG icon, returned from the Ember Nexus Web SDK. Uses a fallback icon ({}) if no specific type icon is available.
• Description: The description of the element. Uses the first available property from the following list:
  • data.description
  • null

The lists and priority of the lists' elements will likely be user-editable.

Component details

Icon

Displays the first letter of the name.

Inline Text

Displays the whole name. If a color is available, it uses this to underline the name.

• Check that the underline works with linebreaks.

Inline Pill

Displays the whole name and, optionally, the color.

Thumbnail

Displays just the type icon and, optionally, the color.

Card

Description is optional. The name and type might be clipped off. Name and type can display a tooltip with the full content.

• Should there be an icon displayed, if the element has a binary file attached?

Frameless

Description is optional. Name and type might be clipped off. Name and type can display a tooltip with the full content.

• Should there be an icon displayed, if the element has a binary file attached?

Sketch

Icon

https://pictogrammers.com/library/mdi/icon/code-braces/