DMX 5 Topic List

Example

<dm5-topic-list :topics="resultTopics" empty-text="No Match" @topic-click="myHandler">

Properties

| Property | Type | Required | Description | | -------- | ---- | -------- | ----------- | | topics | Array of dm5.Topic or dm5.RelatedTopic, may be empty | yes | Topics to render in the list | | emptyText | String | no, default: "No Data" | Text to display when topics array is empty | | ... | ... | ... | ... |

Events

| Event | Description | Argument | | ----- | ----------- | -------- | | topic-click | When the user clicks a topic in the list | The clicked topic, as in the topics array | | icon-click | When the user clicks a topic icon in the list | The clicked topic, as in the topics array | | sort-change | When the user changes the list sort mode | The sort mode (string): 'topic', 'type', 'assoc' |

Version History

2.0.1 -- Jun 15, 2021

• Chore:
  • Remove debug log

2.0 -- Dec 30, 2020

• BREAKING CHANGES
  • Various dm5 -> dmx renamings
  • Rename component attribute marker-topic-ids (was marker-ids)
• Feature: Association Lists
  • Add marker-assoc-ids component attribute
  • Emit assoc-click event
• Improvements:
  • Add topics-label component attribute
• Fixes:
  • Video controls (in HTML values) don't emit topic-click
• Chore:
  • Adapt URLs to github.com/dmx-systems
  • Code run through eslint

1.0.2 -- Oct 27, 2020

• Improvements:
  • Add topics-label component attribute to control list heading
  • The sort menu is right aligned and smaller
• Fixes:
  • Changing sort mode when sortMode state lives outside dm5-topic-list instance

1.0.1 -- Aug 5, 2020

• Fix imports

1.0 -- Aug 5, 2020

• Chore:
  • Rename this package dm5-topic-list -> dmx-topic-list
  • Extend README

0.14 -- Nov 21, 2019

• Improvements:
  • Add sort-mode component attribute to control sort mode (topic, type, assoc) from outside
  • Emit sort-change event when user changes the sort mode

0.13 -- Jul 22, 2019

• Chore:
  • Adapt "assoc def" -> "comp def" wording in messages
  • Change license to AGPL-3.0

0.12 -- May 27, 2019

• Improvements:
  • Render topic icons with configured color
• Fixes:
  • Render HTML topic values (instead displaying source)
  • Add max-width to images embedded in HTML topic values

0.11 -- Apr 1, 2019

• Emit icon-click event
• Refactor component templates

0.10 -- Mar 2, 2019

• Add topics prop validator

0.9 -- Jan 29, 2019

• Change license to GPL-3.0-or-later

0.8 -- Dec 21, 2018

• Fix sorting of number and boolean topic values

0.7 -- Nov 24, 2018

• Fix: sort topics within groups

0.6 -- Nov 7, 2018

• Improvement: new component attribute no-sort-menu allows hiding the sort menu
• Fix: no endless recursion while calculating topic groups

0.5 -- Oct 21, 2018

• Fix: render Font Awesome icons with font-smoothing

0.4 -- Oct 6, 2018

• Feature: new component attribute marker-ids allows rendering certain topics as "marked"

0.3 -- Jul 31, 2018

• Add GitLab CI/CD

0.2 -- Mar 25, 2018

• Renders plain Topics as well (besides RelatedTopics)
• New prop empty-text allows customization of the "No Data" text

0.1 -- Mar 22, 2018

• Factored out as a standalone component from:
  https://github.com/jri/dm5-detail-panel