working version usabl with npm

update readme
include dist

Author: KristjanLiiva

.gitignore

@@ -4,3 +4,4 @@ components
 build
 .idea
 .editorconfig
+.tmp

Gruntfile.js

@@ -117,17 +117,18 @@ module.exports = function (grunt) {
     cssmin: {
         css: {
           src: '<%= concat.css.dest %>',
-          dest: 'dist/angular-multi-select-tree-<%= pkg.version %>.min.css'
+          dest: 'dist/angular-multi-select-tree.min.css'
         }
     },
     clean: ['dist/*']
   });
 
-  grunt.registerTask('default', ['jshint', 'karma:unit']);
+  grunt.registerTask('default', ['dev']);
   grunt.registerTask('test', ['karma:unit']);
   grunt.registerTask('test-server', ['karma:server']);
   grunt.registerTask('update-dist', ['clean', 'concat', 'ngtemplates']);
-  grunt.registerTask('serve', ['open', 'connect:demo', 'watch']);
+  grunt.registerTask('server', ['open', 'connect:demo', 'watch']);
+  grunt.registerTask('dev', ['update-dist', 'server']);
   grunt.registerTask('build', ['clean', 'jshint', 'concat', 'ngtemplates', 'ngmin', 'cssmin', 'uglify']);
 
 };

README.md

@@ -1,37 +1,69 @@
 angular-multi-select-tree
 =============================
 
-A native Angular multi select tree. No JQuery.
+Lightweight Angular multi select tree directive with arbitrary depth.
+
+Size gzipped 3kb.
 
 #### Demo Page:
 
-[Demo] (http://a5hik.github.io/angular-multi-select-tree)
+[Demo] (http://KristjanLiiva.github.io/angular-multi-select-tree)
 
-#### Features:
+#### Dependencies not included in dist
+* Angular - tested with 1.5.x but should work starting from 1.3.x
+* Bootstrap (only css) - tested with 3.x
 
+#### Features
+```
+<multi-select-tree
+  data-input-model="[{'id':'','name':'',children:[]}]"
+  multi-select="true"
+  data-output-model="selectedItem"
+  data-default-label="Nothing selected"
+  data-callback="selectOnly1Or2(item, selectedItems)"
+  data-select-only-leafs="false"
+  data-switch-view-label="test1"
+  data-switch-view="true">
+</multi-select-tree>
+```
 
-##### Usage:
+#### Download:
 
-```
-Make sure to load the scripts in your html.
+Download dist and include
 ```html
-<script type="text/javascript" src="../dist/angular-multi-select-tree-0.1.0.js"></script>
-<script type="text/javascript" src="../dist/angular-multi-select-tree-0.1.0.tpl.js"></script>
-<link rel="stylesheet" href="../dist/angular-multi-select-tree-0.1.0.css">
+<script type="text/javascript" src="../dist/angular-multi-select-tree.js"></script>
+<link rel="stylesheet" href="../dist/angular-multi-select-tree.css">
+```
 
+NPM (the module is not published but can be installed from github)
+```
+"angular-multi-select-tree": "git+https://[email protected]/KristjanLiiva/angular-multi-select-tree.git"
 ```
 
-And Inject the sortable module as dependency.
+Include it in the usual ways, and inject
+```js
+import multiSelectTree from 'angular-multi-select-tree';
+angular.module('app', ['multi-select-tree']);
+```
 
+Example for loading CSS using webpack
+webpack.conf
+```js
+resolve: {
+    modules: ['node_modules', 'src'],
+      alias: {
+        'angular-multi-select-tree.css': path.join(__dirname, '../node_modules/angular-multi-select-tree/dist/angular-multi-select-tree.css')
+      }
+  }
 ```
-angular.module('xyzApp', ['multi-select-tree', '....']);
+and require in your project
+```
+require('angular-multi-select-tree.css');
 ```
 
-###### Html Structure:
-
-TBD
-Define your callbacks in the invoking controller.
+#### Development
+See package.json for available commands
 
-##### License
+#### License
 
 MIT, see [LICENSE.md](./LICENSE.md).

demo/index.html

@@ -5,11 +5,14 @@
   <title>AngularJS Demo UI Component</title>
   <meta name="viewport" content="width=device-width">
 
+  <!-- dependencies -->
   <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css"/>
-  <link rel="stylesheet" href="../dist/angular-multi-select-tree.css">
-
   <script type="text/javascript" src="../node_modules/angular/angular.js"></script>
+
+  <!-- angular-multi-select-tree -->
   <script type="text/javascript" src="../dist/angular-multi-select-tree.js"></script>
+  <link rel="stylesheet" href="../dist/angular-multi-select-tree.css">
+
 </head>
 
 <body ng-controller="demoAppCtrl">