A simple html5/angularjs directive for displaying guidance images
Tested with karma/chai/sinon #Install
bower install fme-guidance-image
Inject the module into your angular app
angular.module('your-app',['fme-guidance-image'])#Developer Info
- git hooks do not git pushed to github
- So, run
cp git-hooks/. .git/hooks/.- you may need to run chmod +x against each of these files
- Don't forget to run
npm install and bower install - when you are happy with everything submit a new tag
git tag -a v1.0.2 -m 'Added new callback for onDragStart'git --tags push origin --tags- This is necessary to get your changes when the users run bower install or bower update #Usage Add the directive to an ng-repeat passing the list and index to the direct
<!-- place the following anywhere you want the directive to take effect. The id is important. It must be set to id="guidance-image-modal" -->
<div class='modal' id='guidance-image-modal'>
<div class='modal-dialog modal-lg'>
<div class='modal-content'>
<div class='modal-body' style='margin:0px; padding:0px;'>
<img id='full-size-image' width='100%' src=''/>
</div>
</div>
</div>
</div>
<div fme-guidance-image='true' src="https://fmes3.s3.amazonaws.com/development/uploads/screwdriver/user_upload/image/3/thumb_IMG_0094.jpg">
</div>##Run the tests locally
- Install HomeBrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" - Install npm
brew install node - Install Karma
npm install karma - Run Karma tests
karma start karma.conf.js