ember-frost-info-bar

Dependencies

Health

Security

Ember Observer score

Installation

ember install ember-frost-info-bar

Examples

Template

{{frost-info-bar
  hook='info-bar'
  icon=(component 'frost-icon'
    hook='baconIcon'
    isVisible=isIconVisible
    icon='bacon'
    pack='dummy'
  )
  title=(component 'text-box'
    isVisible=isTitleVisible
    text='<placeholder: title>'
  )
  summary=(component 'text-box'
    isVisible=isSummaryVisible
    text='<placeholder: summary>'
  )
  scope=(component 'text-box'
    isVisible=isScopeVisible
    text='<placeholder: controls>'
  )
  controls=(array
    (component 'frost-button'
      isVisible=isControlsVisible
      icon='add'
      text='Click me!'
      onClick=(action 'triggerAction')
    )
  )
}}

Testing with ember-hook

The info-bar component is accessible using ember-hook with the top level hook name or you can access the internal components as well -

• Default top level hook - $hook('info-bar')
• Icon slot hook - $hook('<hook-name>-icon')
• Title slot hook - $hook('<hook-name>-title')
• Summary slot hook - $hook('<hook-name>-summary')'
• Controls slot hook - $hook('<hook-name>-controls')'
• Controls slot item hook - $hook('<hook-name>-controls-<index>')'
• Actions slot - $hook('<hook-name>-action')'

Development

Setup

git clone [email protected]:ciena-frost/ember-frost-info-bar.git
cd ember-frost-info-bar
npm install && bower install

Development Server

A dummy application for development is available under ember-frost-info-bar/tests/dummy. To run the server run ember server (or npm start) from the root of the repository and visit the app at http://localhost:4200.

Testing

Run npm test from the root of the project to run linting checks as well as execute the test suite and output code coverage.