Skip to content

A Polymer Element showing an aggregation-display element in a styled-dialog that automatically changes the data limit when opened.

License

Notifications You must be signed in to change notification settings

DigElements/aggregation-dialog

Folders and files

NameName
Last commit message
Last commit date
Sep 8, 2017
Sep 28, 2017
Apr 18, 2017
Apr 18, 2017
Mar 21, 2018
Mar 21, 2018
Apr 25, 2018
Apr 18, 2017
Apr 18, 2017

Repository files navigation

aggregation-dialog

A Polymer Element showing a set of aggregation-display elements in a styled-dialog.

Example that runs elasticsearch queries

<aggregation-dialog
  client="[[client]]"
  index-name="indexName"
  index-types='["indexType"]'
  process-request="[[processRequest]]"
  query-builder-config="[[queryBuilderConfig]]"
  search-parameters="[[searchParameters]]"
  aggregation-field="field"
  aggregation-name="aggregation"
  result-function="[[resultFunction]]"
  order-by="{{order}}"
  selected-ids="{{selected}}">
</aggregation-dialog>

Example that runs ajax queries

<aggregation-dialog
  aggregation-name="[[dataType]]"
  query-url="[[queryUrl]]"
  process-request="[[processRequest]]"
  result-function="[[resultFunction]]"
  search-function="[[searchFunction]]"
  search-parameters="[[searchParameters]]"
  order-by="{{order}}"
  selected-ids="{{selected}}">
</aggregation-dialog>

Styling

<aggregation-dialog> provides the following custom properties and mixins for styling:

Custom property Description Default
--aggregation-dialog-bar-color The color of the single or left bars. --paper-grey-300
--aggregation-dialog-bar-count-color The color of the single or left count labels. --paper-grey-900
--aggregation-dialog-bar-height The height of the single or left bars. 20px
--aggregation-dialog-bar-title-color The color of the single or left title labels. --paper-grey-900
--aggregation-dialog-bar-title-hover-color The color of the single or left title labels on hover (if a link). --paper-indigo-900
--aggregation-dialog-second-bar-color The color of the right (second) bars. --paper-grey-300
--aggregation-dialog-second-bar-count-color The color of the right (second) count labels. --paper-grey-900
--aggregation-dialog-second-bar-height The height of the right (second) bars. 20px
--aggregation-dialog-second-bar-title-color The color of the right (second) title labels. --paper-grey-900
--aggregation-dialog-second-bar-title-hover-color The color of the right (second) title labels on hover (if a link). --paper-indigo-900

Dependencies

Dependencies are installed using Bower:

npm install -g bower
bower install

Testing

Tests are run using web-component-tester:

npm install -g web-component-tester
wct

Demonstration & Documentation

Demonstration and documentation are viewed using polyserve:

npm install -g polyserve
polyserve

About

A Polymer Element showing an aggregation-display element in a styled-dialog that automatically changes the data limit when opened.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages