ptc-iot-sharing / querybuilderwidgettwx Goto Github PK

When importing the extension (QueryBuilder-min-1.2.2) in Thingworx 9.0.0-b9557, opening any mashup to Edit will cause the Composer to show the loading animation indefinitely. Users can load the mashup normally (to View).

Problem description

Currently when creating a query, if multiple (>10) field names exist, it's hard for the user to identify them from the given dropdown.
Nowadays, users are used to having dropdowns with search options, so they can quickly type up the first characters of the option and see a realtime filter.

Proposal

It seems that the upstream library that we are using, jQuery QueryBuilder does have a plugin that replaces ALL <select> elements with bootstrap-select that seems to offer a Live Search functionality.
Alternatively, the same functionality also seems to be exposed by the Chosen plugin.

The library that will be used is going to be: Chosen because it does not have any dependency on bootstrap.

The goal of this task would be to add a new design time property, useComboBoxes (defaults to false). When enabled, the functionality described above is activated.

Task list

• Create a local development environment
• Add design time property
• Figure out how to activate the plugin. Preferably, use the npm distribution https://www.npmjs.com/package/chosen-js
• Have this enabled only when useComboBoxes is set to true.
• Optional. Don't load the boostrap-select plugin and the js/css files when is set to false.

It's spelled Thingwrox instead of ThingWorx/Thingworx.

It's mentioned quiery instead of query