admin_help 0.1.4 → 0.1.5

data/app/controllers/admin_help_controller.rb

@@ -0,0 +1,2 @@
+class AdminHelpController < ActionController::Base
+end

data/app/controllers/frontend_controller.rb

@@ -0,0 +1,8 @@
+class FrontendController < ActionController::Base
+  layout 'frontend/frontend'
+  def index
+  end
+
+  def buttons
+  end
+end

data/app/views/frontend/buttons.html.erb

@@ -0,0 +1,78 @@
+<div>
+    <h3>1、基本按钮</h3>
+    <%
+    flat_buttons = %{
+        <button class="ui button primary">Button</button>
+        <button class="ui button warning">Button</button>
+        <button class="ui button danger">Button</button>
+        <button class="ui button royal">Button</button>
+        <button class="ui button info">Button</button>
+    }
+     %>
+    <%= flat_buttons.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= flat_buttons %>
+    </pre>
+</div>
+<div>
+    <h3>2、链接按钮</h3>
+    <%
+    flat_buttons = %{
+        <a href="#" class="ui button primary">Button</a>
+        <a href="#" class="ui button warning">Button</a>
+        <a href="#" class="ui button danger">Button</a>
+        <a href="#" class="ui button royal">Button</a>
+        <a href="#" class="ui button info">Button</a>
+    }
+     %>
+    <%= flat_buttons.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= flat_buttons %>
+    </pre>
+</div>
+<div>
+    <h3>3、按钮形状</h3>
+    <%
+    flat_buttons = %{
+        <a href="#" class="ui button round primary">Button</a>
+        <a href="#" class="ui button round warning">Button</a>
+        <a href="#" class="ui button round danger">Button</a>
+        <a href="#" class="ui button round royal">Button</a>
+        <a href="#" class="ui button round info">Button</a>
+    }
+     %>
+    <%= flat_buttons.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= flat_buttons %>
+    </pre>
+</div>
+<div>
+    <h3>4、标签按钮</h3>
+    <%
+    flat_buttons = %{
+        <a href="#" class="ui button tiny primary">Button</a>
+        <a href="#" class="ui button tiny warning">Button</a>
+        <a href="#" class="ui button tiny danger">Button</a>
+        <a href="#" class="ui button tiny royal">Button</a>
+        <a href="#" class="ui button tiny info">Button</a>
+    }
+     %>
+    <%= flat_buttons.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= flat_buttons %>
+    </pre>
+</div>
+<div>
+    <h3>5、图标按钮</h3>
+    <%
+    flat_buttons = %{
+        <a href="#" class="ui button tiny primary" ><i class="ai ai-file"></i></a>
+        <a href="#" class="ui button tiny warning" ><i class="ai ai-pencil"></i></a>
+        <a href="#" class="ui button tiny danger" ><i class="ai ai-times"></i></a>
+    }
+     %>
+    <%= flat_buttons.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= flat_buttons %>
+    </pre>
+</div>

data/app/views/frontend/paginate.html.erb

@@ -0,0 +1,32 @@
+<div>
+    <h3>分页</h3>
+    <%
+    paginate = %{
+        <nav class="pagination" role="navigation" aria-label="pager">
+
+          <span class="page prev"><a rel="prev" href="#"><i class="ai ai-prev"></i></a></span>
+
+          <span class="page"><a href="#">1</a></span>
+
+          <span class="page gap"><i class="ai ai-shenglve"></i></span>
+
+          <span class="page"><a rel="prev" href="#">5</a></span>
+
+          <span class="page current">6</span>
+
+          <span class="page"><a rel="next" href="#">7</a></span>
+
+          <span class="page gap"><i class="ai ai-shenglve"></i></span>
+
+          <span class="page"><a href="#">13</a></span>
+
+          <span class="page next"><a href="#"><i class="ai ai-next"></i></a></span>
+
+        </nav>
+    }
+     %>
+    <%= paginate.html_safe %>
+    <pre style="margin-left: -60px;">
+    <%= paginate %>
+    </pre>
+</div>

data/app/views/frontend/table.html.erb

@@ -0,0 +1,34 @@
+<%
+table_htmls = %{
+  <table class="">
+    <thead>
+      <tr>
+        <th>应用名称</th>
+        <th>状态</th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <tr>
+        <td>内容</td>
+        <td>内容</td>
+      </tr>
+      <tr>
+        <td>内容</td>
+        <td>内容</td>
+      </tr>
+      <tr>
+        <td>内容</td>
+        <td>内容</td>
+      </tr>
+    </tbody>
+  </table>
+}
+
+%>
+
+<%= table_htmls.html_safe %>
+
+<pre>
+<%= table_htmls %>
+</pre>

data/app/views/layouts/frontend/frontend.html.erb

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>AdminHelp</title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0,
+        maximum-scale=1.0, user-scalable=no">
+
+    <%= stylesheet_link_tag    'admin_help', media: 'all', 'data-turbolinks-track': 'reload' %>
+    <%= javascript_include_tag 'admin_help', 'data-turbolinks-track': 'reload' %>
+    <%= yield :stylesheets %>
+  </head>
+
+  <body>
+    <%= render file: "layouts/frontend/header" %>
+    <content>
+      <%= render file: "layouts/frontend/left_nav" %>
+      <article>
+        <div class="panel">
+          <div class="panel-max">
+            <%= render file: "layouts/frontend/flash" %>
+            <%= yield %>
+          </div>
+        </div>
+      </article>
+    </content>
+    <%= yield :javascripts %>
+  </body>
+</html>

data/app/views/layouts/frontend/header.html.erb

@@ -0,0 +1,3 @@
+<ul class="nav">
+  <li><a class="active" id="nav_pin">登录</a></li>
+</ul>

data/app/views/layouts/frontend/left_nav.html.erb

@@ -0,0 +1,29 @@
+<aside>
+  <a class="logo" href="/frontend">UI框架</a>
+  <ul>
+    <li class="nav-item">
+      <a href="javascript:;"><i class="ai ai-app"></i>组件</a>
+      <dl>
+        <dd class="<%= 'active' if request.fullpath =~ /frontend\/buttons/ %>">
+          <a href="/frontend/buttons/">按钮</a>
+        </dd>
+        <dd class="<%= 'active' if request.fullpath =~ /frontend\/table/ %>">
+          <a href="/frontend/table/">表格</a>
+        </dd>
+        <dd class="<%= 'active' if request.fullpath =~ /frontend\/paginate/ %>">
+          <a href="/frontend/paginate/">分页</a>
+        </dd>
+      </dl>
+    </li>
+    <li class="<%= 'active' if request.fullpath =~ /frontend\/paginate/ %>">
+      <a href="/frontend/paginate/"><i class="ai ai-cube"></i>分页</a>
+    </li>
+  </ul>
+</aside>
+
+<script>
+  $(".nav-item").click(function(){
+    $(this).toggleClass("nav-item-open");
+  })
+  $(".active").parent().parent().addClass("nav-item-open")
+</script>

data/config/routes.rb

@@ -0,0 +1,24 @@
+Rails.application.routes.draw do
+    get 'frontend' => 'frontend#index'
+    get 'frontend/buttons' => 'frontend#buttons'
+    # get 'frontend/charts' => 'frontend#charts'
+    # get 'frontend/form' => 'frontend#form'
+    # get 'frontend/grid' => 'frontend#grid'
+    # get 'frontend/icons' => 'frontend#icons'
+    # get 'frontend/information' => 'frontend#information'
+    # get 'frontend/label' => 'frontend#label'
+    # get 'frontend/left_subnav' => 'frontend#left_subnav'
+    # get 'frontend/left_tree' => 'frontend#left_tree'
+    # get 'frontend/markdown' => 'frontend#markdown'
+    get 'frontend/paginate' => 'frontend#paginate'
+    # get 'frontend/panel' => 'frontend#panel'
+    get 'frontend/table' => 'frontend#table'
+    # get 'frontend/template' => 'frontend#template'
+    # get 'frontend/title' => 'frontend#title'
+    # get 'frontend/tree' => 'frontend#tree'
+    # get 'frontend/login' => 'frontend#login'
+    # get 'frontend/login_particle' => 'frontend#login_particle'
+    # get 'frontend/float_panel' => 'frontend#float_panel'
+    # get 'frontend/float_panel_html' => 'frontend#float_panel_html'
+
+  end

data/lib/admin_help/engine.rb

@@ -1,6 +1,10 @@
 module AdminHelp
   module Rails
     class Engine < ::Rails::Engine
+      config.assets.precompile += %w(
+        admin_help.css
+        admin_help.js
+      )
     end
   end
 end

data/lib/admin_help/version.rb

@@ -1,3 +1,3 @@
 module AdminHelp
-  VERSION = "0.1.4"
+  VERSION = "0.1.5"
 end

data/lib/generators/admin/scaffold_controller/templates/views/erb/_form.html.erb.erb

@@ -1,39 +1,14 @@
-<%%= form_with(model: <%= "[:#{prefix}, #{singular_table_name}]" %>, local: true) do |form| %>
-  <%% if @<%= singular_table_name %>.errors.any? %>
-    <div id="error_explanation">
-      <h2>请检查下面的<%%= @<%= singular_table_name %>.errors.count %>个错误之后重试:</h2>
+<%%= simple_form_for(<%= "[:#{prefix}, #{singular_table_name}]" %>) do |f| %>
+  <%%= f.error_notification %>
 
-      <ul>
-      <%% @<%= singular_table_name %>.errors.full_messages.each do |message| %>
-        <li><%%= message %></li>
-      <%% end %>
-      </ul>
-    </div>
-  <%% end %>
-
-<% attributes.each do |attribute| -%>
-  <div class="field">
-<% if attribute.password_digest? -%>
-    <%%= form.label :password %>
-    <%%= form.password_field :password %>
-</div>
-  <div>
-    <%%= form.label :password_confirmation %>
-    <%%= form.password_field :password_confirmation %>
-<% else -%>
-  <% if attribute.reference? -%>
-  <%%= form.label :<%= attribute.column_name %> %>
-    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %> %>
-  <% else -%>
-  <%%= form.label :<%= attribute.name %> %>
-    <%%= form.<%= attribute.field_type %> :<%= attribute.name %> %>
-  <% end -%>
-<% end -%>
-</div>
+  <div class="inputs">
+  <%- attributes.each do |attribute| -%>
+    <%%= f.<%= attribute.reference? ? :association : :input %> :<%= attribute.name %> %>
+  <%- end -%>
+  </div>
 
-<% end -%>
   <div class="actions">
-    <%%= form.button t('buttons.save'), data: { disable_with: "保存中..." }, class: "button button--primary" %>
-    <%%= link_to t('buttons.cancel'), <%= prefixed_index_helper %>_path, class: "button button--info" %>
+    <%%= f.submit t('buttons.save'), data: { disable_with: "保存中..." }, class: "ui button primary" %>
+    <%%= link_to t('buttons.cancel'), <%= prefixed_index_helper %>_path, class: "ui button" %>
   </div>
 <%% end %>

data/lib/generators/admin/scaffold_controller/templates/views/erb/edit.html.erb.erb

@@ -1,5 +1,2 @@
-<div class="panel">
-  <h1><%%= t('actions.edit') + <%= singular_table_name.classify %>.model_name.human %></h1>
-
-  <%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>
-<div>
+<h1><%%= t('actions.edit') + <%= singular_table_name.classify %>.model_name.human %></h1>
+<%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>

data/lib/generators/admin/scaffold_controller/templates/views/erb/index.html.erb.erb

@@ -1,33 +1,26 @@
-<div class="panel">
-  <h1 class="title--actions">
-    <%%= <%= singular_table_name.classify %>.model_name.human %>
-    <%%= link_to t('actions.new') + <%= singular_table_name.classify %>.model_name.human, new_<%= prefixed_plain_model_url %>_path, class: "button button--primary" %>
-  </h1>
-
-  <table class="table table--horizontal">
-    <thead>
-      <tr>
-  <% attributes.reject(&:password_digest?).each do |attribute| -%>
-        <th><%%= <%= singular_table_name.classify %>.human_attribute_name(:<%= attribute.name %>) %></th>
-  <% end -%>
-        <th></th>
-      </tr>
-    </thead>
-
-    <tbody>
-      <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %>
-        <tr>
+<div class="panel-header"><%%= link_to t('actions.new') + <%= singular_table_name.classify %>.model_name.human, new_<%= prefixed_plain_model_url %>_path, class: "ui button primary" %></div>
+<table>
+  <thead>
+    <tr>
   <% attributes.reject(&:password_digest?).each do |attribute| -%>
-          <td><%%= <%= singular_table_name %>.<%= attribute.name %> %></td>
+      <th><%%= <%= singular_table_name.classify %>.human_attribute_name(:<%= attribute.name %>) %></th>
   <% end -%>
-          <td>
-            <%%= link_to <%= "[:#{prefix}, #{singular_table_name}]" %>, title: t('actions.show'), class: "button--tiny button--primary" do -%><i class="fa fa-file"></i><%% end %>
-            <%%= link_to edit_<%= prefixed_plain_model_url %>_path(<%= singular_table_name %>), title: t('actions.edit'), class: "button--tiny button--warning" do -%><i class="fa fa-pencil"></i><%% end %>
-            <%%= link_to <%= "[:#{prefix}, #{singular_table_name}]" %>, method: :delete, data: { confirm: 'Are you sure?' }, title: t('actions.destroy'), class: "button--tiny button--danger" do -%><i class="fa fa-times"></i><%% end %>
-          </td>
-        </tr>
-      <%% end %>
-    </tbody>
-  </table>
+      <th></th>
+    </tr>
+  </thead>
 
-</div>
+  <tbody>
+    <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %>
+      <tr>
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+        <td><%%= <%= singular_table_name %>.<%= attribute.name %> %></td>
+<% end -%>
+        <td>
+          <%%= link_to <%= "[:#{prefix}, #{singular_table_name}]" %>, class: "ui button tiny primary tooltip" do -%><span class="tooltiptext"><%%= t('actions.show') %></span><i class="ai ai-file"></i><%% end %>
+          <%%= link_to edit_<%= prefixed_plain_model_url %>_path(<%= singular_table_name %>), class: "ui button tiny warning tooltip" do -%><span class="tooltiptext"><%%= t('actions.edit') %></span><i class="ai ai-pencil"></i><%% end %>
+          <%%= link_to <%= "[:#{prefix}, #{singular_table_name}]" %>, method: :delete, data: { confirm: 'Are you sure?' }, class: "ui button tiny danger tooltip" do -%><span class="tooltiptext"><%%= t('actions.destroy') %></span><i class="ai ai-times"></i><%% end %>
+        </td>
+      </tr>
+    <%% end %>
+  </tbody>
+</table>

data/lib/generators/admin/scaffold_controller/templates/views/erb/new.html.erb.erb

@@ -1,5 +1,2 @@
-<div class="panel">
-  <h1><%%= t('actions.new') + <%= singular_table_name.classify %>.model_name.human %></h1>
-
-  <%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>
-</div>
+<h1><%%= t('actions.new') + <%= singular_table_name.classify %>.model_name.human %></h1>
+<%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>

data/lib/generators/admin/scaffold_controller/templates/views/erb/show.html.erb.erb

@@ -1,23 +1,22 @@
-<div class="panel">
-  <table class="table table--vertical">
-    <thead>
-      <tr>
-        <th style="width:30%">属性</th>
-        <th>值</th>
-      </tr>
-    </thead>
+<table>
+  <thead>
+    <tr>
+      <th style="width:30%">属性</th>
+      <th>值</th>
+    </tr>
+  </thead>
 
-    <tbody>
-  <% attributes.reject(&:password_digest?).each do |attribute| %>
-      <tr>
-        <th><%%= <%= singular_table_name.classify %>.human_attribute_name(:<%= attribute.name %>) %>:</th>
-        <td><%%= @<%= singular_table_name %>.<%= attribute.name %> %></td>
-      </tr>
-  <% end %>
-    </tbody>
-  </table>
-  <div class="actions">
-    <%%= link_to t('actions.edit'), edit_<%= prefixed_plain_model_url %>_path(@<%= singular_table_name %>), class: "button button--primary" %>
-    <%%= link_to t('buttons.back'), <%= prefixed_index_helper %>_path, class: "button button--info" %>
-  </div>
+  <tbody>
+<% attributes.reject(&:password_digest?).each do |attribute| %>
+    <tr>
+      <th><%%= <%= singular_table_name.classify %>.human_attribute_name(:<%= attribute.name %>) %>:</th>
+      <td><%%= @<%= singular_table_name %>.<%= attribute.name %> %></td>
+    </tr>
+<% end %>
+  </tbody>
+</table>
+<div class="actions">
+  <%%= link_to t('actions.edit'), edit_<%= prefixed_plain_model_url %>_path(@<%= singular_table_name %>), class: "ui button primary" %>
+  <%%= link_to t('buttons.back'), <%= prefixed_index_helper %>_path, class: "ui button" %>
 </div>
+