rails-angularjs_crud_generator 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 553a4111b1328847bcc44dd43ecf7a3972e56764
-  data.tar.gz: 742302c6cb5badf5c788f319eef9a61f0b865534
+  metadata.gz: 3627f7efc09726749bfae27721f99e71a1bb50ea
+  data.tar.gz: 46e206c052c611e3257f5bbccb484bba3763bb86
 SHA512:
-  metadata.gz: 4085954b07bcfa5d1867cb67f3e6da852da7b82c3563336114a9df3c2547ab135a62c0413c55ef1e6869b22b946963c8bc729a9f68b29e0e6dddb8b4f0c39c34
-  data.tar.gz: becc2f7f9f619ff53a69711c16eae839d2f20eb946e91fd2b503c709bb9f59f1a35e2078a754c394837638e77eb8032cb4d2b6149d7a81c9a4e6a1cbd679b291
+  metadata.gz: b4aca20d759f567ff90db3251f21d1a42d3fc1bf57bb1055d77b2ed4a83d8022db2598de3a0c5d8292a5dac156a2cea1699bd43988a04f1861cb01325287d90c
+  data.tar.gz: 9829964f704c5d1cdad6208168342df58ea7cf97057b2336354a6105bd3d518c671eecaaea1dc9796099c3970114783bdb68707762620d60684b4aa75880b6c7

data/README.md

@@ -0,0 +1,29 @@
+## [WIP] Angularjs Crud Generator for Rails
+
+Generates a fully working angularjs crud app for a model.
+
+Note: The model should already exist.
+
+**Installation**
+
+Add below line to your `Gemfile` and run `bundle install`.
+
+ ```
+ gem 'rails-angularjs_crud_generator'
+ ```
+
+
+
+**Usage**
+
+1. Initialize the generator.
+
+ ```
+ rails generate angularjs_crud:install
+ ```
+
+2. Generate your controller
+
+ ```
+ rails generate angularjs_crud <your-model-name>
+ ```

data/lib/generators/angularjs_crud/USAGE

@@ -0,0 +1,9 @@
+Description:
+    Generates an angular app for doing basic crud operations.
+    Pass the model name, either CamelCased or under_scored. The angular app
+    name is retrieved as a pluralized version of the model name.
+
+    This generates an angular app in app/assets/javascripts/src/<app-name>/main.js
+
+Example:
+    `rails generate angularjs_crud Article`

data/lib/generators/angularjs_crud/install/templates/_bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "public/assets/bower_components"
+}

data/lib/generators/angularjs_crud/install/templates/bower.json

@@ -0,0 +1,17 @@
+{
+  "name": "example-app",
+  "version": "0.0.0",
+  "authors": [],
+  "license": "Apache License, Version 2.0",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+  },
+  "devDependencies": {
+  }
+}

data/lib/generators/angularjs_crud/install/templates/karma.conf.js

@@ -0,0 +1,38 @@
+module.exports = function(config) {
+  'use strict';
+
+  config.set({
+    basePath: './public/assets/js/apps',
+
+    frameworks: ["mocha", "chai"],
+
+    preprocessors: {
+      '**/*.coffee': ['coffee'],
+      '**/*.html': ['ng-html2js'],
+    },
+
+    ngHtml2JsPreprocessor: {
+      // Use below line at the very top of your tests
+      // beforeEach(module('external-templates'))
+      moduleName: 'external-templates',
+      stripPrefix: 'templates/',
+    },
+
+    files: [
+      // bower
+      '../../bower_components/jquery/dist/jquery.js',
+      '../../bower_components/bootstrap/dist/js/bootstrap.js',
+      '../../bower_components/angular/angular.js',
+      '../../bower_components/angular-mocks/angular-mocks.js',
+      // endbower
+      //
+      // src
+      '*/main.js',
+      '*/templates/*.html',
+      // tests
+      '*/test/**/*.js',
+    ],
+
+    browsers: [ "Chrome" ],
+  });
+};

data/lib/generators/angularjs_crud/install/templates/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "example-app",
+  "version": "0.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "karma run"
+  },
+  "license": "Apache License, 2.0",
+  "devDependencies": {
+    "chai": "^3.0.0",
+    "karma": "^0.12.37",
+    "karma-chai": "^0.1.0",
+    "karma-chrome-launcher": "^0.2.0",
+    "karma-coffee-preprocessor": "^0.2.1",
+    "karma-mocha": "^0.2.0",
+    "karma-ng-html2js-preprocessor": "^0.1.2",
+    "mocha": "^2.2.5"
+  }
+}

data/lib/generators/angularjs_crud/templates/_app_partial.html.erb

@@ -0,0 +1,36 @@
+<div id="<%= file_name.pluralize %>_app" ng-app="<%= file_name.pluralize %>App" ng-controller="MainCtrl">
+    <div class="panel panel-default">
+        <div class="panel-body">
+            <div class="clearfix">
+                <h2 class="lead pull-left"><%= class_name.pluralize %></h2>
+                <button class="btn btn-primary btn-sm pull-right" ng-click="new()"><span class="glyphicon glyphicon-plus"></span> New</button>
+            </div>
+
+            <br><br>
+            <p ng-show="list.length == 0">No <%= file_name.pluralize %> yet.</p>
+            <table class="table table-condensed table-hover table-bordered table-striped" ng-show="list.length > 0">
+                <tr>
+                    <th>Name</th>
+                    <th>Date created</th>
+                    <th>Actions</th>
+                </tr>
+                <tr ng-repeat="<%= file_name %> in list | orderBy: '-created_at'">
+                    <td>{{<%= file_name %>.name}}</td>
+                    <td>{{<%= file_name %>.created_at | date}}</td>
+                    <td>
+                        <a href="#" ng-click="show(<%= file_name %>)" class="btn btn-default btn-trans btn-link btn-xs"><span class="glyphicon glyphicon-eye-open"></span> Show</a>
+                        <a href="#" ng-click="edit(<%= file_name %>)" class="btn btn-default btn-trans btn-link btn-xs"><span class="glyphicon glyphicon-pencil"></span> Edit</a>
+                        <a href="#" ng-click="delete(<%= file_name %>)" class="btn btn-danger btn-trans btn-link btn-xs"><span class="glyphicon glyphicon-trash"></span> Delete</a>
+                    </td>
+                </tr>
+            </table>
+
+            <!-- templates -->
+            <%%= angular_inline_template('<%= file_name.pluralize %>/templates/tmpl_form.html') %>
+            <%%= angular_inline_template('<%= file_name.pluralize %>/templates/tmpl_new.html') %>
+            <%%= angular_inline_template('<%= file_name.pluralize %>/templates/tmpl_edit.html') %>
+            <%%= angular_inline_template('<%= file_name.pluralize %>/templates/tmpl_show.html') %>
+            <%%= angular_inline_template('<%= file_name.pluralize %>/templates/tmpl_delete.html') %>
+        </div>
+    </div>
+</div>

data/lib/generators/angularjs_crud/templates/angular_app/main.js

@@ -0,0 +1,175 @@
+/* modules */
+angular.module('<%= file_name.pluralize %>.controllers', []);
+angular.module('<%= file_name.pluralize %>.services', []);
+angular.module('<%= file_name.pluralize %>.directives', []);
+
+/* app */
+angular.module('<%= file_name.pluralize %>App', [
+    '<%= file_name.pluralize %>.controllers',
+    '<%= file_name.pluralize %>.services',
+    '<%= file_name.pluralize %>.directives',
+    'ngResource',
+    'ui.bootstrap',
+]);
+
+/* controllers */
+angular.module('<%= file_name.pluralize %>.controllers')
+  .controller('MainCtrl', function($scope, $log, <%= class_name %>, $modal) {
+    $log.debug('<%= file_name.pluralize %>App ready.');
+
+    var ModalInstanceCtrl, deleteModel, newModel, saveModel;
+
+    $scope.list = [];
+    $scope.addToList = function(newItem) {
+      $scope.list.push(newItem);
+    };
+
+    $scope.fetchList = function() {
+      <%= class_name %>.getAll().then(function(list) {
+        $log.debug('fetched list');
+        $log.debug(list);
+        $scope.list = list;
+      });
+    };
+
+    $scope.fetchList();
+
+    newModel = function() {
+      $log.debug('new model');
+
+      return new <%= class_name %>();
+    };
+
+    saveModel = function(unsavedModelObject) {
+      $log.debug('saving model');
+
+      if (unsavedModelObject.id > 0) {
+        unsavedModelObject.$update(function(savedObject) {
+          $log.debug('saved the edits');
+          $scope.fetchList();
+        });
+      } else {
+        unsavedModelObject.$save(function(savedObject) {
+          $log.debug('saved new model');
+          $scope.fetchList();
+        });
+      }
+    };
+
+    deleteModel = function(modelObjectToDelete) {
+      $log.debug('deleting model');
+
+      modelObjectToDelete.$delete(function() {
+        $log.debug('deleted model');
+        $scope.fetchList();
+      });
+    };
+
+    ModalInstanceCtrl = function($scope, $modalInstance, modelObject) {
+      $scope.<%= file_name %> = modelObject;
+
+      $scope.save = function(modelObject) {
+        saveModel(modelObject);
+        $modalInstance.dismiss('saved model');
+      };
+
+      $scope.delete = function() {
+        deleteModel(modelObject);
+        $modalInstance.dismiss('deleted model');
+      };
+
+      $scope.dismiss = function() {
+        $modalInstance.dismiss('dismissed');
+      };
+    };
+
+    $scope.new = function() {
+      $modal.open({
+        templateUrl: '<%= file_name.pluralize %>/templates/tmpl_new.html',
+        controller: ModalInstanceCtrl,
+        resolve: {
+          modelObject: function() {
+            return newModel();
+          }
+        }
+      });
+    };
+
+    $scope.edit = function(modelObject) {
+      $modal.open({
+        templateUrl: '<%= file_name.pluralize %>/templates/tmpl_edit.html',
+        controller: ModalInstanceCtrl,
+        resolve: {
+          modelObject: function() {
+            return angular.copy(modelObject);
+          }
+        }
+      });
+    };
+
+    $scope.show = function(modelObject) {
+      $modal.open({
+        templateUrl: '<%= file_name.pluralize %>/templates/tmpl_show.html',
+        controller: ModalInstanceCtrl,
+        resolve: {
+          modelObject: function() {
+            return angular.copy(modelObject);
+          }
+        }
+      });
+    };
+
+    $scope.delete = function(modelObject) {
+      $modal.open({
+        templateUrl: '<%= file_name.pluralize %>/templates/tmpl_delete.html',
+        controller: ModalInstanceCtrl,
+        resolve: {
+          modelObject: function() {
+            return modelObject;
+          }
+        }
+      });
+    };
+  });
+/* end controllers */
+
+
+/* services */
+angular.module('<%= file_name.pluralize %>.services')
+  .factory('<%= class_name %>', function($resource) {
+    var <%= class_name %>, customMethods;
+
+    customMethods = {
+      update: {
+        method: 'PATCH'
+      }
+    };
+
+    <%= class_name %> = $resource('/api/<%= file_name.pluralize %>/:id', { id: "@id" }, customMethods);
+
+    <%= class_name %>.getAll = function(repertoire_piece_id) {
+      return <%= class_name %>.query({
+        repertoire_piece_id: repertoire_piece_id
+      }).$promise;
+    };
+
+    return <%= class_name %>;
+  });
+/* end services */
+
+
+/* directives */
+angular.module('<%= file_name.pluralize %>.directives')
+  .directive('<%= file_name %>Form', function() {
+    return {
+      restrict: 'E',
+      scope: {
+        <%= file_name %>: '='
+      },
+      templateUrl: '<%= file_name.pluralize %>/templates/tmpl_form.html',
+      link: function(scope) {
+        return scope.test_msg = '<%= file_name %>FormTest';
+      }
+    };
+  });
+/* end directives */

data/lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_delete.html

@@ -0,0 +1,12 @@
+<div class="modal-header">
+  <strong>Are you sure you want to delete?</strong>
+</div>
+
+<div class="modal-body">
+  If you delete an item, it will be permanently lost.
+</div>
+
+<div class="modal-footer">
+  <button class="btn btn-default" ng-click="dismiss()">Cancel</button>
+  <button class="btn btn-danger" ng-click="delete()">Delete</button>
+</div>

data/lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_edit.html

@@ -0,0 +1,12 @@
+<div class="modal-header">
+    <h3 class="modal-title"><strong>Edit <%= file_name %> details</strong></h3>
+</div>
+
+<div class="modal-body">
+  <<%= file_name %>-form <%= file_name %>="<%= file_name %>"></<%= file_name %>-form>
+</div>
+
+<div class="modal-footer">
+    <button class="btn btn-primary" ng-click="save(<%= file_name %>)">Save</button>
+    <button class="btn btn-default" ng-click="dismiss()">Cancel</button>
+</div>

data/lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_form.html

@@ -0,0 +1,6 @@
+<form name="<%= file_name %>_form" novalidate>
+  <div class="form-group">
+    <label>Name</label>
+    <input class="form-control" ng-model="<%= file_name %>.name" ng-required="true">
+  </div>
+</form>

data/lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_new.html

@@ -0,0 +1,12 @@
+<div class="modal-header">
+  <h3 class="modal-title"><strong>New <%= file_name %></strong></h3>
+</div>
+
+<div class="modal-body">
+  <<%= file_name %>-form <%= file_name %>="<%= file_name %>"></<%= file_name %>-form>
+</div>
+
+<div class="modal-footer">
+  <button type="submit" class="btn btn-primary" ng-click="save(<%= file_name %>)">Save</button>
+  <button class="btn btn-default" ng-click="dismiss()">Cancel</button>
+</div>

data/lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_show.html

@@ -0,0 +1,20 @@
+<div class="modal-header">
+    <h3 class="modal-title"><strong><%= class_name %> details</strong></h3>
+</div>
+
+<div class="modal-body">
+    <table class="table table-condensed table-hover table-striped">
+        <tr>
+            <td><strong>Name</strong></td>
+            <td>{{<%= file_name %>.name}}</td>
+        </tr>
+        <tr>
+            <td><strong>Date created</strong></td>
+            <td>{{<%= file_name %>.created_at | date}}</td>
+        </tr>
+    </table>
+</div>
+
+<div class="modal-footer">
+    <button class="btn btn-default" ng-click="dismiss()">OK</button>
+</div>

data/lib/generators/angularjs_crud/templates/angular_app/test/controllers/main_ctrl_spec.js

@@ -0,0 +1,31 @@
+describe('<%= file_name.pluralize %>.controllers MainCtrl', function() {
+  var $logMock, MainCtrl, <%= class_name %>Mock, scope;
+
+  scope = null;
+  MainCtrl = null;
+  $logMock = {
+    debug: function() {}
+  };
+  <%= class_name %>Mock = {
+    getAll: function() {
+      return {
+        then: function() {}
+      };
+    }
+  };
+
+  beforeEach(module('<%= file_name.pluralize %>.controllers'));
+  beforeEach(inject(function($controller, $rootScope) {
+    scope = $rootScope.$new();
+    MainCtrl = $controller('MainCtrl', {
+      $scope: scope,
+      $log: $logMock,
+      <%= class_name %>: <%= class_name %>Mock,
+      $modal: {}
+    });
+  }));
+
+  it('instantiates without errors', function() {
+    expect(MainCtrl).to.not.eql(null);
+  });
+});

data/lib/generators/angularjs_crud/templates/angular_app/test/directives/form_spec.js

@@ -0,0 +1,24 @@
+describe('<%= file_name.pluralize %>.directives <%= file_name %>Form', function() {
+  var $compile, element, scope;
+
+  $compile = null;
+  scope = null;
+  element = null;
+
+  beforeEach(module('external-templates'));
+  beforeEach(module('<%= file_name.pluralize %>.directives'));
+
+  beforeEach(inject(function(_$compile_, $rootScope) {
+    $compile = _$compile_;
+    scope = $rootScope.$new();
+
+    element = angular.element('<<%= file_name %>-form></<%= file_name %>-form>');
+  }));
+
+  it('instantiates without errors', function() {
+    $compile(element)(scope);
+    scope.$digest();
+
+    expect(element.isolateScope().test_msg).to.eql('<%= file_name %>FormTest');
+  });
+});

data/lib/generators/angularjs_crud/templates/angular_app/test/services/model_spec.js

@@ -0,0 +1,23 @@
+describe('<%= file_name.pluralize %>.services <%= class_name %>', function() {
+  var <%= class_name %>Service, resourceMock;
+
+  <%= class_name %>Service = null;
+  resourceMock = function() {
+    return function() {};
+  };
+
+  beforeEach(module('<%= file_name.pluralize %>.services'));
+  beforeEach(function() {
+    module(function($provide) {
+      $provide.value('$resource', resourceMock);
+    });
+
+    inject(function($injector) {
+      <%= class_name %>Service = $injector.get('<%= class_name %>');
+    });
+  });
+
+  it('instantiates without errors', function() {
+    expect(<%= class_name %>Service).to.not.eql(null);
+  });
+});

data/rails-angularjs_crud_generator.gemspec

@@ -0,0 +1,14 @@
+Gem::Specification.new do |s|
+  s.platform    = Gem::Platform::RUBY
+  s.required_ruby_version = '>= 1.9.3'
+  s.name        = 'rails-angularjs_crud_generator'
+  s.version     = '0.1.1'
+  s.summary     = 'Generates fully working angularjs apps'
+  s.description = 'Generates a fully working angularjs app for basic crud operations of a model.'
+  s.author      = 'Chanaka Sandaruwan'
+  s.email       = 'chanakasan@gmail.com'
+  s.files       = Dir['**/*']
+  s.require_paths = ['lib']
+  s.homepage    = 'https://github.com/chanakasan/rails-angularjs_crud_generator'
+  s.license     = 'Apache License, Version 2.0'
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails-angularjs_crud_generator
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Chanaka Sandaruwan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-11-05 00:00:00.000000000 Z
+date: 2015-11-06 00:00:00.000000000 Z
 dependencies: []
 description: Generates a fully working angularjs app for basic crud operations of
   a model.
@@ -17,11 +17,29 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- README.md
+- lib/generators/angularjs_crud/USAGE
 - lib/generators/angularjs_crud/angularjs_crud_generator.rb
 - lib/generators/angularjs_crud/helpers/bower_helper.rb
 - lib/generators/angularjs_crud/helpers/npm_helper.rb
 - lib/generators/angularjs_crud/install/install_generator.rb
+- lib/generators/angularjs_crud/install/templates/_bowerrc
 - lib/generators/angularjs_crud/install/templates/angular_js_helper.rb
+- lib/generators/angularjs_crud/install/templates/bower.json
+- lib/generators/angularjs_crud/install/templates/karma.conf.js
+- lib/generators/angularjs_crud/install/templates/package.json
+- lib/generators/angularjs_crud/templates/_app_partial.html.erb
+- lib/generators/angularjs_crud/templates/angular_app/main.js
+- lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_delete.html
+- lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_edit.html
+- lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_form.html
+- lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_new.html
+- lib/generators/angularjs_crud/templates/angular_app/templates/tmpl_show.html
+- lib/generators/angularjs_crud/templates/angular_app/test/controllers/main_ctrl_spec.js
+- lib/generators/angularjs_crud/templates/angular_app/test/directives/form_spec.js
+- lib/generators/angularjs_crud/templates/angular_app/test/services/model_spec.js
+- rails-angularjs_crud_generator-0.1.0.gem
+- rails-angularjs_crud_generator.gemspec
 homepage: https://github.com/chanakasan/rails-angularjs_crud_generator
 licenses:
 - Apache License, Version 2.0