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.