avo 0.4.6 → 0.5.0.beta1

data/app/frontend/js/controllers/tippy_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from 'stimulus'
+import tippy from 'tippy.js'
+
+export default class extends Controller {
+  static targets = ['source', 'content']
+
+  connect() {
+    tippy(this.sourceTarget, {
+      content: this.contentTarget.innerHTML,
+      allowHTML: true,
+      theme: 'light',
+    })
+  }
+}

data/app/frontend/js/controllers/toggle_panel_controller.js

@@ -0,0 +1,18 @@
+import { Controller } from 'stimulus'
+import { useClickOutside } from 'stimulus-use'
+
+export default class extends Controller {
+  static targets = ['panel']
+
+  connect() {
+    useClickOutside(this)
+  }
+
+  clickOutside() {
+    this.panelTarget.classList.add('hidden')
+  }
+
+  togglePanel() {
+    this.panelTarget.classList.toggle('hidden')
+  }
+}

data/app/frontend/js/helpers/cast_boolean.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line eqeqeq
+export const castBoolean = (value) => value == 'true'

data/app/frontend/js/toastr.js

@@ -0,0 +1,9 @@
+import toastr from 'toastr/build/toastr.min'
+
+toastr.options.showDuration = 400
+toastr.options.hideDuration = 400
+toastr.options.closeButton = true
+toastr.options.positionClass = 'toast-bottom-right'
+toastr.options.closeHtml = '<button class="mt-2 mr-1"><svg class="w-4 h-4 text-gray-700" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg></button>'
+
+window.toastr = toastr

data/app/frontend/packs/application.js

@@ -0,0 +1,45 @@
+import '@/css/application.css'
+
+import 'regenerator-runtime/runtime'
+import 'trix'
+import * as Mousetrap from 'mousetrap'
+import { Application } from 'stimulus'
+import { Turbo } from '@hotwired/turbo-rails'
+import { definitionsFromContext } from 'stimulus/webpack-helpers'
+import tippy from 'tippy.js'
+
+// Toastr alerts
+import '../js/toastr'
+
+Mousetrap.bind('r r r', () => Turbo.visit(window.location.href))
+
+const application = Application.start()
+
+const context = require.context('./../js/controllers', true, /\.js$/)
+application.load(definitionsFromContext(context))
+
+const fieldsContext = require.context('./../js/controllers/fields', true, /\.js$/)
+application.load(definitionsFromContext(fieldsContext))
+
+document.addEventListener('turbo:load', () => {
+  document.body.classList.remove('turbo-loading')
+
+  tippy('[data-tippy="tooltip"]', {
+    theme: 'light',
+    content(reference) {
+      const title = reference.getAttribute('title')
+      reference.removeAttribute('title')
+
+      return title
+    },
+  })
+})
+document.addEventListener('turbo:visit', () => document.body.classList.add('turbo-loading'))
+document.addEventListener('turbo:submit-start', () => document.body.classList.add('turbo-loading'))
+
+// Uncomment to copy all static images under ../images to the output folder and reference
+// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
+// or the `imagePath` JavaScript helper below.
+//
+const images = require.context('../images', true)
+const imagePath = (name) => images(name, true)

data/app/frontend/svgs/badge-check-sm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+</svg>

data/app/frontend/svgs/document-text.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+</svg>

data/app/frontend/svgs/exclamation-circle-sm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+</svg>

data/app/frontend/svgs/exclamation-sm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
+</svg>

data/app/frontend/svgs/information-circle-sm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
+</svg>

data/app/frontend/svgs/information-circle.svg

@@ -0,0 +1 @@
+<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>

data/app/frontend/svgs/play.svg

@@ -0,0 +1 @@
+<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>

data/app/frontend/svgs/times.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+</svg>

data/app/frontend/svgs/trash-sm.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd" />
+</svg>

data/app/helpers/avo/actions_helper.rb

@@ -0,0 +1,4 @@
+module Avo
+  module ActionsHelper
+  end
+end

data/app/helpers/avo/application_helper.rb

@@ -1,25 +1,178 @@
 module Avo
   module ApplicationHelper
     include ::Webpacker::Helper
+    include ::Pagy::Frontend
 
     def current_webpacker_instance
       Avo.webpacker
     end
 
     def render_logo
-      render partial: 'vendor/avo/partials/logo' rescue render partial: 'partials/logo'
+      render partial: 'vendor/avo/partials/logo' rescue render partial: 'avo/partials/logo'
     end
 
     def render_header
-      render partial: 'vendor/avo/partials/header' rescue render partial: 'partials/header'
+      render partial: 'vendor/avo/partials/header' rescue render partial: 'avo/partials/header'
     end
 
     def render_footer
-      render partial: 'vendor/avo/partials/footer' rescue render partial: 'partials/footer'
+      render partial: 'vendor/avo/partials/footer' rescue render partial: 'avo/partials/footer'
     end
 
     def render_scripts
       render partial: 'vendor/avo/partials/scripts' rescue ''
     end
+
+    def render_license_warnings
+      render partial: 'avo/sidebar/license_warnings', locals: {
+        license: Avo::App.license.properties,
+      }
+    end
+
+    def render_license_warning(title: '', message: '', icon: 'exclamation')
+      render partial: 'avo/sidebar/license_warning', locals: {
+        title: title,
+        message: message,
+        icon: icon,
+      }
+    end
+
+    def panel(**args, &block)
+      render(Avo::PanelComponent.new(**args)) do |component|
+        capture(component, &block)
+      end
+    end
+
+    def empty_state(resource_name)
+      render partial: 'avo/partials/empty_state', locals: { resource_name: resource_name }
+    end
+
+    def turbo_frame_start(name)
+      "<turbo-frame id=\"#{name}\">".html_safe if name.present?
+    end
+
+    def turbo_frame_end(name)
+      '</turbo-frame>'.html_safe if name.present?
+    end
+
+    def a_button(label = nil, **args, &block)
+      args[:class] = button_classes(args[:class], color: args[:color], variant: args[:variant], size: args[:size])
+
+      locals = {
+        label: label,
+        args: args,
+      }
+
+      if block_given?
+        render layout: 'avo/partials/a_button', locals: locals do
+          capture(&block)
+        end
+      else
+        render partial: 'avo/partials/a_button', locals: locals
+      end
+    end
+
+    def a_link(label, url = nil, **args, &block)
+      args[:class] = button_classes(args[:class], color: args[:color], variant: args[:variant], size: args[:size])
+
+      if block_given?
+        url = label
+      end
+
+      locals = {
+        label: label,
+        url: url,
+        args: args,
+      }
+
+      if block_given?
+        render layout: 'avo/partials/a_link', locals: locals do
+          capture(&block)
+        end
+      else
+        render partial: 'avo/partials/a_link', locals: locals
+      end
+    end
+
+    def button_classes(extra_classes = nil, color: nil, variant: nil, size: :md)
+      classes = "inline-flex flex-grow-0 items-center text-sm font-bold leading-none fill-current whitespace-nowrap transition duration-100 rounded-lg shadow-xl transform transition duration-100 active:translate-x-px active:translate-y-px cursor-pointer disabled:cursor-not-allowed #{extra_classes}"
+
+      if color.present?
+        if variant.present? and variant.to_sym == :outlined
+          classes += ' bg-white border'
+
+          classes += " hover:border-#{color}-700 border-#{color}-600 text-#{color}-600 hover:text-#{color}-700 disabled:border-gray-300 disabled:text-gray-600"
+        else
+          classes += " text-white bg-#{color}-500 hover:bg-#{color}-600 disabled:bg-#{color}-300"
+        end
+      else
+        classes += ' text-gray-700 bg-white hover:bg-gray-100 disabled:bg-gray-300'
+      end
+
+      size = size.present? ? size.to_sym : :md
+      case size
+      when :xs
+        classes += ' p-2 py-1'
+      when :sm
+        classes += ' p-3'
+      when :md
+        classes += ' p-4'
+      else
+        classes += ' p-4'
+      end
+
+      classes
+    end
+
+    def svg(file_name, **args)
+      options = {}
+      options[:class]  = args[:class].present? ? args[:class] : 'h-4 mr-1'
+      options[:class] += args[:extra_class].present? ? " #{args[:extra_class]}" : ''
+
+      # Create the path to the svgs directory
+      file_path = "#{Avo::Engine.root}/app/frontend/svgs/#{file_name}"
+      file_path = "#{file_path}.svg" unless file_path.end_with? '.svg'
+
+      # Create a cache hash
+      hash = Digest::MD5.hexdigest "#{file_path.underscore}_#{options.to_s}"
+
+      svg_content = Avo::App.cache_store.fetch "svg_file_#{hash}", expires_in: 1.year, cache_nils: false do
+        if File.exists?(file_path)
+          file = File.read(file_path)
+
+          # parse svg
+          doc = Nokogiri::HTML::DocumentFragment.parse file
+          svg = doc.at_css 'svg'
+
+          # attach options
+          options.each do |attr, value|
+            svg[attr.to_s] = value
+          end
+
+          # cast to html
+          doc.to_html.html_safe
+        else
+          nil
+        end
+      end
+
+      return '(not found)' if svg_content.to_s.blank?
+
+      svg_content
+    end
+
+    def input_classes(extra_classes = '', has_error: false)
+      classes = 'appearance-none inline-flex bg-blue-gray-100 disabled:bg-blue-gray-300 disabled:cursor-not-allowed focus:bg-white text-blue-gray-700 disabled:text-blue-gray-700 rounded-md py-2 px-3 leading-tight border outline-none outline'
+
+      if has_error
+        classes += ' border-red-600'
+      else
+        classes += ' border-blue-gray-300'
+      end
+
+      classes += " #{extra_classes}"
+
+      classes
+    end
   end
 end

data/app/helpers/avo/attachments_helper.rb

@@ -0,0 +1,4 @@
+module Avo
+  module AttachmentsHelper
+  end
+end

data/app/helpers/avo/resources_helper.rb

@@ -0,0 +1,101 @@
+module Avo
+  module ResourcesHelper
+    def resource_table(resources, resource)
+      render partial: 'avo/partials/resource_table', locals: {
+        resources: resources,
+        resource: resource,
+      }
+    end
+
+    def resource_grid(resources, resource)
+      render partial: 'avo/partials/resource_grid', locals: {
+        resources: resources,
+        resource: resource,
+      }
+    end
+
+    def index_field(field, index, resource)
+      component = field.component_name(:index)
+
+      if Object.const_defined? component
+        render component.safe_constantize.new(field: field, resource: resource, index: index)
+      else
+        render partial: field.partial_path_for(:index), locals: {
+          field: field,
+          index: index,
+          resource: resource,
+        }
+      end
+    end
+
+    def show_field(field, index, resource)
+      component = field.component_name(:show)
+
+      if Object.const_defined? component
+        render component.safe_constantize.new(field: field, resource: resource, index: index)
+      else
+        render partial: field.partial_path_for(:show), locals: {
+          field: field,
+          index: index,
+          resource: resource,
+        }
+      end
+    end
+
+    def edit_field(field, index, resource, form, displayed_in_modal: false)
+      component = field.component_name(:edit)
+
+      if Object.const_defined? component
+        render component.safe_constantize.new(field: field, resource: resource, index: index, form: form, displayed_in_modal: displayed_in_modal)
+      else
+        render partial: field.partial_path_for(:edit), locals: {
+          field: field,
+          index: index,
+          resource: resource,
+          form: form,
+          displayed_in_modal: displayed_in_modal,
+        }
+      end
+    end
+
+    def index_field_wrapper(**args, &block)
+      render Index::FieldWrapperComponent.new(**args) do
+        capture(&block)
+      end
+    end
+
+    def show_field_wrapper(**args, &block)
+      render Show::FieldWrapperComponent.new(**args) do
+        capture(&block)
+      end
+    end
+
+    def edit_field_wrapper(**args, &block)
+      render Edit::FieldWrapperComponent.new(**args) do
+        capture(&block)
+      end
+    end
+
+    def filter_wrapper(name: nil, index: nil, **args, &block)
+      render layout: 'layouts/avo/filter_wrapper', locals: {
+        name: name,
+        index: index,
+      } do
+        capture(&block)
+      end
+    end
+
+    def item_selector_init(resource)
+      "data-resource-name='#{resource.plural_name.downcase}' data-resource-id='#{resource.model.id}' data-controller='item-selector'"
+    end
+
+    def item_selector_input(floating: false, size: :md)
+      "<input type='checkbox'
+        class='mx-3 #{'absolute inset-auto left-0 mt-2 z-10 hidden group-hover:block checked:block' if floating} #{size.to_sym == :lg ? 'w-5 h-5' : 'w-4 h-4'}'
+        data-action='input->item-selector#toggle'
+        title='#{t 'avo.select_item' }'
+        data-tippy='tooltip'
+      />"
+    end
+  end
+end