scania-angular-ui v3.2.0

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.

Lightbox Select

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.