/angular-7seg

AngularJS seven segment display directive

Primary LanguageJavaScript

AngularJS seven segment display directive

An angular directive for 7 segment display. Check out the demo below!

Demo

http://kennyhyun.github.io/angular-7seg/

Dependencies

  • required: AngularJS

See bower.json and index.html in the gh-pages branch for a full list / more details

Install

  1. download the files
    1. Bower
      1. add "angular-7seg": "latest" to your bower.json file then run bower install OR run bower install angular-7seg
  2. include the files in your app
    1. 7seg.min.js
    2. 7seg.less OR 7seg.min.css OR 7seg.css
  3. include the module in angular (i.e. in app.js) - kennyhyun.angular-7seg

See the gh-pages branch, files bower.json and index.html for a full example.

Documentation

See the 7seg.js file top comments for usage examples and documentation https://github.com/kennyhyun/angular-7seg/blob/master/7seg.js

Development

  1. git checkout gh-pages
    1. run npm install && bower install
    2. write your code then run grunt
    3. git commit your changes
  2. copy over core files (.js and .css/.less for directives) to master branch
    1. git checkout master
    2. git checkout gh-pages 7seg.js 7seg.min.js 7seg.less 7seg.css 7seg.min.css
  3. update README, CHANGELOG, bower.json, and do any other final polishing to prepare for publishing
    1. git commit changes
    2. git tag with the version number, i.e. git tag v1.0.0
  4. create github repo and push
    1. [if remote does not already exist or is incorrect] git remote add origin [github url]
    2. git push origin master --tags (want to push master branch first so it is the default on github)
    3. git checkout gh-pages
    4. git push origin gh-pages
  5. (optional) register bower component
    1. bower register angular-7seg [git repo url]