Feature/killer stuff

Gruntfile.js

@@ -25,7 +25,13 @@ module.exports = function(grunt) {
      * stylesheet, and 'unit' contains our app's unit tests.
      */
     app_files: {
-      js: ['src/**/*.js', '!src/**/*.spec.js', '!src/assets/**/*.js'],
+      js: [
+        'src/**/*.index.js',
+        'src/app.js',
+        'src/**/*.js',
+        '!src/**/*.spec.js',
+        '!src/assets/**/*.js'
+      ],
       jsunit: ['src/**/*.spec.js'],
 
       appTemplates: ['src/app/**/*.tpl.html'],
@@ -249,12 +255,12 @@ module.exports = function(grunt) {
           banner: '<%= meta.banner %>'
         },
         src: [
-          'module.prefix',
-          '<%= build_dir %>/src/**/*.module.js',
-          '<%= build_dir %>/src/**/*.js',
-          '<%= html2js.common.dest %>',
+          '<%= build_dir %>/src/**/index.js',
+          '<%= build_dir %>/src/app/app.js',
+          '<%= build_dir %>/src/app/**/*.js',
+          '<%= build_dir %>/src/common/lib/**/*.js',
           '<%= html2js.app.dest %>',
-          'module.suffix'
+          '<%= html2js.common.dest %>'
         ],
         dest: '<%= compile_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.js'
       },
@@ -426,13 +432,12 @@ module.exports = function(grunt) {
       build: {
         dir: '<%= build_dir %>',
         src: [
-          '<%= vendor_files.js %>',
-          '<%= build_dir %>/src/**/*.module.js',
-          '<%= build_dir %>/src/**/*.js',
-          '<%= html2js.common.dest %>',
-          '<%= html2js.app.dest %>',
-          '<%= vendor_files.css %>',
-          '<%= build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css'
+        '<%= vendor_files.js %>',
+        '<%= app_files.js %>',
+        '<%= html2js.common.dest %>',
+        '<%= html2js.app.dest %>',
+        '<%= vendor_files.css %>',
+        '<%= build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css'
         ]
       },
 

README.md

@@ -1,7 +1,7 @@
 # Ngbp
 
-A simplified version of the ngBoilerplate angular project template.
+  A simplified version of the ngBoilerplate angular project template.
 
 ***
 
-## Quick Start
+          ## Quick Start

src/app/app.js

@@ -39,7 +39,9 @@
       'ui.router',
       'ui.bootstrap',
       'smart-table',
-      'ngbp.tabs',
       'LocalStorageModule',
-      'gettext'
+      'gettext',
+      'ngbp',
+      'ngbp.tabs',
+      'ngbp.gaia'
     ])));

src/app/home/home.drv.js

@@ -2,11 +2,41 @@
   'use strict';
   module.directive('homeSection', homeSection);
 
+  class baseController {
+    constructor() {
+      this.state = {};
+    }
+  }
+
+  class HomeController extends baseController {
+
+    constructor($timeout) {
+      super();
+      this.$timeout = $timeout;
+    }
+
+    changeRdy(key, data) {
+
+      if (angular.isArray(data) && !data.length) {
+        delete this.state[key];
+      }
+
+      this.$timeout(function(state) {
+        console.log('SEND to service:', state);
+      }, 0, true, this.state);
+    }
+
+    removeAlert(alert) {
+      delete this.state[alert];
+      console.log('send to service:', this.state);
+    }
+  }
+
   function homeSection() {
     return {
       scope           : {},
       restrict        : 'E',
-      controller      : 'HomeController',
+      controller      : HomeController,
       controllerAs    : 'vm',
       bindToController: true,
       templateUrl     : 'home/home.tpl.html'

src/app/login/index.js

@@ -1,10 +1,31 @@
 /**
  * Created by RED-DRAGON on 20/09/2015.
  */
-(function (module) {
+(function(module) {
   'use strict';
 
-  module.config(function ($stateProvider) {
+  // module.config(function($stateProvider) {
+  //   $stateProvider.state('gaia', {
+  //     url: '/gaia?id',
+  //     views: {
+  //       'main': {
+  //         template: '<animate-section></animate-section>'
+  //       }
+  //     },
+  //     reloadOnSearch:false,
+  //     resolve: {
+  //       data: ($stateParams) => {
+  //         console.log('hi',$stateParams.id);
+  //         return $stateParams.id;
+  //       }
+  //     },
+  //     data: {
+  //       pageTitle: 'animate'
+  //     }
+  //   });
+  // });
+
+  module.config(function($stateProvider) {
     $stateProvider.state('login', {
       url: '/login',
       views: {

src/app/router/animate-dome.tpl.html

@@ -0,0 +1,36 @@
+<div class="animate-section">
+    <div class="row">
+        <div class="col-md-12">
+            <form action="" class="form-inline">
+                <div class="form-group">
+                    <div class="btn-group" data-toggle="buttons">
+                        <label class="btn btn-primary" ng-class="{'active':vm.left}">
+                            <input type="checkbox" ng-model="vm.left" ng-change="vm.right = false;" autocomplete="off"> Left
+                        </label>
+                        <label class="btn btn-primary" ng-class="{'active':vm.right}">
+                            <input type="checkbox" ng-model="vm.right" ng-change="vm.left = false;" autocomplete="off"> Right
+                        </label>
+                        <label class="btn btn-primary">
+                            <input type="checkbox" autocomplete="off" ng-model="vm.animate"> animate
+                        </label>
+                    </div>
+                    <input type="text" class="form-control" ng-model="vm.url">
+                </div>
+                <button class="btn btn-danger" ng-click="vm.clickRoute(vm.url)">Change Url!</button>
+            </form>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <div class="animate-if" ng-if="vm.animate" ng-class="{'right':vm.right,'left':vm.left}"></div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-6">
+            <ul class="list-group">
+                <li class="list-group-item" ng-class="{'active': vm.url-1 === $index}" ng-repeat="item in vm.items" ng-click="vm.clickRoute(item)">Item {{item}}
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>

src/app/router/animateo.scss

@@ -0,0 +1,66 @@
+.animate-section {
+	position: relative;
+	// overflow: hidden;
+	height: 100%;
+}
+
+.right {
+	background-color: red;
+}
+
+.left {
+	background-color: green;
+}
+.animate-if {
+    height: 30px;
+    border: 1px solid #000;
+    border-radius: 5px;
+    width: 100%;
+    position:absolute;
+    right:0;
+    top:35px;
+    display: block;
+}
+
+.animate-if.right.ng-enter,
+.animate-if.right.ng-leave {
+    transition: 400ms linear all;
+}
+
+.animate-if.right.ng-enter {
+    right: -100%;
+}
+
+.animate-if.right.ng-enter.animate-if.right.ng-enter-active {
+    right: 0;
+}
+
+.animate-if.right.ng-leave {
+    right: 0;
+}
+
+.animate-if.right.ng-leave.animate-if.right.ng-leave-active {
+    right: -100%;
+}
+
+.animate-if.left.ng-enter,
+.animate-if.left.ng-leave {
+    transition: 400ms linear all;
+}
+
+.animate-if.left.ng-enter {
+    left: -100%;
+}
+
+.animate-if.left.ng-enter.animate-if.left.ng-enter-active {
+    left: 0;
+}
+
+.animate-if.left.ng-leave {
+    left: 0;
+}
+
+.animate-if.left.ng-leave.animate-if.left.ng-leave-active {
+    left: -100%;
+}
+

src/app/router/index.js

@@ -0,0 +1,30 @@
+/**
+ * Created by RED-DRAGON on 20/09/2015.
+ */
+(function(module) {
+  'use strict';
+
+  module.config(config);
+
+  function config($stateProvider) {
+    $stateProvider.state('gaia', {
+      url: '/gaia?id',
+      views: {
+        'main': {
+          template: '<animate-section></animate-section>'
+        }
+      },
+      reloadOnSearch: false,
+      resolve: {
+        data: ($stateParams) => {
+          console.log('hi', $stateParams.id);
+          return $stateParams.id;
+        }
+      },
+      data: {
+        pageTitle: 'animate'
+      }
+    });
+  }
+
+})(angular.module('ngbp.gaia', ['ui.router']));

src/app/router/router.drv.js

@@ -0,0 +1,33 @@
+(function() {
+  angular
+    .module('ngbp.gaia')
+    .component('animateSection', {
+      bindings: {},
+      controller: animateDomeCtrl,
+      controllerAs: 'vm',
+      templateUrl: 'router/animate-dome.tpl.html'
+    });
+
+  function animateDomeCtrl($state, $scope, $rootScope, $stateParams) {
+    const vm = this;
+
+    $scope.$on('$locationChangeSuccess', (event) => {
+      console.log('$locationChangeSuccess');
+      vm.url = $stateParams.id;
+    });
+
+    init();
+
+    function init() {
+      console.log('init!');
+      vm.url = $stateParams.id;
+      vm.items = [1,2,3,4];
+
+    }
+
+    vm.clickRoute = (url) => {
+      $state.go('.', { id: url });
+    };
+  }
+
+})();

src/app/tabs/tabs.module.js → src/app/tabs/index.js

@@ -22,6 +22,6 @@
       });
   }
 
- 
+
 })(angular.module('ngbp.tabs', ['ui.router']));
 

src/app/tabs/master-tab/tabs-detail/tabs-detail.drv.js

@@ -32,7 +32,7 @@
 
       vm.tab = vm.getS({ id: $stateParams.id });
       console.log(vm.tab);
-      // let newScope = $scope.$new();
+      let newScope = $scope.$new();
 
       let destination = $element.find('section');
 

src/app/yfiles/LevelOfDetailNodeStyle.js

@@ -29,7 +29,7 @@
  ***************************************************************************/
 (function() {
   angular
-    .module('ngbp')
+    .module('ngbp.yfiles')
     .factory('LevelOfDetailNodeStyle', function($templateCache) {
 
       return yfiles.lang.Class('LevelOfDetailNodeStyle', {

src/app/yfiles/ScopeGraphSource.js

@@ -28,7 +28,7 @@
  ***************************************************************************/
 (function() {
   angular
-    .module('ngbp')
+    .module('ngbp.yfiles')
     .factory('ScopeGraphSource', function() {
       return ScopeGraphSource;
     });