add preview view

Author: johannesjo

crud-gen.js

@@ -35,6 +35,15 @@ module.exports = {
             {
                 local: require.resolve('./edit')
             });
+        generator.composeWith('aaal:view', {
+                args: [model.name],
+                options: {
+                    model: model
+                }
+            },
+            {
+                local: require.resolve('./view')
+            });
 
     },
 

default-settings.js

@@ -5,6 +5,7 @@ module.exports = {
     testPassOnDefault: true,
     stylePrefix: '_',
     editorCommand: 'idea',
+    uiRouter: true,
     baseState: 'private.',
     moduleName: 'aaal',
     pathOutputStyle: 'dasherize',
@@ -41,19 +42,22 @@ module.exports = {
             stateSuffix: 'List',
             subRoute: 'list',
             suffix: '-list-c',
-            nameSuffix: 'ListCtrl'
+            nameSuffix: 'ListCtrl',
+            createDirectory: true
         },
         edit: {
             stateSuffix: 'Edit',
             subRoute: 'edit',
             suffix: '-edit-c',
-            nameSuffix: 'EditCtrl'
+            nameSuffix: 'EditCtrl',
+            createDirectory: true
         },
-        preview: {
+        view: {
             stateSuffix: 'View',
             subRoute: 'view',
             suffix: '-view-c',
-            nameSuffix: 'ViewCtrl'
+            nameSuffix: 'ViewCtrl',
+            createDirectory: true
         }
     }
 };

edit/index.js

@@ -8,6 +8,7 @@ var chalk = require('chalk');
 module.exports = ScriptBase.extend({
     initializing: function() {
         this.templateName = 'edit';
+
         // needs to be called manually
         this.init();
     },
@@ -18,7 +19,7 @@ module.exports = ScriptBase.extend({
 
         this.log.writeln(chalk.yellow('injecting state into ' + this.routesFile));
 
-        var routeUrl = '/' + this.formatNamePath(this.name) + '/' + this.formatNamePath(this.subGenCfg.subRoute);
+        var routeUrl = '/' + this.formatNamePath(this.name) + '/' + this.formatNamePath(this.subGenCfg.subRoute) + '/:id';
         var tplUrl = this.tplUrl;
         var ctrl = this.classedName + (this.subGenCfg.nameSuffix || '');
 

sub-generator-base.js

@@ -48,7 +48,7 @@ module.exports = yeoman.generators.NamedBase.extend({
         this.modelOptions = helper.simpleObjectToString(this.options.model, '        ');
         this.overviewStateFull = this.baseState + this.name + this.subGenerators.overview.stateSuffix;
         this.editStateFull = this.baseState + this.name + this.subGenerators.edit.stateSuffix;
-        this.previewStateFull = this.baseState + this.name + this.subGenerators.preview.stateSuffix;
+        this.previewStateFull = this.baseState + this.name + this.subGenerators.view.stateSuffix;
 
 
         // instead use target folder to set the path

templates/app/_edit.scss

@@ -1,3 +1,3 @@
-.page-<%= sluggedName %> {
+.page-<%= sluggedName %>-edit {
 
 }

templates/app/_overview.scss

@@ -1,3 +1,3 @@
-.page-<%= sluggedName %> {
+.page-<%= sluggedName %>-overview {
 
 }

templates/app/_view.scss

@@ -0,0 +1,3 @@
+.page-<%= sluggedName %>-view {
+
+}

templates/app/edit.html

@@ -1,3 +1,3 @@
 <div class="page-<%=dashedName %>">
-    <p>This is the <%= classedName %> view</p>
+    <p>This is the <%= classedName  edit view</p>
 </div>

templates/app/overview.html

@@ -43,12 +43,12 @@
                         <i class="glyphicon glyphicon-remove-circle"></i>
                     </button>
                     <button type="button"
-                            ui-sref="<%=editStateFull%>(row.id)"
+                            ui-sref="<%=editStateFull%>({id:row.id})"
                             class="btn btn-sm btn-info">
                         <i class="glyphicon glyphicon-edit"></i>
                     </button>
                     <button type="button"
-                            ui-sref="<%=previewStateFull%>(row.id)"
+                            ui-sref="<%=previewStateFull%>({id:row.id})"
                             class="btn btn-sm btn-default">
                         <i class="glyphicon glyphicon-play-circle"></i>
                     </button>

templates/app/view.html

@@ -0,0 +1,19 @@
+<div class="page-<%=dashedName %>">
+    <div>
+        <button type="button"
+                ui-sref="<%=overviewStateFull%>"
+                class="btn btn-sm btn-default">
+            <i class="glyphicon glyphicon-backward">
+            </i> Back to overview
+        </button>
+        <button type="button"
+                ui-sref="<%=editStateFull%>({id:model.id})"
+                class="btn btn-sm btn-info">
+            <i class="glyphicon glyphicon-edit">
+            </i> Edit
+        </button>
+    </div>
+
+    <h2>{{ model.id }} {{ modelName || model.title }} </h2>
+    <pre class="code">{{ model|json }}</pre>
+</div>

templates/app/view.js

@@ -0,0 +1,22 @@
+/**
+ * @ngdoc function
+ * @name <%= moduleName %>.controller:<%= classedName %>Ctrl
+ * @description
+ * # <%= classedName %>Ctrl
+ * Controller of the <%= moduleName %>
+ */
+angular.module('<%= moduleName %>')
+    //.controller('<%= classedName %><%= nameSuffix %>', function myFunc($scope, $state, <%= modelServiceName %>) {
+    //    'use strict';
+    //
+    //    var ModelService = <%= modelServiceName %>;
+
+    .controller('<%= classedName %><%= nameSuffix %>', function myFunc($scope, $state, TestModel) {
+        'use strict';
+
+        var ModelService = TestModel;
+
+        if ($state.params.id) {
+            $scope.model = ModelService.findById({id: $state.params.id});
+        }
+    });

templates/app/view.spec.js

@@ -0,0 +1,23 @@
+'use strict';
+
+describe('Controller: <%=classedName%><%=nameSuffix%>', function() {
+
+    // load the controller's module
+    beforeEach(module('<%=moduleName%>'));
+
+    //var <%=classedName%><%=nameSuffix%>;
+    var scope;
+
+    // Initialize the controller and a mock scope
+    beforeEach(inject(function($controller, $rootScope) {
+        scope = $rootScope.$new();
+        //<%=classedName%><%=nameSuffix%> = $controller('<%=classedName%><%=nameSuffix%>', {
+        //    $scope: scope
+        //     place mocked dependencies here
+        //});
+    }));
+
+    it('should ...', function() {
+        //expect(true).toBe(<%=testPassOnDefault%>);
+    });
+});

view/index.js

@@ -0,0 +1,35 @@
+'use strict';
+var ScriptBase = require('../sub-generator-base.js');
+var helper = require('../helper.js');
+var path = require('path');
+var fs = require('fs');
+var chalk = require('chalk');
+
+module.exports = ScriptBase.extend({
+    initializing: function() {
+        this.templateName = 'view';
+
+        // needs to be called manually
+        this.init();
+    },
+    install: function() {
+        // SOMEWHAT HACKY, but not possible otherwise to run
+        // after file creation due to how the run queue works
+        // @see http://yeoman.io/authoring/running-context.html
+
+        this.log.writeln(chalk.yellow('injecting state into ' + this.routesFile));
+
+        var routeUrl = '/' + this.formatNamePath(this.name) + '/' + this.formatNamePath(this.subGenCfg.subRoute) + '/:id';
+        var tplUrl = this.tplUrl;
+        var ctrl = this.classedName + (this.subGenCfg.nameSuffix || '');
+
+        helper.injectRoute(
+            this.routesFile,
+            this.stateName,
+            routeUrl,
+            tplUrl,
+            ctrl,
+            this
+        );
+    }
+});