hyper_admin 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ca64683cb272c25b4eeb5007b084ae000c24eefc
-  data.tar.gz: 9c413d53f02d48973e763d79e22e3c17ed41092e
+  metadata.gz: 892fb43df29ba674cc93e307fe0da6468f913183
+  data.tar.gz: 85c2871d89a0bf17ae5a66e209f4d1b86fbf5b40
 SHA512:
-  metadata.gz: 5f4762f95187e6c9528cdaddaa7fc3ab92ee08515396aa08c59d818b3994c9cda96423ed5480251f67819904ce3867904732e97c94428be671c1b281ec021b0c
-  data.tar.gz: 504312af56071a2148ed7d36c83df58b254592c8ef761e2b9058f284fca5ad7823b647592bfa0210fe79f39e0ea258817aea4c9b58f67325d4d5772e92c93401
+  metadata.gz: 33baa5048c224fc55d765c94e9c3aed2bebbaa83b0a7905fc0236ba6287276c362322d1147d1ed20d29695555f767aba0216593c489a11fea3da18a47a836410
+  data.tar.gz: a3db6f9479aa407f55115b2a86177c7676591fb95639b1dfe4ac440d2cbf798581062ab44d7bc245c2878b979ed12947686beb52779bbaa4ecf73783233088f4

data/app/assets/javascripts/hyper_admin/angularjs/config.js.coffee

@@ -0,0 +1,12 @@
+angular.module("hyperadmin", [ "restangular", "ui.router" ])
+  .config ($httpProvider) ->
+    authToken = $("meta[name=\"csrf-token\"]").attr("content")
+    $httpProvider.defaults.headers.common["X-CSRF-TOKEN"] = authToken
+    $httpProvider.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest"
+    $httpProvider.defaults.headers.common["Accept"] = "text/html,application/json"
+
+  .config ($stateProvider) ->
+    window.stateProvider = $stateProvider
+
+  .config (RestangularProvider) ->
+    RestangularProvider.setRequestSuffix '.json'

data/app/assets/javascripts/hyper_admin/angularjs/controllers/edit_ctrl.js.coffee

@@ -0,0 +1,5 @@
+angular.module("hyperadmin")
+  .controller "EditCtrl", ($state, resourceClass) ->
+    @resource_class = resourceClass
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/form_ctrl.js.coffee

@@ -0,0 +1,40 @@
+angular.module("hyperadmin")
+  .controller "FormCtrl", ($scope, $state, Restangular, Flash) ->
+    @resource = { }
+    mode = $state.current.data.mode
+
+    if mode == "new"
+      method = "post"
+      target = "admin/#{$scope.resourceClass.plural}"
+      successMessage = "#{$scope.resourceClass.singular_human} created successfully."
+    else
+      method = "patch"
+      target = "admin/#{$scope.resourceClass.plural}/#{$state.params.id}"
+      successMessage = "#{$scope.resourceClass.singular_human} updated successfully."
+
+      Restangular.one(target).get().then (resource) =>
+        @resource = resource
+
+        $scope.resourceClass.attributes.forEach (attr) =>
+          if attr.type == "date" or attr.type == "datetime"
+            if @resource[attr.key]
+              @resource[attr.key] = new Date @resource[attr.key]
+
+    [ "id", "created_at", "updated_at" ].forEach (key) ->
+      _.remove $scope.resourceClass.attributes, (attr) ->
+        attr.key == key
+
+    @submit = =>
+      onError = (response) =>
+        @errors = response.data
+
+      onSuccess = (resource) =>
+        $state.go "^.show", id: resource.id
+        Flash.setMessage "success", successMessage
+
+      if method == "post"
+        Restangular.all(target).post(@resource).then onSuccess, onError
+      else if method == "patch"
+        Restangular.one(target).patch(@resource).then onSuccess, onError
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/index_ctrl.js.coffee

@@ -0,0 +1,7 @@
+angular.module("hyperadmin")
+  .controller "IndexCtrl", ($state, Restangular, resourceClass) ->
+    @resource_class = resourceClass
+    Restangular.all("admin/#{resourceClass.plural}").getList().then (resources) =>
+      @resources = Restangular.stripRestangular resources
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/main_ctrl.js.coffee

@@ -0,0 +1,3 @@
+angular.module("hyperadmin")
+  .controller "MainCtrl", ->
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/navbar_ctrl.js.coffee

@@ -0,0 +1,8 @@
+angular.module("hyperadmin")
+  .controller "NavbarCtrl", (Restangular) ->
+    Restangular.all("admin/resource_classes").getList().then (resources) =>
+      @resources = resources.map (resource) ->
+        list_state: "#{resource.plural}"
+        label: resource.menu_label
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/new_ctrl.js.coffee

@@ -0,0 +1,5 @@
+angular.module("hyperadmin")
+  .controller "NewCtrl", ($state, resourceClass) ->
+    @resource_class = resourceClass
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/controllers/show_ctrl.js.coffee

@@ -0,0 +1,9 @@
+angular.module("hyperadmin")
+  .controller "ShowCtrl", ($state, Restangular, resourceClass) ->
+    @resource_class = resourceClass
+    Restangular.one("admin/#{resourceClass.plural}", $state.params.id).get().then (resource) =>
+      @resource = Restangular.stripRestangular resource
+
+    @template = (attribute) -> "show-#{attribute.type}"
+
+    this

data/app/assets/javascripts/hyper_admin/angularjs/directives/delete_link.js.coffee

@@ -0,0 +1,8 @@
+angular.module("hyperadmin")
+  .directive "deleteLink", ($http) ->
+    link: (scope, element, attributes) ->
+      element.off("click").on "click", (event) ->
+        event.preventDefault()
+
+        href = element.attr("href")
+        $http(method: "DELETE", url: href) if href

data/app/assets/javascripts/hyper_admin/angularjs/directives/flash_messages.js.coffee

@@ -0,0 +1,11 @@
+angular.module("hyperadmin")
+  .directive "flashMessages", (Flash) ->
+    template: """
+<aside class="alert alert-{{ flash.getMessage().type }}"
+  ng-show="!!flash.getMessage().type">
+  <p>{{ flash.getMessage().message }}</p>
+</aside>
+    """
+    restrict: "E"
+    link: (scope) ->
+      scope.flash = Flash

data/app/assets/javascripts/hyper_admin/angularjs/directives/form/form_actions.js.coffee

@@ -0,0 +1,16 @@
+angular.module("hyperadmin")
+  .directive "formActions", ->
+    template: """
+<div class="form-group">
+  <div class="col-sm-offset-2 col-sm-10">
+    <button type="submit" class="btn btn-primary" ng-disabled="form.$invalid">
+      Submit
+    </button>
+    <a class="btn btn-danger" ui-sref="^">Cancel</a>
+  </div>
+</div>
+    """
+    restrict: "E"
+    scope:
+      cancelState: "=cancelState"
+      form: "=form"

data/app/assets/javascripts/hyper_admin/angularjs/directives/form/form_errors.js.coffee

@@ -0,0 +1,22 @@
+angular.module("hyperadmin")
+  .directive "formErrors", ->
+    template: """
+<section class="panel panel-danger" ng-if="errors">
+  <div class="panel-heading">
+    <h3 class="panel-title">Errors occurred</h3>
+  </div>
+
+  <div class="panel-body">
+    <div ng-repeat="(attr, messages) in errors">
+      <h4>{{ attr }}</h4>
+
+      <ul>
+        <li ng-repeat="message in messages">{{ message }}</li>
+      </ul>
+    </div>
+  </div>
+</section>
+    """
+    restrict: "E"
+    scope:
+      errors: "=errors"

data/app/assets/javascripts/hyper_admin/angularjs/directives/form/form_input.js.coffee

@@ -0,0 +1,18 @@
+angular.module("hyperadmin")
+  .directive "formInput", ->
+    template: """
+<div class="col-sm-10" ng-class="{ field_with_errors: !!errors }">
+  <ng-include src="type"></ng-include>
+  <span class="glyphicon glyphicon-remove form-control-feedback"></span>
+  <span class="help-block error" ng-show="!!errors" ng-repeat="error in errors">
+    {{ placeholder }} {{ error }}
+  </span>
+</div>
+    """
+    restrict: "E"
+    scope:
+      resource: "=resource"
+      name: "=attr"
+      placeholder: "=human"
+      errors: "=errors"
+      type: "=type"

data/app/assets/javascripts/hyper_admin/angularjs/directives/form/form_input_group.js.coffee

@@ -0,0 +1,23 @@
+angular.module("hyperadmin")
+  .directive "formInputGroup", ->
+    template: """
+<div class="form-group has-feedback"
+  ng-class="{ 'field_with_errors': !!errors }">
+  <label class="col-sm-2 control-label" for="{{ attr }}">
+    {{ human }}
+  </label>
+
+  <form-input attr="attr" human="human"
+    resource="resource" errors="errors"
+    type="type">
+  </form-input>
+</div>
+    """
+    restrict: "E"
+    scope:
+      resource: "=resource"
+      attribute: "=attribute"
+      attr: "=attr"
+      errors: "=errors"
+      human: "=human"
+      type: "=type"

data/app/assets/javascripts/hyper_admin/angularjs/directives/form/resource_form.js.coffee

@@ -0,0 +1,27 @@
+angular.module("hyperadmin")
+  .directive "resourceForm", ->
+    template: """
+<div class="row">
+  <div class="col-xs-12" ng-controller="FormCtrl as formCtrl">
+    <form-errors errors="formCtrl.errors"></form-errors> 
+
+    <form class="form-horizontal" name="form" ng-submit="formCtrl.submit()" novalidate>
+      <form-input-group ng-repeat="attribute in resourceClass.attributes"
+        resource="formCtrl.resource"
+        attr="attribute.key"
+        errors="formCtrl.errors[attribute.key]"
+        human="attribute.human"
+        type="attribute.type">
+      </form-input-group>
+
+      <form-actions form="form" cancel-state="resourceClass.plural"
+    </form>
+  </div>
+</div>
+    """
+    restrict: "E"
+    scope:
+      resourceClass: "=resourceClass"
+    controller: ($scope) ->
+      [ "id", "created_at", "updated_at" ].forEach (attr) ->
+        delete $scope.resourceClass.attributes[attr]

data/app/assets/javascripts/hyper_admin/angularjs/directives/page_header.js.coffee

@@ -0,0 +1,12 @@
+angular.module("hyperadmin")
+  .directive "pageHeader", ->
+    transclude: true
+    template: """
+<div class="row">
+  <div class="col-xs-12">
+    <header class="page-header" ng-transclude>
+    </header>
+  </div>
+</div>
+    """
+    restrict: "E"

data/app/assets/javascripts/hyper_admin/angularjs/directives/table/resource_table.js.coffee

@@ -0,0 +1,23 @@
+angular.module("hyperadmin")
+  .directive "resourceTable", ->
+    template: """
+<table class="table table-striped">
+  <thead>
+    <tr>
+      <th ng-repeat="attribute in resourceClass.attributes">
+        {{ attribute.human }}
+      </th>
+      <th>Actions</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr table-row attributes="resourceClass.attributes"
+      ng-repeat="resource in resources" resource="resource">
+    </tr>
+  </tbody>
+</table>
+    """
+    scope:
+      resourceClass: "="
+      resources: "="
+    restrict: "E"

data/app/assets/javascripts/hyper_admin/angularjs/directives/table/table_row.js.coffee

@@ -0,0 +1,18 @@
+angular.module("hyperadmin")
+  .directive "tableRow", ->
+    template: """
+<td ng-repeat="attribute in attributes">
+  <ng-include src="template(attribute)"></ng-include>
+</td>
+<td>
+  <a ui-sref=".show({ id: resource.id })">Show</a>
+  <a ui-sref=".edit({ id: resource.id })">Edit</a>
+  <a ui-sref=".show({ id: resource.id })" delete-link>Destroy</a>
+</td>
+    """
+    restrict: "A"
+    scope:
+      attributes: "="
+      resource: "="
+    link: (scope) ->
+      scope.template = (attr) -> "table-#{attr.type}"

data/app/assets/javascripts/hyper_admin/angularjs/filters/truncate.js.coffee

@@ -0,0 +1,8 @@
+angular.module("hyperadmin")
+  .filter "truncate", ->
+    (input, limit = 30) ->
+      return ''    unless input
+      return input unless input.length > limit
+
+      result = input.substring 0, limit - 1
+      result + "…"

data/app/assets/javascripts/hyper_admin/angularjs/services/flash.js.coffee

@@ -0,0 +1,15 @@
+angular.module("hyperadmin")
+  .factory "Flash", ($rootScope) ->
+    queue = []
+    currentMessage = { }
+
+    $rootScope.$on "$viewContentLoaded", ->
+      currentMessage = queue.shift() || { }
+
+    setMessage: (type, message) ->
+      queue.push
+        type: type
+        message: message
+
+    getMessage: ->
+      currentMessage

data/app/assets/javascripts/hyper_admin/angularjs/states.js.coffee

@@ -0,0 +1,37 @@
+angular.module("hyperadmin")
+  .config ($locationProvider, $stateProvider, $urlRouterProvider) ->
+    $locationProvider.html5Mode true
+
+    $stateProvider
+      .state "index",
+        url: "/admin/:pluralName"
+        templateUrl: (params) ->
+          "/admin/#{params.pluralName}.html"
+        controller: "IndexCtrl as indexCtrl"
+        resolve:
+          resourceClass: ($stateParams, Restangular) ->
+            Restangular.one("admin/resource_classes", $stateParams.pluralName).get()
+        data:
+          resource: "resource"
+      .state "index.new",
+        url: "/new"
+        templateUrl: (params) ->
+          "/admin/#{params.pluralName}/new.html"
+        controller: "NewCtrl as newCtrl"
+        data:
+          mode: "new"
+      .state "index.show",
+        url: "/:id"
+        templateUrl: (params) ->
+          "/admin/#{params.pluralName}/#{params.id}.html"
+        controller: "ShowCtrl as showCtrl"
+        data:
+          resource: "resource"
+      .state "index.edit",
+        url: "/:id/edit"
+        templateUrl: (params) ->
+          "/admin/#{params.pluralName}/#{params.id}/edit.html"
+        controller: "EditCtrl as editCtrl"
+        data:
+          resource: "resource"
+          mode: "edit"

data/app/assets/javascripts/hyper_admin/application.js.coffee

@@ -0,0 +1,8 @@
+#= require jquery
+#= require jquery_ujs
+#= require unstable/angular
+#= require angular-ui-router
+#= require lodash
+#= require restangular
+#= require ./angularjs/config
+#= require_tree ./angularjs

data/app/assets/stylesheets/hyper_admin/application.css.sass

@@ -0,0 +1 @@
+//= require hyper_admin/forms

data/app/assets/stylesheets/hyper_admin/forms.css.sass

@@ -0,0 +1,19 @@
+.form-control-feedback
+  visibility: hidden
+
+.field_with_errors
+  $error-color: #a94442
+  .control-label
+    color: $error-color
+
+  .form-control
+    border-color: $error-color
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
+
+  & + .form-control-feedback
+    color: $error-color
+    visibility: visible
+
+  & ~ .help-block.error
+    color: $error-color
+    display: block

data/app/controllers/hyper_admin/application_controller.rb

@@ -1,12 +1,4 @@
 module HyperAdmin
   class ApplicationController < ActionController::Base
-    before_action :load_all_resource_classes
-
-    protected
-
-    def load_all_resource_classes
-      collection = ::HyperAdmin.application.resources
-      @resource_classes = collection.resources.values.map(&:resource_class)
-    end
   end
 end

data/app/controllers/hyper_admin/resource_classes_controller.rb

@@ -0,0 +1,20 @@
+module HyperAdmin
+  class ResourceClassesController < ApplicationController
+    respond_to :json
+
+    def index
+      collection = ::HyperAdmin.application.resources
+      @resource_classes = collection.resources.values.map(&:resource_class)
+
+      respond_with @resource_classes
+    end
+
+    def show
+      collection = ::HyperAdmin.application.resources
+      resource_classes = collection.resources.values.map(&:resource_class)
+      @resource_class = resource_classes.find { |c| c.model_name.route_key == params[:id] }
+
+      respond_with @resource_class
+    end
+  end
+end

data/app/controllers/hyper_admin/resource_controller.rb

@@ -3,33 +3,41 @@ module HyperAdmin
     before_action :set_resource_class
     before_action :permit_params, only: [ :create, :update ]
 
+    before_action :set_layout, only: [ :index, :show, :new, :edit ]
+
     def index
       @resources = resource_class.all
-      render 'admin/resources/index', layout: layout
+      render 'admin/resources/index'
     end
 
     def show
       @resource = resource
-      render 'admin/resources/show', layout: layout
+      render 'admin/resources/show'
     end
 
     def new
       @resource = resource_class.new
-      render 'admin/resources/new', layout: layout
+      @attributes = @resource.attributes.delete_if do |k, v|
+        k.to_sym.in? [ :id, :created_at, :updated_at ]
+      end
+      render 'admin/resources/new'
     end
 
     def edit
       @resource = resource
-      render 'admin/resources/edit', layout: layout
+      @attributes = @resource.attributes.delete_if do |k, v|
+        k.to_sym.in? [ :id, :created_at, :updated_at ]
+      end
+      render 'admin/resources/edit'
     end
 
     def create
       @resource = @resource_class.new params[@resource_class.model_name.param_key]
 
       if @resource.save
-        redirect_to [ :admin, @resource ]
+        render json: @resource
       else
-        render "admin/resources/new", layout: layout
+        render json: @resource.errors, status: 422
       end
     end
 
@@ -37,9 +45,9 @@ module HyperAdmin
       @resource = @resource_class.find params[:id]
 
       if @resource.update params[@resource_class.model_name.param_key]
-        redirect_to [ :admin, @resource ]
+        render json: @resource
       else
-        render "admin/resources/edit", layout: layout
+        render json: @resource.errors, status: 422
       end
     end
 
@@ -48,7 +56,7 @@ module HyperAdmin
 
       @resource.destroy
 
-      redirect_to [ :admin, @resource_class ]
+      head 200
     end
 
     def resource
@@ -61,6 +69,10 @@ module HyperAdmin
 
     protected
 
+    def set_layout
+      self.class.layout ->{ request.xhr? ? false : 'hyper_admin/application' }
+    end
+
     def set_resource_class
       @resource_class = resource_class
     end
@@ -68,9 +80,5 @@ module HyperAdmin
     def permit_params
       params.permit!
     end
-
-    def layout
-      'hyper_admin/application'
-    end
   end
 end

data/app/views/admin/resources/_form.html.erb

@@ -1,27 +1,35 @@
-<div class="row">
-  <div class="col-xs-12">
-    <%= form_for [ :admin, resource ], html: { class: 'form-horizontal' } do |form| %>
-      <%
-        attributes = resource.attributes.delete_if do |k, v|
-          k.to_sym.in? [ :id, :created_at, :updated_at ]
-        end
-      %>
-      <% attributes.each do |key, val| %>
-        <div class="form-group">
-          <%= form.label key, class: "col-sm-2 control-label" %>
-          <div class="col-sm-10">
-            <%= form.text_field key, class: "form-control",
-              placeholder: resource_class.human_attribute_name(key) %>
-          </div>
-        </div>
-      <% end %>
+<script type="text/ng-template" id="date">
+  <input class="form-control" name="{{ name }}" type="date"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+</script>
 
-      <div class="form-group">
-        <div class="col-sm-offset-2 col-sm-10">
-          <button type="submit" class="btn btn-primary">Submit</button>
-          <%= link_to "Cancel", [ :admin, resource_class ], class: "btn btn-danger" %>
-        </div>
-      </div>
-    <% end %>
-  </div>
-</div>
+<script type="text/ng-template" id="datetime">
+  <input class="form-control" name="{{ name }}" type="datetime-local"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+</script>
+
+<script type="text/ng-template" id="email">
+  <input class="form-control" name="{{ name }}" type="email"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+</script>
+
+<script type="text/ng-template" id="integer">
+  <input class="form-control" name="{{ name }}" type="number"
+    placeholder="{{ placeholder }}" ng-model="resource[name]" step="1">
+</script>
+
+<script type="text/ng-template" id="string">
+  <input class="form-control" name="{{ name }}" type="text"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+</script>
+
+<script type="text/ng-template" id="text">
+  <textarea class="form-control" name="{{ name }}"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+  </textarea>
+</script>
+
+<script type="text/ng-template" id="url">
+  <input class="form-control" name="{{ name }}" type="url"
+    placeholder="{{ placeholder }}" ng-model="resource[name]">
+</script>

data/app/views/admin/resources/_resource.json.jbuilder

@@ -0,0 +1,3 @@
+resource.attributes.each do |attr, value|
+  json.set! attr, value
+end

data/app/views/admin/resources/edit.html.erb

@@ -1,9 +1,8 @@
-<div class="row">
-  <div class="col-xs-12">
-    <header class="page-header">
-      <h1>Edit <%= @resource_class.model_name.singular %></h1>
-    </header>
-  </div>
-</div>
+<page-header>
+  <h1>Edit {{ editCtrl.resource_class.singular }}</h1>
+</page-header>
 
-<%= render "admin/resources/form", resource_class: @resource_class, resource: @resource %>
+<resource-form resource-class="editCtrl.resource_class">
+</resource-form>
+
+<%= render "admin/resources/form" %>