kadim 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cfb2766e697bcfdfec4e606aca5398f9f4ff673d3cd06daf91bc415609d3fe94
-  data.tar.gz: 1e2a9a1cc54e158157492e54db31b7391d31ab8cf5bbb96fc910198c3337a118
+  metadata.gz: 969b2f040793f3267751ee1fcb3a66ca7fa7378858a21259a1ac882b68fec8c8
+  data.tar.gz: 05e6d286c7780728b386de66614001b4f530be45a3b83e808637262d43091f63
 SHA512:
-  metadata.gz: 742c0dc9e953a303c4105e16bb5e9a32c41d19949046dd309f913071e9fdbfd806ac5f21df4793e84cc1273a8bda348eb3b56dda8e0fb34184f5277dfd406a7d
-  data.tar.gz: f9d5722c64dc28cac554d1bce33ad942e6fc9140e9b0189191556852fc6d20d2868f62f133899bf674b436a773136c012015aa83c7abc11a136b4c5a64ad2df2
+  metadata.gz: 7be33523c6f406d972622515396d83145f45287afa7acb5c3d0e74e48517d167ae44594f667216956c934af0d86fcbe60c1c2a2f45bb75f54b6cbfdabf407a11
+  data.tar.gz: f30402ebcd1bf3f1cfb43ed37da84ae4080972450eb29d81bf6e9ed484bf117de2c3453012d758523a05d418033899f835d87b0f1e28e5851576e07575a0c987

data/README.md

@@ -17,6 +17,18 @@ allows you to run kadim in environments with ephemeral file systems, like [herok
 
 Just follow the [Installation](#installation) section and access http://localhost:3000/kadim
 
+### [bulma.io](https://bulma.io) layout
+If you want a more beautiful view, add the following to your configuration file:
+
+```ruby
+# config/initializers/kadim.rb
+Kadim.configure do |config|
+  config.layout = :bulma
+end
+```
+
+![kadim with bulma](kadim.png)
+
 ### ActiveStorage support
 If we detect that you have S3, GCS or Azure Storage configured we will use
 [Direct Uploads](https://edgeguides.rubyonrails.org/active_storage_overview.html#direct-uploads) by default. If you are
@@ -95,7 +107,7 @@ And access http://localhost:3000/kadim
 - [x] Tasks to copy files form kadim to the hosted application
 - [x] Add support to ActiveStorage attachments
 - [ ] Add support to belongs_to relationships
-- [ ] Add a beautiful look and feel
+- [x] Add a beautiful look and feel
 
 ## License
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/javascripts/kadim/application.js

@@ -1,4 +1,4 @@
 //= require rails-ujs
 //= require activestorage
 //= require activestorage-resumable
-//= require_tree .
+//= require_directory .

data/app/assets/javascripts/kadim/bulma/application.js

@@ -0,0 +1,22 @@
+//= require rails-ujs
+//= require activestorage
+//= require activestorage-resumable
+//= require_tree .
+
+document.addEventListener('DOMContentLoaded', () => {
+  (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
+    const $notification = $delete.parentNode
+    $delete.addEventListener('click', () => {
+      $notification.parentNode.removeChild($notification)
+    })
+  })
+});
+
+(function () {
+  var burger = document.querySelector('.burger')
+  var menu = document.querySelector('#' + burger.dataset.target)
+  burger.addEventListener('click', function () {
+    burger.classList.toggle('is-active')
+    menu.classList.toggle('is-active')
+  })
+})()

data/app/assets/javascripts/kadim/bulma/direct_upload.js

@@ -0,0 +1,36 @@
+addEventListener('direct-upload:initialize', event => {
+  const { target, detail } = event
+  const { id, file } = detail
+  target.insertAdjacentHTML('beforebegin', `
+    <div id="direct-upload-${id}" class="direct-upload direct-upload--pending">
+      <span>${file.name}</span>
+      <progress id="direct-upload-progress-${id}" class="progress" value="0" max="100"></progress>
+    </div>
+  `)
+})
+
+addEventListener('direct-upload:start', event => {
+  const { id } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.remove('direct-upload--pending')
+})
+
+addEventListener('direct-upload:progress', event => {
+  const { id, progress } = event.detail
+  const progressElement = document.getElementById(`direct-upload-progress-${id}`)
+  progressElement.value = Math.round(progress)
+})
+
+addEventListener('direct-upload:error', event => {
+  event.preventDefault()
+  const { id, error } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.add('direct-upload--error')
+  element.setAttribute('title', error)
+})
+
+addEventListener('direct-upload:end', event => {
+  const { id } = event.detail
+  const element = document.getElementById(`direct-upload-${id}`)
+  element.classList.add('direct-upload--complete')
+})

data/app/assets/javascripts/kadim/bulma/resumable_upload.js

@@ -0,0 +1,36 @@
+addEventListener('resumable-upload:initialize', event => {
+  const { target, detail } = event
+  const { id, file } = detail
+  target.parentNode.parentNode.insertAdjacentHTML('beforebegin', `
+    <div id="resumable-upload-${id}" class="resumable-upload resumable-upload--pending">
+      <span>${file.name}</span>
+      <progress id="resumable-upload-progress-${id}" class="progress" value="0" max="100"></progress>
+    </div>
+  `)
+})
+
+addEventListener('resumable-upload:start', event => {
+  const { id } = event.detail
+  const element = document.getElementById(`resumable-upload-${id}`)
+  element.classList.remove('resumable-upload--pending')
+})
+
+addEventListener('resumable-upload:progress', event => {
+  const { id, progress } = event.detail
+  const progressElement = document.getElementById(`resumable-upload-progress-${id}`)
+  progressElement.value = Math.round(progress)
+})
+
+addEventListener('resumable-upload:error', event => {
+  event.preventDefault()
+  const { id, error } = event.detail
+  const element = document.getElementById(`resumable-upload-${id}`)
+  element.classList.add('resumable-upload--error')
+  element.setAttribute('title', error)
+})
+
+addEventListener('resumable-upload:end', event => {
+  const { id } = event.detail
+  const element = document.getElementById(`resumable-upload-${id}`)
+  element.classList.add('resumable-upload--complete')
+})

data/app/assets/stylesheets/kadim/application.css

@@ -10,6 +10,6 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
- *= require_tree .
+ *= require_directory .
  *= require_self
  */

data/app/assets/stylesheets/kadim/bulma/application.scss

@@ -0,0 +1,151 @@
+$primary: hsl(217, 71%, 53%);
+$menu-item-color: #adb5bd;
+$menu-item-hover-color: #adb5bd;
+$menu-item-hover-background-color: #495057;
+$menu-item-active-background-color: #495057;
+@import "bulma";
+@import "font-awesome-sprockets";
+@import "font-awesome";
+
+@import "direct_upload";
+@import "resumable_upload";
+
+.brand-text {
+  font-family: 'Muli', sans-serif;
+}
+
+.menu-container {
+  min-height: 100vh;
+  flex-direction: column;
+
+  .brand-container {
+    border-bottom: 1px solid grey;
+  }
+
+  .models-container {
+    flex-grow: 1;
+    overflow: auto;
+
+    .models-container--column {
+      overflow: auto
+    }
+  }
+}
+
+table.table td.action {
+  background-clip: padding-box;
+  background-color: $white;
+  position: sticky;
+  right: 0;
+  white-space: nowrap;
+  width: 1px;
+  
+  a {
+    padding: 0 0.375em;
+    &:first-child {
+      padding-left: 0;
+    }
+    &:last-child {
+      padding-right: 0;
+    }
+  }
+}
+
+.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
+  td.action {
+    background-color: $white-bis;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  aside.aside.is-expanded {
+    width: 14rem; }
+    aside.aside.is-expanded .menu-list .icon {
+      width: 3rem; }
+      aside.aside.is-expanded .menu-list .icon.has-update-mark:after {
+        right: 0.65rem; }
+    aside.aside.is-expanded .menu-list span.menu-item-label {
+      display: inline-block; }
+    aside.aside.is-expanded .menu-list li.is-active ul {
+      display: block; } }
+
+aside.aside {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 40;
+  height: 100vh;
+  padding: 0;
+  box-shadow: none;
+  background: #2e323a; }
+  aside.aside .aside-tools {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    background-color: #17191e;
+    color: white;
+    line-height: 3.25rem;
+    height: 3.25rem;
+    padding-left: 0.75rem;
+    flex: 1; }
+    aside.aside .aside-tools .icon {
+      margin-right: 0.75rem; }
+  aside.aside .menu-list li a.has-dropdown-icon {
+    position: relative;
+    padding-right: 3rem; }
+    aside.aside .menu-list li a.has-dropdown-icon .dropdown-icon {
+      position: absolute;
+      top: 0.5rem;
+      right: 0; }
+  aside.aside .menu-list li ul {
+    display: none;
+    border-left: 0;
+    background-color: #282c33;
+    padding-left: 0;
+    margin: 0 0 0.75rem; }
+    aside.aside .menu-list li ul li a {
+      padding: 0.75rem 0 0.75rem 0.75rem;
+      font-size: 0.95rem; }
+      aside.aside .menu-list li ul li a.has-icon {
+        padding-left: 0; }
+      aside.aside .menu-list li ul li a.is-active:not(:hover) {
+        background: transparent; }
+  aside.aside .menu-label {
+    padding: 0 0.75rem;
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem; }
+
+@media screen and (max-width: 1023px) {
+  aside.aside {
+    transition: left 250ms ease-in-out 50ms; }
+  html.has-aside-mobile-transition body {
+    overflow-x: hidden; }
+  html.has-aside-mobile-transition body, html.has-aside-mobile-transition #app, html.has-aside-mobile-transition nav.navbar {
+    width: 100vw; }
+  html.has-aside-mobile-transition aside.aside {
+    width: 15rem;
+    display: block;
+    left: -15rem; }
+    html.has-aside-mobile-transition aside.aside .image img {
+      max-width: 4.95rem; }
+    html.has-aside-mobile-transition aside.aside .menu-list li.is-active ul {
+      display: block; }
+    html.has-aside-mobile-transition aside.aside .menu-list a .icon {
+      width: 3rem; }
+      html.has-aside-mobile-transition aside.aside .menu-list a .icon.has-update-mark:after {
+        right: 0.65rem; }
+    html.has-aside-mobile-transition aside.aside .menu-list a span.menu-item-label {
+      display: inline-block; }
+  html.has-aside-mobile-expanded #app, html.has-aside-mobile-expanded nav.navbar {
+    margin-left: 15rem; }
+  html.has-aside-mobile-expanded aside.aside {
+    left: 0; } }
+
+aside.aside .menu-list li a.has-icon {
+  display: flex; }
+  aside.aside .menu-list li a.has-icon .icon i {
+    height: auto; }
+  aside.aside .menu-list li a.has-icon .menu-item-label {
+    line-height: 1.5rem;
+    height: 1.5rem; }

data/app/assets/stylesheets/kadim/bulma/direct_upload.css

@@ -0,0 +1,19 @@
+.direct-upload {
+  margin-bottom: 0.75em;
+}
+ 
+.direct-upload--pending {
+  opacity: 0.6;
+}
+ 
+.direct-upload--complete .direct-upload__progress {
+  opacity: 0.4;
+}
+ 
+.direct-upload--error {
+  border-color: red;
+}
+ 
+input[type=file][data-direct-upload-url][disabled] {
+  display: none;
+}

data/app/assets/stylesheets/kadim/bulma/resumable_upload.css

@@ -0,0 +1,19 @@
+.resumable-upload {
+  margin-bottom: 0.75em;
+}
+ 
+.resumable-upload--pending {
+  opacity: 0.6;
+}
+ 
+.resumable-upload--complete .resumable-upload__progress {
+  opacity: 0.4;
+}
+ 
+.resumable-upload--error {
+  border-color: red;
+}
+ 
+input[type=file][data-resumable-upload-url][disabled] {
+  display: none;
+}

data/app/controllers/kadim/application_controller.rb

@@ -5,10 +5,15 @@ module Kadim
     protect_from_forgery with: :exception
     before_action :import_main_app_polymorphic_mappings
     append_view_path Kadim::MemoryResolver.instance
+    layout :kadim_layout
 
     private
       def import_main_app_polymorphic_mappings
         Kadim::Engine.routes.polymorphic_mappings.merge! Rails.application.routes.polymorphic_mappings
       end
+
+      def kadim_layout
+        Kadim.layout ? "kadim/#{Kadim.layout}/application" : "kadim/application"
+      end
   end
 end

data/app/helpers/kadim/application_helper.rb

@@ -4,12 +4,16 @@ module Kadim
   module ApplicationHelper
     def menu_links
       kadim_link = link_to("Kadim", kadim.root_path)
-      links = Kadim.app_model_paths.map(&:camelize).map(&:constantize).map do |model_klass|
-        link_to model_klass.model_name.human(count: :many), model_klass
-      end
+      links = raw_menu_links
       safe_join([kadim_link] + links, " | ")
     end
 
+    def raw_menu_links(options = {})
+      Kadim.app_model_paths.map(&:camelize).map(&:constantize).map do |model_klass|
+        active_link_to model_klass.model_name.human(count: :many), model_klass, **options
+      end
+    end
+
     def upload_type
       case Kadim.upload_type
       when :direct then { direct_upload: true }
@@ -18,6 +22,14 @@ module Kadim
       end
     end
 
+    def invalid_attribute_class(model, attribute)
+      attribute_invalid?(model, attribute) ? "is-danger" : ""
+    end
+
+    def attribute_invalid?(model, attribute)
+      model.errors.key?(attribute)
+    end
+
     def method_missing(method, *args, &block)
       if method.to_s.end_with?("_path", "_url")
         if main_app.respond_to?(method)

data/app/views/kadim/application/_notice.html.erb

@@ -0,0 +1,6 @@
+<% if notice %>
+<div class="notification is-info">
+  <button class="delete"></button>
+  <%= notice %>
+</div>
+<% end %>

data/app/views/layouts/kadim/bulma/application.html.erb

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Kadim</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag 'kadim/bulma/application', media: 'all', 'data-turbolinks-track': 'reload' %>
+  <%= javascript_include_tag 'kadim/bulma/application', 'data-turbolinks-track': 'reload', defer: true %>
+  <link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">
+</head>
+<body>
+  <nav class="navbar is-hidden-desktop">
+    <div class="container">
+      <div class="navbar-brand">
+        <a class="navbar-item brand-text" href="../index.html">kadim</a>
+        <div class="navbar-burger burger" data-target="kadim-menu">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
+
+      </div>
+      <div id="kadim-menu" class="navbar-menu is-hidden-desktop">
+        <div class="navbar-start">
+          <% raw_menu_links(class: "navbar-item").each do |link| %>
+            <%= link %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </nav>
+
+  <div class="columns is-marginless">
+    <div class="column is-2 is-flex menu-container">
+      <div class="columns brand-container">
+        <div class="column is-12 has-background-dark has-text-centered">
+          <%= link_to 'kadim', root_path, class: "has-text-danger is-size-4 is-block is-fullwidth brand-text" %>
+        </div>
+      </div>
+      <div class="columns models-container">
+        <div class="column is-12 has-background-dark is-hidden-mobile models-container--column">
+          <aside class="menu">
+            <p class="menu-label">
+              Models
+            </p>
+            <ul class="menu-list">
+              <% raw_menu_links(class_active: "is-active").each do |link| %>
+                <li><%= link %></li>
+              <% end %>
+            </ul>
+          </aside>
+        </div>
+      </div>
+    </div>
+
+    <div class="column is-10">
+      <div class="content">
+        <%= yield %>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/lib/generators/kadim/scaffold_controller/scaffold_controller_generator.rb

@@ -18,6 +18,8 @@ module Kadim
         end
 
         @initial_args += Kadim.scaffold_attributes(model_path.camelize.constantize) if @initial_args.one?
+        @initial_options.reject! { |option| option.starts_with?("-e") || option.starts_with?("--template-engine") }
+        @initial_options << "--template-engine=erb"
 
         Kadim.scaffold_controller(@initial_args, @initial_options, @initial_config)
       end

data/lib/generators/kadim/scaffold_controller/templates/bulma/_form.html.erb.tt

@@ -0,0 +1,112 @@
+<%%= form_with(model: <%= model_resource_name %>, local: true) do |form| %>
+  <%% if <%= singular_table_name %>.errors.any? %>
+    <article id="error_explanation" class="message is-danger">
+      <div class="message-body">
+        <p><%%= pluralize(<%= singular_table_name %>.errors.count, "error") %> prohibited this <%= singular_table_name %> from being saved:</p>
+        <ul>
+          <%% <%= singular_table_name %>.errors.full_messages.each do |message| %>
+            <li><%%= message %></li>
+          <%% end %>
+        </ul>
+      </div>
+    </article>
+  <%% end %>
+
+<% attributes.each do |attribute| -%>
+  <div class="field is-horizontal">
+<% if attribute.password_digest? -%>
+    <div class="field-label is-normal">
+      <%%= form.label :password, class: "label" %>
+    </div>
+    <div class="field-body">
+      <div class="field">
+        <div class="control">
+          <%%= form.password_field :password, class: "input" %>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="field is-horizontal">
+    <div class="field-label is-normal">
+      <%%= form.label :password_confirmation, class: "label" %>
+    </div>
+    <div class="field-body">
+      <div class="field">
+        <div class="control">
+          <%%= form.password_field :password_confirmation, class: "input" %>
+        </div>
+      </div>
+    </div>
+<% elsif attribute.attachment? -%>
+    <div class="field-label is-normal">
+      <%%= form.label :<%= attribute.column_name %>, class: "label" %>
+    </div>
+    <div class="field-body">
+      <div class="field">
+        <div class="control">
+          <div class="file">
+            <label class="file-label">
+              <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, **upload_type, class: "file-input" %>
+              <span class="file-cta">
+                <span class="file-icon">
+                  <i class="fas fa-upload"></i>
+                </span>
+                <span class="file-label">Choose a file...</span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+<% elsif attribute.attachments? -%>
+    <div class="field-label is-normal">
+      <%%= form.label :<%= attribute.column_name %>, class: "label" %>
+    </div>
+    <div class="field-body">
+      <div class="field">
+        <div class="control">
+          <div class="file">
+            <label class="file-label">
+              <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, **upload_type, multiple: true, class: "file-input" %>
+              <span class="file-cta">
+                <span class="file-icon">
+                  <i class="fas fa-upload"></i>
+                </span>
+                <span class="file-label">Choose files...</span>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+    </div>
+<% else -%>
+    <div class="field-label is-normal">
+      <%%= form.label :<%= attribute.column_name %>, class: "label" %>
+    </div>
+    <div class="field-body">
+      <div class="field">
+        <div class="control">
+          <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "input #{invalid_attribute_class(<%= singular_table_name %>, :<%= attribute.column_name %>)}" %>
+          <%% if attribute_invalid?(<%= singular_table_name %>, :<%= attribute.column_name %>) %>
+            <p class="help is-danger"><%%= <%= singular_table_name %>.errors[:<%= attribute.column_name %>].to_sentence %></p>
+          <%% end %>
+        </div>
+      </div>
+    </div>
+<% end -%>
+  </div>
+
+<% end -%>
+  <section class="box has-background-light is-shadowless">
+    <div class="columns">
+      <div class="column is-11 is-offset-1">
+        <%%= form.submit class: "button is-primary" %>
+        <%% if action_name == "edit" %>
+          <%%= link_to 'Show', @<%= singular_table_name %>, class: "button" %>
+        <%% end %>
+        <%%= link_to 'Back', <%= index_helper %>_path, class: "button" %>
+      </div>
+    </div>
+  </section>
+<%% end %>

data/lib/generators/kadim/scaffold_controller/templates/bulma/edit.html.erb.tt

@@ -0,0 +1,5 @@
+<%%= render 'notice' %>
+
+<h1>Editing <%= singular_table_name.titleize %></h1>
+
+<%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>

data/lib/generators/kadim/scaffold_controller/templates/bulma/index.html.erb.tt

@@ -0,0 +1,49 @@
+<%%= render 'notice' %>
+
+<h1><%= plural_table_name.titleize %></h1>
+
+<%% if @<%= plural_table_name %>.any? %>
+<div class="table-container">
+  <table class="table is-striped">
+    <thead>
+      <tr>
+        <th>#</th>
+  <% attributes.reject(&:password_digest?).each do |attribute| -%>
+        <th><%= attribute.human_name %></th>
+  <% end -%>
+        <th colspan="3"></th>
+      </tr>
+    </thead>
+
+    <tbody>
+      <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %>
+        <tr>
+          <td><%%= <%= singular_table_name %>.id %></td>
+  <% attributes.reject(&:password_digest?).each do |attribute| -%>
+          <td><%%= <%= singular_table_name %>.<%= attribute.column_name %> %></td>
+  <% end -%>
+          <td class="action">
+            <%%= link_to icon("far", "eye"), <%= model_resource_name %>, title: "Show" %>
+            <%%= link_to icon("far", "edit"), edit_<%= singular_route_name %>_path(<%= singular_table_name %>), title: "Edit" %>
+            <%%= link_to icon("far", "trash-alt"), <%= model_resource_name %>, title: "Destroy", method: :delete, data: { confirm: 'Are you sure?' } %>
+          </td>
+        </tr>
+      <%% end %>
+    </tbody>
+  </table>
+</div>
+<%% else %>
+<div class="box is-shadowless has-background-light has-text-centered">
+  <%%= icon("fas", "cloud-sun", class: "fa-5x", style: "padding-bottom: 15px") %>
+  <br />
+  Let's input some data?
+</div>
+<%% end %>
+
+<section class="box has-background-light is-shadowless">
+  <div class="columns">
+    <div class="column is-11 is-offset-1">
+      <%%= link_to 'New <%= singular_table_name.titleize %>', new_<%= singular_route_name %>_path, class: "button is-link" %>
+    </div>
+  </div>
+</section>

data/lib/generators/kadim/scaffold_controller/templates/bulma/new.html.erb.tt

@@ -0,0 +1,5 @@
+<%%= render 'notice' %>
+
+<h1>New <%= singular_table_name.titleize %></h1>
+
+<%%= render 'form', <%= singular_table_name %>: @<%= singular_table_name %> %>

data/lib/generators/kadim/scaffold_controller/templates/bulma/show.html.erb.tt

@@ -0,0 +1,32 @@
+<%%= render 'notice' %>
+
+<h1><%= singular_table_name.titleize %> #<%%= @<%= singular_table_name %>.id %> - <%%= @<%= singular_table_name %>.to_s %></h1>
+
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+<div class="columns">
+  <div class="column is-3 has-text-right">
+    <strong><%= attribute.human_name %>:</strong>
+  </div>
+  <div class="column">
+  <% if attribute.attachment? -%>
+    <%%= link_to @<%= singular_table_name %>.<%= attribute.column_name %>.filename, @<%= singular_table_name %>.<%= attribute.column_name %> if @<%= singular_table_name %>.<%= attribute.column_name %>.attached? %>
+  <% elsif attribute.attachments? -%>
+    <%% @<%= singular_table_name %>.<%= attribute.column_name %>.each do |<%= attribute.singular_name %>| %>
+      <div><%%= link_to <%= attribute.singular_name %>.filename, <%= attribute.singular_name %> %></div>
+    <%% end %>
+  <% else -%>
+    <%%= @<%= singular_table_name %>.<%= attribute.column_name %> %>
+  <% end -%>
+  </div>
+</div>
+
+<% end -%>
+
+<section class="box has-background-light is-shadowless">
+  <div class="columns">
+    <div class="column is-11 is-offset-1">
+      <%%= link_to 'Edit', edit_<%= singular_table_name %>_path(@<%= singular_table_name %>), class: "button is-primary" %>
+      <%%= link_to 'Back', <%= index_helper %>_path, class: "button" %>
+    </div>
+  </div>
+</section>

data/lib/kadim.rb

@@ -8,13 +8,21 @@ module Kadim
   #   @return [Symbol] current upload type used to scaffold file input fields
   # @overload upload_type=(value)
   #   You can use the following symbols to set the upload type:
-  #   * +:local+     - Uses ActiveStorage {https://guides.rubyonrails.org/active_storage_overview.html#disk-service Disk Service}
-  #   * +:direct+    - Uses ActiveStorage {https://guides.rubyonrails.org/active_storage_overview.html#direct-uploads Direct Upload}
-  #   * +:resumable+ - Uses {https://rubygems.org/gems/activestorage-resumable activestorage-resumable gem} to implement {https://cloud.google.com/storage/docs/performing-resumable-uploads Resumable Uploads} (supports only GCS)
+  #   * :local     - Uses ActiveStorage {https://guides.rubyonrails.org/active_storage_overview.html#disk-service Disk Service}
+  #   * :direct    - Uses ActiveStorage {https://guides.rubyonrails.org/active_storage_overview.html#direct-uploads Direct Upload}
+  #   * :resumable - Uses {https://rubygems.org/gems/activestorage-resumable activestorage-resumable gem} to implement {https://cloud.google.com/storage/docs/performing-resumable-uploads Resumable Uploads} (supports only GCS)
   #   @param value [Symbol]
   #   @return [Symbol]
   mattr_accessor :upload_type
 
+  # @overload layout
+  #   @return [Symbol, nil] current layout or nil for the default Rails layout for scaffold_controller
+  # @overload layout=(value)
+  #   The following layouts are available:
+  #   * nil - No layout, will use Rails generators template.
+  #   * :bulma - A layout using the {https://bulma.io bulma} CSS framework.
+  mattr_accessor :layout
+
   def self.init
     @@upload_type ||= if [:amazon, :google, :microsoft].include?(Rails.configuration.active_storage.service)
       :direct
@@ -50,9 +58,12 @@ module Kadim
     Rails::Generators.namespace = Kadim
 
     require "rails/generators/erb/scaffold/scaffold_generator"
-    Erb::Generators::ScaffoldGenerator.source_paths.prepend(
-      File.expand_path("generators/kadim/scaffold_controller/templates", __dir__)
-    )
+    templates_path = if Kadim.layout == :bulma
+      "generators/kadim/scaffold_controller/templates/bulma"
+    else
+      "generators/kadim/scaffold_controller/templates"
+    end
+    Erb::Generators::ScaffoldGenerator.source_paths.prepend(File.expand_path(templates_path, __dir__))
 
     generator = Rails::Generators::ScaffoldControllerGenerator.new(args, options, config)
     source_path_idx = generator.class.source_paths.index { |source_path| source_path.include?("jbuilder") }

data/lib/kadim/engine.rb

@@ -1,6 +1,9 @@
 # frozen_string_literal: true
 
+require "active_link_to"
 require "activestorage/resumable"
+require "bulma-rails"
+require "font-awesome-sass"
 
 module Kadim
   class Engine < ::Rails::Engine
@@ -10,6 +13,8 @@ module Kadim
       config.assets.precompile += %w[
         kadim/application.css
         kadim/application.js
+        kadim/bulma/application.css
+        kadim/bulma/application.js
       ]
     end
 

data/lib/kadim/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Kadim
-  VERSION = "0.3.0"
+  VERSION = "0.4.0"
 end

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: kadim
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Kadu Diógenes
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-12-19 00:00:00.000000000 Z
+date: 2020-01-11 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: active_link_to
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
 - !ruby/object:Gem::Dependency
   name: activestorage-resumable
   requirement: !ruby/object:Gem::Requirement
@@ -24,6 +38,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: bulma-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.0
+- !ruby/object:Gem::Dependency
+  name: font-awesome-sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.9.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.9.0
 - !ruby/object:Gem::Dependency
   name: google-cloud-storage
   requirement: !ruby/object:Gem::Requirement
@@ -204,14 +246,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.8.0
+        version: 4.0.0.beta3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.0.beta3
+- !ruby/object:Gem::Dependency
+  name: rails-controller-testing
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.4
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.8.0
+        version: 1.0.4
 - !ruby/object:Gem::Dependency
   name: rubocop-performance
   requirement: !ruby/object:Gem::Requirement
@@ -282,6 +338,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.142.0
+- !ruby/object:Gem::Dependency
+  name: shoulda-matchers
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.1.2
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -322,23 +392,36 @@ files:
 - Rakefile
 - app/assets/config/kadim_manifest.js
 - app/assets/javascripts/kadim/application.js
+- app/assets/javascripts/kadim/bulma/application.js
+- app/assets/javascripts/kadim/bulma/direct_upload.js
+- app/assets/javascripts/kadim/bulma/resumable_upload.js
 - app/assets/javascripts/kadim/direct_upload.js
 - app/assets/javascripts/kadim/resumable_upload.js
 - app/assets/stylesheets/kadim/application.css
+- app/assets/stylesheets/kadim/bulma/application.scss
+- app/assets/stylesheets/kadim/bulma/direct_upload.css
+- app/assets/stylesheets/kadim/bulma/resumable_upload.css
 - app/assets/stylesheets/kadim/direct_upload.css
 - app/assets/stylesheets/kadim/resumable_upload.css
 - app/controllers/kadim/application_controller.rb
 - app/helpers/kadim/application_helper.rb
 - app/jobs/kadim/application_job.rb
 - app/mailers/kadim/application_mailer.rb
+- app/views/kadim/application/_notice.html.erb
 - app/views/kadim/application/index.html.erb
 - app/views/layouts/kadim/application.html.erb
+- app/views/layouts/kadim/bulma/application.html.erb
 - config/routes.rb
 - lib/generators/kadim/host/USAGE
 - lib/generators/kadim/host/host_generator.rb
 - lib/generators/kadim/scaffold_controller/USAGE
 - lib/generators/kadim/scaffold_controller/scaffold_controller_generator.rb
 - lib/generators/kadim/scaffold_controller/templates/_form.html.erb.tt
+- lib/generators/kadim/scaffold_controller/templates/bulma/_form.html.erb.tt
+- lib/generators/kadim/scaffold_controller/templates/bulma/edit.html.erb.tt
+- lib/generators/kadim/scaffold_controller/templates/bulma/index.html.erb.tt
+- lib/generators/kadim/scaffold_controller/templates/bulma/new.html.erb.tt
+- lib/generators/kadim/scaffold_controller/templates/bulma/show.html.erb.tt
 - lib/kadim.rb
 - lib/kadim/engine.rb
 - lib/kadim/template/memory_resolver.rb