scania-angular-ui
This repository contains all Scania extensions, you can either download it or download extensions you like to use separately.
Scania-angular-ui is a set of native AngularJS extensions including a for file upload and gallery on AngularJs framework and a selection box with support for searching, tagging, ng-model, ng-repeat, native HTML select and option tags.
The -tpls
file contains the templates bundled in JavaScript, include it if you want to use default templates we provide or load your custom templates.
Demo file upload
Demo lightbox
Demo select
Getting Started
Requirements
Bootstrap
Angular animate
flow/ng-flow
Select2 V3.5.2
select2-bootstrap-css V1.4.6
Underscore
JQuery
Installation
npm install scania-angular-ui
This will install scania-angular-ui
in your node_modules
directory and all dependencies in your bower_components
directory
OR
bower install scania-angular-ui
This will install scania-angular-ui
and all dependencies in your bower_components
directory
Usage
Add the following script to your index.html file and you are good to go :
ROOT_DIR = bower_components
or node_modules
<link href="<ROOT_DIR>/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="<ROOT_DIR>/scania-angular-ui/src/ui-bootstrap/ui-bootstrap-custom-0.13.4-csp.css">
<link rel="stylesheet" href="<ROOT_DIR>/select2-bootstrap-css/select2-bootstrap.min.css">
<link rel="stylesheet" href="<ROOT_DIR>/select2/select2.css"/><br/>
<link rel="stylesheet" type="text/css" href="<ROOT_DIR>/scania-angular-ui/css/scania-angular-ui.css" >
<script type="text/javascript" src="<ROOT_DIR>/jquery/jquery.js"></script>
<script type="text/javascript" src="<ROOT_DIR>/underscore/underscore.js"></script>
<script src="<ROOT_DIR>/select2/select2.js"></script>
<script src="<ROOT_DIR>/flow.js/dist/flow.js"></script>
<script src="<ROOT_DIR>/ng-flow/dist/ng-flow.js"></script>
<script src="<ROOT_DIR>/scania-angular-ui/src/ui-bootstrap/ui-bootstrap-custom-tpls-0.13.4.min.js"></script>
<script src="<ROOT_DIR>/scania-angular-ui/src/scania-angular-ui.js"></script>
<script src="<ROOT_DIR>/scania-angular-ui/src/scania-angular-ui-tpls.js"></script> (if you want to use default templates boudled with scania-angular-ui)
Next inject the directive into your app
For the full version just change the dependency injection to
angular.module('yourapp', ['scania.angular.ui']);
Custom builds
scania-angular-ui provides independently built modules that can be loaded separately
angular.module('yourapp', [ 'scania.angular.select2', 'scania.angular.lightbox' ]);
Example
A complete example can be found on respective extension.
Contributions
If you want to contribute, please:
* Fork the project.
* Run test (karma start karma.config.js)
* Make your feature addition or bug fix and test it.
* Run test to make sure you haven't break anything.
* Send me a pull request on Github.
License
scania-angular-ui is released under the MIT License.