administrate_tailwind_theme 0.0.1

data/app/views/fields/select/_show.html.erb

@@ -0,0 +1,18 @@
+<%#
+# Select Show Partial
+
+This partial renders a selectable text attribute,
+to be displayed on a resource's show page.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Select][1].
+  A wrapper around the attribute pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Select
+%>
+
+<div class="bg-gray-50 p-3 rounded-md shadow-sm">
+  <%= field.data %>
+</div>

data/app/views/fields/string/_form.html.erb

@@ -0,0 +1,24 @@
+<%#
+# String Form Partial
+
+This partial renders an input element for a string attribute.
+By default, the input is a text field.
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::String][1].
+  A wrapper around the String pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/String
+%>
+
+<div class="mb-4">
+  <%= f.label field.attribute, class: "block text-sm font-medium text-gray-700" %>
+  <div class="mt-1">
+    <%= f.text_field field.attribute, class: "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
+  </div>
+</div>
+

data/app/views/fields/string/_index.html.erb

@@ -0,0 +1,18 @@
+<%#
+# String Index Partial
+
+This partial renders a string attribute
+to be displayed on a resource's index page.
+
+By default, the attribute is rendered as a truncated string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::String][1].
+  A wrapper around the String pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/String
+%>
+
+<%= field.truncate %>

data/app/views/fields/string/_show.html.erb

@@ -0,0 +1,21 @@
+<%#
+# String Show Partial
+
+This partial renders a string attribute,
+to be displayed on a resource's show page.
+
+By default, the attribute is rendered as text with whitespace preserved.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::String][1].
+  A wrapper around the String pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/String
+%>
+
+<div class="bg-gray-50 p-3 rounded-md shadow-sm">
+  <%= field.data %>
+</div>
+

data/app/views/fields/text/_form.html.erb

@@ -0,0 +1,22 @@
+<%#
+# Text Form Partial
+
+This partial renders a textarea element for a text attribute.
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::Text][1].
+  A wrapper around the Text pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Text
+%>
+
+<div class="mb-4">
+  <%= f.label field.attribute, class: "block text-sm font-medium text-gray-700" %>
+  <div class="mt-1">
+    <%= f.text_area field.attribute, class: "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
+  </div>
+</div>

data/app/views/fields/text/_index.html.erb

@@ -0,0 +1,18 @@
+<%#
+# Text Index Partial
+
+This partial renders a text attribute
+to be displayed on a resource's index page.
+
+By default, the attribute is rendered as a truncated string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Text][1].
+  A wrapper around the Text pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Text
+%>
+
+<%= field.truncate %>

data/app/views/fields/text/_show.html.erb

@@ -0,0 +1,20 @@
+<%#
+# Text Show Partial
+
+This partial renders a text attribute,
+to be displayed on a resource's show page.
+
+By default, the attribute is rendered as text with whitespace preserved.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Text][1].
+  A wrapper around the Text pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Text
+%>
+
+<div class="bg-gray-50 p-3 rounded-md shadow-sm">
+  <%= field.data %>
+</div>

data/app/views/fields/time/_form.html.erb

@@ -0,0 +1,22 @@
+<%#
+# Time Form Partial
+
+This partial renders an input element for time attributes.
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the tmie attributes pulled from the model.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Time
+%>
+
+<div class="mb-4">
+  <%= f.label field.attribute, class: "block text-sm font-medium text-gray-700" %>
+  <div class="mt-1">
+    <%= f.time_field field.attribute, step: 1, class: "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
+  </div>
+</div>

data/app/views/fields/time/_index.html.erb

@@ -0,0 +1,19 @@
+<%#
+# Time Index Partial
+
+This partial renders an time attribute
+to be displayed on a resource's index page.
+
+By default, the attribute is rendered as a text tag.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the time attributes pulled from the model.
+
+%>
+
+<% if field.data %>
+  <%= field.time %>
+<% end %>

data/app/views/fields/time/_show.html.erb

@@ -0,0 +1,21 @@
+<%#
+# Time Show Partial
+
+This partial renders an time attribute,
+to be displayed on a resource's show page.
+
+By default, the attribute is rendered as a text tag.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the time attributes pulled from the model.
+
+%>
+
+<% if field.data %>
+  <div class="bg-gray-50 p-3 rounded-md shadow-sm">
+    <%= field.data %>
+  </div>
+<% end %>

data/app/views/fields/url/_form.html.erb

@@ -0,0 +1,23 @@
+<%#
+# Url Form Partial
+
+This partial renders an input element for URL.
+By default, the input is a text box.
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::Url][1].
+  A wrapper around the URL pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Url
+%>
+
+<div class="mb-4">
+  <%= f.label field.attribute, class: "block text-sm font-medium text-gray-700" %>
+  <div class="mt-1">
+    <%= f.url_field field.attribute, class: "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
+  </div>
+</div>

data/app/views/fields/url/_index.html.erb

@@ -0,0 +1,20 @@
+<%#
+# Url Index Partial
+
+This partial renders a URL address,
+to be displayed on a resource's index page.
+
+By default, the value is rendered as an `a` element.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Url][1].
+  A wrapper around the email pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Url
+%>
+
+<%= content_tag :a, href: field.data, **field.html_options do %>
+  <%= field.data %>
+<% end %>

data/app/views/fields/url/_show.html.erb

@@ -0,0 +1,22 @@
+<%#
+# Url Show Partial
+
+This partial renders a URL address,
+to be displayed on a resource's show page.
+
+By default, the value is rendered as an `a` element.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Url][1].
+  A wrapper around the email pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Url
+%>
+
+<div class="bg-gray-50 p-3 rounded-md shadow-sm">
+  <%= content_tag :a, href: field.data, **field.html_options do %>
+    <%= field.data %>
+  <% end %>
+</div>

data/app/views/kaminari/_first_page.html.erb

@@ -0,0 +1,11 @@
+<%# Link to the "First" page
+  - available local variables
+    url:           url to the first page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="first text-blue-500 hover:text-blue-700 disabled:text-gray-400">
+  <%= link_to_unless current_page.first?, t('views.pagination.first').html_safe, url, remote: remote %>
+</span>

data/app/views/kaminari/_gap.html.erb

@@ -0,0 +1,8 @@
+<%# Non-link tag that stands for skipped pages...
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="page gap text-gray-500"><%= t('views.pagination.truncate').html_safe %></span>

data/app/views/kaminari/_last_page.html.erb

@@ -0,0 +1,11 @@
+<%# Link to the "Last" page
+  - available local variables
+    url:           url to the last page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="last text-blue-500 hover:text-blue-700 disabled:text-gray-400">
+  <%= link_to_unless current_page.last?, t('views.pagination.last').html_safe, url, remote: remote %>
+</span>

data/app/views/kaminari/_next_page.html.erb

@@ -0,0 +1,11 @@
+<%# Link to the "Next" page
+  - available local variables
+    url:           url to the next page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="next text-blue-500 hover:text-blue-700 disabled:text-gray-400">
+  <%= link_to_unless current_page.last?, t('views.pagination.next').html_safe, url, rel: 'next', remote: remote %>
+</span>

data/app/views/kaminari/_page.html.erb

@@ -0,0 +1,12 @@
+<%# Link showing page number
+  - available local variables
+    page:          a page object for "this" page
+    url:           url to this page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="page <%= 'current bg-blue-500 text-white' if page.current? %> hover:bg-blue-700 text-blue-500 hover:text-white border border-blue-500 rounded-md px-2">
+  <%= link_to_unless page.current?, page, url, {remote: remote, rel: page.rel} %>
+</span>

data/app/views/kaminari/_paginator.html.erb

@@ -0,0 +1,25 @@
+<%# The container tag
+  - available local variables
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+    paginator:     the paginator that renders the pagination tags inside
+-%>
+<%= paginator.render do -%>
+  <nav class="pagination flex items-center justify-center gap-4" role="navigation" aria-label="pager">
+    <%= first_page_tag unless current_page.first? %>
+    <%= prev_page_tag unless current_page.first? %>
+    <% each_page do |page| -%>
+      <% if page.display_tag? -%>
+        <%= page_tag page %>
+      <% elsif !page.was_truncated? -%>
+        <%= gap_tag %>
+      <% end -%>
+    <% end -%>
+    <% unless current_page.out_of_range? %>
+      <%= next_page_tag unless current_page.last? %>
+      <%= last_page_tag unless current_page.last? %>
+    <% end %>
+  </nav>
+<% end -%>

data/app/views/kaminari/_prev_page.html.erb

@@ -0,0 +1,11 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<span class="prev text-blue-500 hover:text-blue-700 disabled:text-gray-400">
+  <%= link_to_unless current_page.first?, t('views.pagination.previous').html_safe, url, rel: 'prev', remote: remote %>
+</span>

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

@@ -0,0 +1,40 @@
+<%#
+# Application Layout
+
+This view template is used as the layout
+for every page that Administrate generates.
+
+By default, it renders:
+- Navigation
+- Content for a search bar
+  (if provided by a `content_for` block in a nested page)
+- Flashes
+- Links to stylesheets and JavaScripts
+%>
+
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title><%= content_for(:title) || "Administrate" %> - <%= application_title %></title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag 'tailwind', 'data-turbo-track': 'reload' %>
+  <%= stylesheet_link_tag 'administrate-tailwind-theme', 'data-turbo-track': 'reload' %>
+  <%= javascript_include_tag 'administrate-tailwind-theme', 'data-turbo-track': 'reload', defer: true %>
+  
+</head>
+<body class="bg-gray-100">
+  <%= render "navigation" %>
+  <!-- Main Content -->
+  <div class="p-4 sm:ml-64">
+    <%= render "flashes" %>
+    <main class="container mx-auto px-6 py-8">
+      <%= yield %>
+    </main>
+  </div>
+  <%= render "javascript" %>
+</body>
+</html>

data/config/routes.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+# Rails.application.routes.draw do
+# end

data/lib/administrate/field/boolean_emoji.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require 'administrate/field/base'
+
+module Administrate
+  module Field
+    class BooleanEmoji < Administrate::Field::Base
+      def to_emoji
+        data ? '✅' : '❌'
+      end
+    end
+  end
+end

data/lib/administrate/field/country_emoji.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+require 'iso_country_codes'
+require 'administrate/field/string'
+
+module Administrate
+  module Field
+    class CountryEmoji < Administrate::Field::String
+      def to_emoji
+        iso2_to_flag_emoji(data)
+      end
+
+      def to_s
+        data
+      end
+
+      private
+
+      def iso2_to_flag_emoji(iso2)
+        return if iso2.nil?
+
+        iso2  = iso2.upcase
+        emoji = iso2.chars.map { |char| (char.ord + 127_397).chr(Encoding::UTF_8) }.join
+        entry = ::IsoCountryCodes.find(iso2)
+
+        "#{emoji} (#{entry.name})"
+      end
+    end
+  end
+end

data/lib/administrate_tailwind_theme/engine.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require_relative 'view_helper'
+
+module AdministrateTailwindTheme
+  class Engine < ::Rails::Engine
+    initializer 'administrate_tailwind_theme.assets.precompile' do |app|
+      app.config.assets.precompile += %w[administrate-tailwind-theme.js administrate-tailwind-theme.css]
+    end
+
+    ActiveSupport.on_load :action_view do
+      include AdministrateTailwindTheme::ViewHelper
+    end
+  end
+end

data/lib/administrate_tailwind_theme/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module AdministrateTailwindTheme
+  VERSION = '0.0.1'
+end

data/lib/administrate_tailwind_theme/view_generator.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+require 'rails/generators/base'
+require 'administrate/generator_helpers'
+require 'administrate/namespace'
+
+module AdministrateTailwindTheme
+  class ViewGenerator < Rails::Generators::Base
+    include Administrate::GeneratorHelpers
+    class_option(
+      :namespace,
+      type: :string,
+      desc: 'Namespace where the admin dashboards live',
+      default: 'admin'
+    )
+
+    def self.template_source_path
+      File.expand_path(
+        '../../app/views/administrate/application',
+        __dir__
+      )
+    end
+
+    private
+
+    def namespace
+      options[:namespace]
+    end
+
+    def copy_resource_template(template_name)
+      template_file = "#{template_name}.html.erb"
+
+      copy_file(
+        template_file,
+        "app/views/#{namespace}/#{resource_path}/#{template_file}"
+      )
+    end
+
+    def resource_path
+      args.first.try(:underscore).try(:pluralize) || BaseResourcePath.new
+    end
+
+    class BaseResourcePath
+      def to_s
+        'application'
+      end
+    end
+  end
+end

data/lib/administrate_tailwind_theme/view_helper.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module AdministrateTailwindTheme
+  module ViewHelper
+    def flash_types(key)
+      case key.to_sym
+      when :notice
+        'Notice'
+      when :alert
+        'Alert'
+      when :error
+        'Error'
+      else
+        key.to_s.humanize
+      end
+    end
+
+    def icon?(resource)
+      lookup_context.find_all("administrate/navigation/icons/_#{resource}").any?
+    end
+  end
+end

data/lib/administrate_tailwind_theme.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require 'administrate_tailwind_theme/version'
+require 'administrate_tailwind_theme/engine'
+require 'administrate/field/boolean_emoji'
+require 'administrate/field/country_emoji'
+
+module AdministrateTailwindTheme
+end

data/lib/generators/administrate_tailwind_theme/install/USAGE

@@ -0,0 +1,10 @@
+Description:
+    AdministrateTailwindTheme installer
+
+Example:
+    bin/rails generate administrate_tailwind_theme:install
+
+    This will:
+        - create a new initializer: administrate_tailwind_theme
+        - create a new SCSS stylesheet: administrate-tailwind-theme.scss
+        - append the necessary assets to: config/initializers/assets.rb

data/lib/generators/administrate_tailwind_theme/install/install_generator.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module AdministrateTailwindTheme
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+
+    def create_initializer
+      initializer 'administrate_tailwind_theme.rb', <<~FILE
+        require 'administrate'
+        Administrate::Engine.stylesheets.clear # required to remove Administrate base styles
+      FILE
+    end
+
+    def create_or_update_administrate_layout
+      tailwind_config_path = 'config/tailwind.config.js'
+
+      insert_tailwind_config(tailwind_config_path)
+    end
+
+    private
+
+    def insert_tailwind_config(file_path)
+      js_import     = "\nconst execSync = require('child_process').execSync;"
+      child_process = "\nconst output = execSync('bundle show administrate_tailwind_theme', { encoding: 'utf-8' });"
+      config        = "\n    output.trim() + '/app/views/**/*.{erb,haml,html,rb}',"
+
+      insert_into_file file_path, js_import,
+                       after: "const defaultTheme = require('tailwindcss/defaultTheme')"
+      insert_into_file file_path, child_process,
+                       after: "const execSync = require('child_process').execSync;"
+      insert_into_file file_path, config,
+                       after: 'content: ['
+    end
+  end
+end

data/lib/generators/administrate_tailwind_theme/views/edit_generator.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+require 'administrate_tailwind_theme/view_generator'
+
+module AdministrateTailwindTheme
+  module Generators
+    module Views
+      class EditGenerator < AdministrateTailwindTheme::ViewGenerator
+        source_root template_source_path
+
+        def copy_edit
+          copy_resource_template('edit')
+          copy_resource_template('_form')
+        end
+      end
+    end
+  end
+end