hyper_admin 0.2.0 → 0.3.0

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

@@ -1,39 +1,50 @@
-<div class="row">
-  <div class="col-xs-12">
-    <header class="page-header">
-      <div class="pull-right">
-        <%= link_to "Create new",[ :new, :admin, @resource_class.model_name.singular_route_key ], class: "btn btn-lg btn-success" %>
-      </div>
-      <h1>All <%= @resource_class.model_name.plural %></h1>
-    </header>
-  </div>
-</div>
-
-<div class="row">
-  <div class="col-xs-12">
-    <table class="table table-striped">
-      <thead>
-        <tr>
-          <% @resource_class.attribute_names.each do |attr| %>
-            <th><%= @resource_class.human_attribute_name attr %></th>
-          <% end %>
-          <th>&nbsp;</th>
-        </tr>
-      </thead>
-      <tbody>
-        <% @resources.each do |resource| %>
-          <tr>
-            <% resource.attributes.values.each do |attr| %>
-              <td><%= attr %></th>
-            <% end %>
-            <td>
-              <%= link_to "Show", [ :admin, resource ] %>
-              <%= link_to "Edit", [ :edit, :admin, resource ] %>
-              <%= link_to "Destroy", [ :admin, resource ], method: :delete %>
-            </td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
+<ui-view>
+  <page-header>
+    <div class="pull-right">
+      <a class="btn btn-lg btn-success" ui-sref=".new">
+        Create new
+      </a>
+    </div>
+    <h1>All {{ indexCtrl.resource_class.plural }}</h1>
+  </page-header>
+
+  <div class="row">
+    <div class="col-xs-12">
+      <resource-table resource-class="indexCtrl.resource_class"
+        resources="indexCtrl.resources">
+      </resource-table>
+    </div>
   </div>
-</div>
+</ui-view>
+
+<script type="text/ng-template" id="table-date">
+  {{ resource[attribute.key] | date }}
+</script>
+
+<script type="text/ng-template" id="table-datetime">
+  {{ resource[attribute.key] | date:'medium' }}
+</script>
+
+<script type="text/ng-template" id="table-email">
+  <a href="mailto:{{ resource[attribute.key] }}">
+    {{ resource[attribute.key] }}
+  </a>
+</script>
+
+<script type="text/ng-template" id="table-integer">
+  {{ resource[attribute.key] }}
+</script>
+
+<script type="text/ng-template" id="table-string">
+  {{ resource[attribute.key] | truncate }}
+</script>
+
+<script type="text/ng-template" id="table-text">
+  {{ resource[attribute.key] | truncate }}
+</script>
+
+<script type="text/ng-template" id="table-url">
+  <a href="{{ resource[attribute.key] }}" target="_blank">
+    {{ resource[attribute.key] | truncate }}
+  </a>
+</script>

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

@@ -0,0 +1,3 @@
+json.array! @resources do |resource|
+  json.partial! 'admin/resources/resource', resource: resource
+end

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

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

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

@@ -1,25 +1,60 @@
-<div class="row">
-  <div class="col-xs-12">
-    <header class="page-header">
-      <div class="pull-right">
-        <%= link_to "Edit", [ :edit, :admin, @resource ], class: "btn btn-lg btn-default" %>
-        <%= link_to "Destroy", [ :admin, @resource ], class: "btn btn-lg btn-danger", method: :delete %>
-      </div>
-
-      <h1><%= @resource.to_s %></h1>
-    </header>
+<page-header>
+  <div class="pull-right">
+    <a class="btn btn-lg btn-default" ui-sref="^.edit({ id: showCtrl.resource.id })">
+      Edit
+    </a>
+    <a class="btn btn-lg btn-danger" ui-sref="^.show({ id: showCtrl.resource.id })" delete-link>
+      Destroy
+    </a>
   </div>
-</div>
+
+  <h1>{{ showCtrl.resource_class.singular_human }} #{{ showCtrl.resource.id }}</h1>
+</page-header>
 
 <div class="row">
   <div class="col-xs-12">
     <div class="well">
       <dl class="dl-horizontal">
-        <% @resource.attributes.each do |key, value| %>
-          <dt><%= @resource_class.human_attribute_name key %></dt>
-          <dd><%= value %></dd>
-        <% end %>
+        <dt ng-repeat-start="attribute in showCtrl.resource_class.attributes">
+          {{ attribute.human }}
+        </dt>
+        <dd ng-repeat-end>
+          <ng-include src="showCtrl.template(attribute)"></ng-include>
+        </dd>
       </dl>
     </div>
   </div>
 </div>
+
+<script type="text/ng-template" id="show-date">
+  {{ showCtrl.resource[attribute.key] | date:'longDate' }}
+</script>
+
+<script type="text/ng-template" id="show-datetime">
+  {{ showCtrl.resource[attribute.key] | date:'longDate' }}
+  {{ showCtrl.resource[attribute.key] | date:'mediumTime' }}
+</script>
+
+<script type="text/ng-template" id="show-email">
+  <a href="mailto:{{ showCtrl.resource[attribute.key] }}">
+    {{ showCtrl.resource[attribute.key] }}
+  </a>
+</script>
+
+<script type="text/ng-template" id="show-integer">
+  {{ showCtrl.resource[attribute.key] }}
+</script>
+
+<script type="text/ng-template" id="show-string">
+  {{ showCtrl.resource[attribute.key] }}
+</script>
+
+<script type="text/ng-template" id="show-text">
+  {{ showCtrl.resource[attribute.key] }}
+</script>
+
+<script type="text/ng-template" id="show-url">
+  <a href="{{ showCtrl.resource[attribute.key] }}" target="_blank">
+    {{ showCtrl.resource[attribute.key] }}
+  </a>
+</script>

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

@@ -0,0 +1 @@
+json.partial! 'admin/resources/resource', resource: @resource

data/app/views/hyper_admin/resource_classes/index.json.jbuilder

@@ -0,0 +1,23 @@
+def infer_type_from_attribute(resource_class, attribute)
+  return :email if attribute == "email"
+  return :url   if attribute == "url"
+
+  resource_class.columns_hash[attribute].type
+end
+
+json.array! @resource_classes do |resource_class|
+  json.menu_label resource_class.model_name.human(count: 2)
+  json.singular resource_class.model_name.singular
+  json.singular_human resource_class.model_name.human(count: 1)
+  json.plural resource_class.model_name.plural
+  json.plural_human resource_class.model_name.human(count: 2)
+
+  attributes = resource_class.attribute_names.map do |attr|
+    {
+      key: attr,
+      human: resource_class.human_attribute_name(attr),
+      type: infer_type_from_attribute(resource_class, attr)
+    }
+  end
+  json.attributes attributes
+end

data/app/views/hyper_admin/resource_classes/show.json.jbuilder

@@ -0,0 +1,21 @@
+def infer_type_from_attribute(resource_class, attribute)
+  return :email if attribute == "email"
+  return :url   if attribute == "url"
+
+  resource_class.columns_hash[attribute].type
+end
+
+json.menu_label @resource_class.model_name.human(count: 2)
+json.singular @resource_class.model_name.singular
+json.singular_human @resource_class.model_name.human(count: 1)
+json.plural @resource_class.model_name.plural
+json.plural_human @resource_class.model_name.human(count: 2)
+
+attributes = @resource_class.attribute_names.map do |attr|
+  {
+    key: attr,
+    human: @resource_class.human_attribute_name(attr),
+    type: infer_type_from_attribute(@resource_class, attr)
+  }
+end
+json.attributes attributes

data/app/views/layouts/hyper_admin/application.html.erb

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html ng-app="hyperadmin">
   <head>
     <title>HyperAdmin</title>
 
@@ -9,26 +9,30 @@
 
     <%= csrf_meta_tags %>
   </head>
-  <body>
+  <body ng-controller="MainCtrl as mainCtrl">
 
-    <nav class="navbar navbar-default">
+    <nav class="navbar navbar-default" ng-controller="NavbarCtrl as navbarCtrl">
       <div class="container-fluid">
         <div class="navbar-header">
           <a class="navbar-brand" href="/admin">Admin</a>
 
           <ul class="nav navbar-nav">
-            <% @resource_classes.each do |resource_class| %>
-              <li class="<%= "active" if params[:controller] == "admin/#{resource_class.model_name.plural}" %>">
-                <%= link_to resource_class.model_name.human(count: 2), [ :admin, resource_class ] %>
-              </li>
-            <% end %>
+            <li ng-repeat="resource in navbarCtrl.resources" ui-sref-active="active">
+              <a ui-sref="index({ pluralName: resource.list_state })">{{ resource.label }}</a>
+            </li>
           </ul>
         </div>
       </div>
     </nav>
 
     <div class="container-fluid">
-      <%= yield %>
+      <div class="row">
+        <div class="col-xs-12">
+          <flash-messages></flash-messages>
+        </div>
+      </div>
+
+      <ui-view></ui-view>
     </div>
 
   </body>

data/config/routes.rb

@@ -1,2 +1,3 @@
 HyperAdmin::Engine.routes.draw do
+  resources :resource_classes, only: %i(index show)
 end

data/lib/hyper_admin/version.rb

@@ -1,3 +1,3 @@
 module HyperAdmin
-  VERSION = '0.2.0'
+  VERSION = '0.3.0'
 end

data/lib/hyper_admin.rb

@@ -1,3 +1,5 @@
+require 'angularjs-rails'
+require 'jbuilder'
 require 'jquery-rails'
 
 require 'hyper_admin/engine'

data/spec/dummy/app/models/person.rb

@@ -1,2 +1,5 @@
 class Person < ActiveRecord::Base
+  def to_s
+    [ first_name, last_name ].compact.join " "
+  end
 end

data/spec/dummy/config/locales/en.yml

@@ -42,8 +42,12 @@ en:
         <<: *common
         title: Title
         body: Body text
+        published_at: Publication date
 
       person:
         <<: *common
         first_name: First name
         last_name: Last name
+        email: E-mail address
+        url: Website
+        birthday: Date of birth

data/spec/dummy/config/routes.rb

@@ -1,3 +1,5 @@
 Rails.application.routes.draw do
   HyperAdmin.routes self
+
+  mount HyperAdmin::Engine, at: '/admin'
 end

data/spec/dummy/db/migrate/20140916195117_add_published_at_to_articles.rb

@@ -0,0 +1,5 @@
+class AddPublishedAtToArticles < ActiveRecord::Migration
+  def change
+    add_column :articles, :published_at, :datetime
+  end
+end

data/spec/dummy/db/migrate/20140916210918_add_email_to_people.rb

@@ -0,0 +1,5 @@
+class AddEmailToPeople < ActiveRecord::Migration
+  def change
+    add_column :people, :email, :string
+  end
+end

data/spec/dummy/db/migrate/20140916211114_add_url_to_people.rb

@@ -0,0 +1,5 @@
+class AddUrlToPeople < ActiveRecord::Migration
+  def change
+    add_column :people, :url, :string
+  end
+end

data/spec/dummy/db/migrate/20140916211657_add_birthday_to_people.rb

@@ -0,0 +1,5 @@
+class AddBirthdayToPeople < ActiveRecord::Migration
+  def change
+    add_column :people, :birthday, :date
+  end
+end

data/spec/dummy/db/schema.rb

@@ -11,13 +11,14 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 20140826220715) do
+ActiveRecord::Schema.define(version: 20140916211657) do
 
   create_table "articles", force: true do |t|
     t.string   "title"
     t.text     "body"
     t.datetime "created_at"
     t.datetime "updated_at"
+    t.datetime "published_at"
   end
 
   create_table "people", force: true do |t|
@@ -25,6 +26,9 @@ ActiveRecord::Schema.define(version: 20140826220715) do
     t.string   "last_name"
     t.datetime "created_at"
     t.datetime "updated_at"
+    t.string   "email"
+    t.string   "url"
+    t.date     "birthday"
   end
 
 end