ozone-iron-list

Implementation of an iron-list to display an ozone search result with lazy loading.

documentation

ozone-iron-list extend polymer iron-list composed with an ozone-connection.

         <div >
           <ozone-iron-list
             id="ironList"
             items="{{searchResults}}"
             grid
             selection-enabled
             scroll-target="scrollTheshold">
             <template>
                 <div class="item">
                     <ozone-item-preview class="photoContent"
                      item-id="[[item.id]]"
                      item-data="[[item]]"
                      class="resultListItem"
                      selected="[[selected]]"
                     ></ozone-item-preview>
                     <ozone-item-action
                      class="actionPanel"
                      selected="[[selected]]" item-data="[[item]]">npo</ozone-item-action>
                     </div>
             </template>
           </ozone-iron-list>
         </div>

 const myQuery = new SearchQuery()
 // configure search query
 this.$.ironList.search(myQuery)

expose $.mosaicCollection for operation on the collection

Implements

Inherit from from iron-list

Mixin

install

 $ npm install --save ozone-iron-list

development command

npm install: install project dependency.

npm run tsc: run typeScript compiler.

npm run build build application.

npm run test bundle test files with webpack and run test with webComponent tester.

npm run build:watch bundle test files with webpack and watch on changes.

npm run test:persist bundle test files with webpack and watch on changes.

npm run doc generate project documentation with typedoc.