Add decorator for entity state defaults

Author: IllyaMoskvin

app/app.route.js

@@ -14,6 +14,25 @@
         // default route
         $urlRouterProvider.otherwise('/');
 
+        // decorator: set reasonable defaults for entity.* routes
+        $stateProvider.decorator('views', function( state, parent ) {
+
+            var config = state.self;
+
+            // console.log( config );
+
+            if( config.name.match(/^entity\./) ) {
+
+                config.templateUrl = config.templateUrl || 'states/entity/default.html';
+                config.controller = config.controller || 'DefaultEntityController';
+                config.controllerAs = 'vm';
+
+            }
+
+            return parent(state);
+
+        });
+
         // app routes
         $stateProvider
             .state('root', {
@@ -36,12 +55,8 @@
             })
             .state('entity.artwork', {
                 url: '/artworks/:id',
-                // TODO: Create custom templates for each?
-                templateUrl: 'states/entity/default.html',
-                controller: 'ArtworkController',
-                controllerAs: 'vm',
-                data: {
-                    cssClassnames: 'aic-state-artwork'
+                params: {
+                    model: 'ArtworkService'
                 }
             });
 

app/index.html

@@ -50,7 +50,7 @@
 
     <!-- States -->
     <script src="states/entity/entity.js"></script>
-    <script src="states/entity/artwork/artwork.js"></script>
+    <script src="states/entity/default.js"></script>
 
     <!-- Load the app itself last -->
     <script src="app.route.js"></script>

app/states/entity/artwork/artwork.js

@@ -0,0 +1,47 @@
+(function () {
+
+    angular
+        .module('app')
+        .controller('DefaultEntityController',  Controller);
+
+    Controller.$inject = ['$stateParams', '$injector'];
+
+    function Controller( $stateParams, $injector ) {
+
+        var ModelService = $injector.get( $stateParams.model );
+
+        var vm = this;
+
+        vm.entity = null;
+        vm.route = null;
+
+        activate();
+
+        return vm;
+
+        function activate() {
+
+            if( !$stateParams.id ) {
+
+                // Just for testing: if id is omitted, get first one in the list
+                ModelService.list( { limit: 1 } ).promise.then( function() {
+
+                    vm.entity = ModelService.list( { limit: 1 } ).cache.clean[0];
+                    vm.route = ModelService.route( vm.entity.id );
+
+                });
+
+            } else {
+
+                vm.entity = ModelService.detail( $stateParams.id ).cache.clean;
+                vm.route = ModelService.route( $stateParams.id );
+
+            }
+
+
+
+        }
+
+    }
+
+})();

app/states/entity/default.js

@@ -1,13 +1,13 @@
-<div class="aic-view-entity" ng-submit="vm.open( vm.form.state, vm.form.id )">
+<div class="aic-view-entity" ng-submit="vm.open( vm.form.model, vm.form.id )">
 
     <form class="form-horizontal">
 
         <div class="input-group">
 
-            <select class="form-control" ng-model="vm.form.state">
+            <select class="form-control" ng-model="vm.form.model">
 
                 <option ng-repeat="model in vm.models track by $index"
-                        value="{{model.states.entity}}">{{model.name}}</option>
+                        ng-value="model">{{model.name}}</option>
 
             </select>
 

app/states/entity/entity.html

@@ -31,17 +31,18 @@
             ];
 
             vm.form = {
-                state: vm.models[0].states.entity,
+                model: vm.models[0],
                 id: null,
             };
 
         }
 
-        function open( state, id ) {
+        function open( model, id ) {
 
-            console.log( arguments );
-
-            $state.go( state, { id: id } );
+            $state.go( model.states.entity, {
+                // model is optional since it has a default
+                id: id,
+            });
 
         }