adminterface 0.0.0 → 0.2.3

data/app/javascript/adminterface/lib/plugins/password_visibility.js

@@ -0,0 +1,70 @@
+/* global DOMParser, adminterface */
+import { getObjectValue, toHTMLCssString } from '../utils'
+
+class PasswordVisibility {
+  constructor (element, options) {
+    const translations = adminterface.meta.translations
+    const defaults = {
+      activeClass: 'show',
+      wrapperClass: '.input-group'
+    }
+
+    this.element = element
+    this.options = { ...defaults, ...options }
+    this.translations = (getObjectValue(translations, 'inputs.password') || {})
+
+    this._bind()
+  }
+
+  _template () {
+    return `
+      <div class="input-group-text password-visibility-toggler">
+        <i data-mode="show" data-bs-toggle="tooltip" title="${getObjectValue(this.translations, 'visibility.show')}"></i>
+        <i data-mode="hide" data-bs-toggle="tooltip" title="${getObjectValue(this.translations, 'visibility.hide')}"></i>
+      </div>
+    `
+  }
+
+  _isWrapped () {
+    return this.element.parentNode.classList.contains(toHTMLCssString(this.options.wrapperClass))
+  }
+
+  _insert () {
+    const el = this.element
+    const toggler = new DOMParser().parseFromString(this._template(), 'text/html').body.childNodes[0]
+
+    if (!this._isWrapped()) {
+      const wrapper = document.createElement('div')
+      el.parentNode.insertBefore(wrapper, el)
+      wrapper.classList.add(toHTMLCssString(this.options.wrapperClass))
+      wrapper.appendChild(el)
+    }
+
+    el.parentNode.insertBefore(toggler, el.nextSibling)
+  }
+
+  _bind () {
+    this._insert()
+    const group = this.element.closest('.password.input')
+    const trigger = group.querySelector('.password-visibility-toggler')
+    const input = group.querySelector('input')
+    const activeClass = this.options.activeClass
+
+    trigger.addEventListener('click', function (e) {
+      e.preventDefault()
+
+      if (trigger.classList.contains(activeClass)) {
+        trigger.classList.remove(activeClass)
+        input.type = 'password'
+      } else {
+        trigger.classList.add(activeClass)
+        input.type = 'text'
+      }
+    })
+
+    this.eventTarget = group
+    adminterface.addObserver(this.element, this, this.constructor.name)
+  }
+}
+
+export default PasswordVisibility

data/app/javascript/adminterface/lib/table_checkbox_toggler.js

@@ -0,0 +1,47 @@
+import CheckboxToggler from '../lib/checkbox_toggler'
+
+class TableCheckboxToggler extends CheckboxToggler {
+  _bind () {
+    super._bind(...arguments)
+
+    const $cells = this.$container.querySelectorAll('tbody td')
+
+    $cells.forEach((el) => {
+      el.addEventListener('click', (e) => {
+        if (e.target.type !== 'checkbox') {
+          this._didClickCell(e.target)
+        }
+      })
+    })
+  }
+
+  _didChangeCheckbox (checkbox) {
+    super._didChangeCheckbox(...arguments)
+
+    if (checkbox.checked) {
+      checkbox.closest('tr').classList.add('selected')
+    } else {
+      checkbox.closest('tr').classList.remove('selected')
+    }
+  }
+
+  _didChangeToggleAllCheckbox () {
+    const rows = this.$container.querySelectorAll('tbody tr')
+    const checked = super._didChangeToggleAllCheckbox(...arguments)
+
+    rows.forEach((row) => {
+      if (checked) {
+        row.classList.add('selected')
+      } else {
+        row.classList.remove('selected')
+      }
+    })
+  }
+
+  _didClickCell (cell) {
+    const $checkbox = cell.parentNode.querySelector('input[type="checkbox"]')
+    if ($checkbox) $checkbox.click()
+  }
+}
+
+export default TableCheckboxToggler

data/app/javascript/adminterface/lib/utils.js

@@ -0,0 +1,148 @@
+/* global Turbolinks */
+export function hasTurbolinks () {
+  return (typeof Turbolinks !== 'undefined' && Turbolinks.supported)
+}
+
+export function turbolinksVisit (params) {
+  const path = [window.location.pathname, '?', toQueryString(params)].join('')
+  Turbolinks.visit(path)
+}
+
+export function queryString () {
+  return (window.location.search || '').replace(/^\?/, '')
+}
+
+export function queryStringToParams () {
+  const decode = (value) => decodeURIComponent((value || '').replace(/\+/g, '%20'))
+
+  return queryString()
+    .split('&')
+    .map(pair => pair.split('='))
+    .map(([key, value]) => {
+      return { name: decode(key), value: decode(value) }
+    })
+}
+
+export function toHTMLAttrString (obj) {
+  const object = obj || {}
+  const arr = []
+  Object.keys(object).forEach((key) => {
+    let value = object[key]
+
+    if (typeof (value) === 'object') {
+      value = JSON.stringify(value)
+    }
+
+    arr.push(`${key}='${value}'`)
+  })
+
+  return arr.join(' ')
+}
+
+export function toQueryString (params) {
+  const encode = (value) => encodeURIComponent(value || '')
+
+  return params
+    .map(({ name, value }) => [encode(name), encode(value)])
+    .map(pair => pair.join('='))
+    .join('&')
+}
+
+export function serializeArray (form) {
+  const arr = []
+
+  Array.prototype.slice.call(form.elements).forEach((field) => {
+    if (!field.name || field.disabled || ['file', 'reset', 'submit', 'button'].indexOf(field.type) > -1) return
+    if (field.type === 'select-multiple') {
+      Array.prototype.slice.call(field.options).forEach((option) => {
+        if (!option.selected) return
+        arr.push({
+          name: field.name,
+          value: option.value
+        })
+      })
+      return
+    }
+    if (['checkbox', 'radio'].indexOf(field.type) > -1 && !field.checked) return
+    arr.push({
+      name: field.name,
+      value: field.value
+    })
+  })
+
+  return arr
+}
+
+export function serializeObject (form) {
+  return serializeArray(form).reduce((obj, item) => {
+    obj[item.name] = item.value
+    return obj
+  }, {})
+}
+
+export function cookieSet (name, value, expireInSec) {
+  const expireAt = new Date()
+  expireAt.setTime(expireAt.getTime() + expireInSec * 1000)
+
+  document.cookie = `${name}=${value};expires=${expireAt.toGMTString()};path=/`
+}
+
+export function cookieGet (name) {
+  const cookieName = `${name}=`
+  const ca = document.cookie.split(';')
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i]
+    while (c.charAt(0) === ' ') c = c.substring(1, c.length)
+    if (c.indexOf(cookieName) === 0) return c.substring(cookieName.length, c.length)
+  }
+  return null
+}
+
+export function getObjectValue (data, path) {
+  const arr = path.split('.')
+
+  for (let i = 0; typeof data === 'object' && i < arr.length; i++) {
+    data = data[arr[i]]
+  }
+
+  return data
+}
+
+export function deepMergeObject (target, source) {
+  for (const key of Object.keys(source)) {
+    if (source[key] instanceof Object) Object.assign(source[key], deepMergeObject(target[key], source[key]))
+  }
+
+  Object.assign(target || {}, source)
+  return target
+}
+
+export function toSnakeCase (string) {
+  return (
+    string
+      .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+      .map(x => x.toLowerCase())
+      .join('_')
+  )
+}
+
+export function toHTMLCssString (string) {
+  return string.replace(/[.#]/, '')
+}
+
+export function setObjectValue (obj, path, value) {
+  const pList = path.split('.')
+  const len = pList.length
+
+  for (let i = 0; i < len - 1; i++) {
+    const elem = pList[i]
+    if (!obj[elem]) obj[elem] = {}
+    obj = obj[elem]
+  }
+
+  obj[pList[len - 1]] = value
+}
+
+export function camalize (str) {
+  return str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (m, chr) => chr.toUpperCase())
+}

data/app/views/active_admin/devise/confirmations/new.html.erb

@@ -0,0 +1,19 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.resend_confirmation_instructions.title") %>
+<% end %>
+
+<%= devise_error_messages! %>
+<%= active_admin_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+  f.inputs do
+    f.input :email
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.resend_confirmation_instructions.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.resend_confirmation_instructions.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/active_admin/devise/passwords/edit.html.erb

@@ -0,0 +1,21 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.change_password.title") %>
+<% end %>
+
+<%= devise_error_messages! %>
+<%= active_admin_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+  f.inputs do
+    f.input :password, visibility: true
+    f.input :password_confirmation, visibility: true
+    f.input :reset_password_token, as: :hidden, input_html: { value: resource.reset_password_token }
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.change_password.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.change_password.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/active_admin/devise/passwords/new.html.erb

@@ -0,0 +1,19 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.reset_password.title") %>
+<% end %>
+
+<%= devise_error_messages! %>
+<%= active_admin_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+  f.inputs do
+    f.input :email
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.reset_password.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.reset_password.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/active_admin/devise/registrations/new.html.erb

@@ -0,0 +1,24 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.sign_up.title") %>
+<% end %>
+
+<% scope = Devise::Mapping.find_scope!(resource_name) %>
+<%= devise_error_messages! %>
+<%= active_admin_form_for(resource, as: resource_name, url: send(:"#{scope}_registration_path"), html: { id: "registration_new" }) do |f|
+  f.inputs do
+    resource.class.authentication_keys.each_with_index { |key, index|
+      f.input key, label: t("active_admin.devise."+key.to_s+".title"), input_html: { autofocus: index.zero? }
+    }
+    f.input :password, label: t("active_admin.devise.password.title")
+    f.input :password_confirmation, label: t("active_admin.devise.password_confirmation.title")
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.login.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.sign_up.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/active_admin/devise/sessions/new.html.erb

@@ -0,0 +1,23 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.login.title") %>
+<% end %>
+
+<% scope = Devise::Mapping.find_scope!(resource_name) %>
+<%= active_admin_form_for(resource, as: resource_name, url: send(:"#{scope}_session_path"), html: { id: "session_new" }) do |f|
+  f.inputs do
+    resource.class.authentication_keys.each_with_index { |key, index|
+      f.input key, label: t("active_admin.devise.#{key}.title"), input_html: { autofocus: index.zero? }
+    }
+    f.input :password, label: t("active_admin.devise.password.title")
+    f.input :remember_me, label: t("active_admin.devise.login.remember_me"), as: :boolean if devise_mapping.rememberable?
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.login.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.login.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/active_admin/devise/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <% scope = Devise::Mapping.find_scope!(resource_name) %>
+  <%= link_to t('active_admin.devise.links.sign_in'), send(:"new_#{scope}_session_path") %>
+  <br>
+<% end -%>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to t('active_admin.devise.links.sign_up'), new_registration_path(resource_name) %>
+  <br>
+<% end -%>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' %>
+  <%= link_to t('active_admin.devise.links.forgot_your_password'), new_password_path(resource_name) %>
+  <br>
+<% end -%>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to t('active_admin.devise.links.resend_confirmation_instructions'), new_confirmation_path(resource_name) %>
+  <br>
+<% end -%>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to t('active_admin.devise.links.resend_unlock_instructions'), new_unlock_path(resource_name) %>
+  <br>
+<% end -%>

data/app/views/active_admin/devise/shared/_omniauth.html.erb

@@ -0,0 +1,10 @@
+<%- if devise_mapping.omniauthable? %>
+  <div class="d-grid gap-2">
+    <%- resource_class.omniauth_providers.each do |provider| %>
+      <%= link_to t('active_admin.devise.links.sign_in_with_omniauth_provider', provider: provider.to_s.titleize),
+            omniauth_authorize_path(resource_name, provider), class: "btn btn-light" %>
+    <% end -%>
+  </div>
+
+  <div class="divider my-4"><%= I18n.t(:divider, scope: "active_admin.devise.omniauth") %></div>
+<% end -%>

data/app/views/active_admin/devise/unlocks/new.html.erb

@@ -0,0 +1,19 @@
+<% content_for :title do %>
+  <%= title t("active_admin.devise.unlock.title") %>
+<% end %>
+
+<%= devise_error_messages! %>
+<%= active_admin_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+  f.inputs do
+    f.input :email
+  end
+  f.actions do
+    f.action :submit,
+             label: t("active_admin.devise.unlock.submit"),
+             wrapper_html: {class: "d-block w-100"},
+             button_html: {
+               value: t("active_admin.devise.unlock.submit"),
+               class: "btn btn-primary w-100"
+             }
+  end
+end %>

data/app/views/kaminari/active_admin/_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
+-%>
+<li class="first page-item">
+  <%= link_to_unless current_page.first?, t('views.pagination.first').html_safe, url, remote: remote, class: 'page-link' %>
+</li>

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

@@ -0,0 +1,12 @@
+<%# 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
+-%>
+<li class="page gap page-item disabled">
+  <a href="#" onclick="return false;" class="page-link">
+    <%= t('views.pagination.truncate').html_safe %>
+  </a>
+</li>

data/app/views/kaminari/active_admin/_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
+-%>
+<li class="last page-item">
+  <%= link_to_unless current_page.last?, t('views.pagination.last').html_safe, url, remote: remote, class: 'page-link' %>
+</li>

data/app/views/kaminari/active_admin/_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
+-%>
+<li class="next page-item">
+  <%= link_to_unless current_page.last?, t('views.pagination.next').html_safe, url, rel: 'next', remote: remote, class: 'page-link' %>
+</li>

data/app/views/kaminari/active_admin/_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
+-%>
+<li class="page<%= ' current active' if page.current? %> page-item">
+  <%= link_to page, url, remote: remote, rel: page.rel, class: 'page-link' %>
+</li>

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

@@ -0,0 +1,27 @@
+<%# 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='paginator'>
+    <ul class="pagination">
+      <%= 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 %>
+    </ul>
+  </nav>
+<% end -%>

data/app/views/kaminari/active_admin/_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
+-%>
+<li class="prev page-item">
+  <%= link_to_unless current_page.first?, t('views.pagination.previous').html_safe, url, rel: 'prev', remote: remote, class: 'page-link' %>
+</li>

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

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="<%=I18n.locale%>">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title><%= [@page_title, ActiveAdmin.application.site_title(self)].compact.join(" | ") %></title>
+
+    <% ActiveAdmin.application.stylesheets.each do |style, options| %>
+      <% if ActiveAdmin.application.use_webpacker %>
+        <%= stylesheet_pack_tag style, **options %>
+      <% else %>
+        <%= stylesheet_link_tag style, **options %>
+      <% end %>
+    <% end %>
+    <% ActiveAdmin.application.javascripts.each do |path| %>
+      <% if ActiveAdmin.application.use_webpacker %>
+        <%= javascript_pack_tag path %>
+      <% else %>
+        <%= javascript_include_tag path %>
+      <% end %>
+    <% end %>
+
+    <%= favicon_link_tag ActiveAdmin.application.favicon if ActiveAdmin.application.favicon %>
+
+    <% ActiveAdmin.application.meta_tags_for_logged_out_pages.each do |name, content| %>
+      <%= tag(:meta, name: name, content: content) %>
+    <% end %>
+
+    <%= csrf_meta_tag %>
+  </head>
+  <body class="d-flex flex-column justify-content-center min-vh-100 py-4 active_admin logged_out <%= controller.action_name %>">
+    <div class="container-fluid">
+      <div class="row" id="content_wrapper">
+        <div class="col-md-6 col-lg-5 col-xl-4 mx-auto">
+          <div id="active_admin_content">
+            <div class="site-title-wrap mb-3">
+              <%= site_title ActiveAdmin.application %>
+            </div>
+            <div class="card panel">
+              <h5 class="card-header"><%= yield :title %></h5>
+              <div class="card-body">
+                <%= flashes_html %>
+                <%= render "active_admin/devise/shared/omniauth" %>
+                <%= yield %>
+              </div>
+              <div class="card-footer">
+                <%= render "active_admin/devise/shared/links" %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <%= footer ActiveAdmin.application %>
+    </div>
+  </body>
+</html>

data/config/locales/active_admin.en.yml

@@ -0,0 +1,25 @@
+---
+en:
+  active_admin:
+    batch_actions:
+      confirm_dialog:
+        cancel: Cancel
+        confirm: Confirm
+    confirm_dialog:
+      cancel: Cancel
+      confirm: Confirm
+    dashboard_welcome:
+      call_to_action: To add dashboard sections, checkout <code>app/admin/dashboard.rb</code>
+      footnote: |
+        Check our <a href="https://adminterface.io/" target="_blank" rel="noopener noreferrer">website</a>
+        to find in-depth documentation for everything that Adminterface offers.
+      welcome: Welcome to Adminterface. This is the default dashboard page.
+    devise:
+      omniauth:
+        divider: Or
+    filter_model: Find %{model}
+    inputs:
+      password:
+        visibility:
+          hide: Hide
+          show: Show

data/lib/adminterface/callable.rb

@@ -0,0 +1,7 @@
+module Adminterface
+  module Callable
+    def call(*args, **kwargs, &block)
+      new(*args, **kwargs).call(&block)
+    end
+  end
+end