avo 0.4.10 → 0.5.0.beta1

data/app/components/avo/panel_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+class Avo::PanelComponent < ViewComponent::Base
+  with_content_areas :tools, :body, :bare_content, :footer
+
+  def initialize(title: nil, body_classes: nil, data: {})
+    @title = title
+    @body_classes = body_classes
+    @data = data
+  end
+
+  private
+    def data_attributes
+      return if @data.blank?
+
+      @data.map do |key, value|
+        " data-#{key}=\"#{value}\""
+      end.join
+    end
+end

data/app/components/avo/resource_component.rb

@@ -0,0 +1,14 @@
+class Avo::ResourceComponent < ViewComponent::Base
+  def can_create?
+    @resource.authorization.authorize_action(:create, raise_exception: false)
+  end
+
+  def can_delete?
+    @resource.authorization.authorize_action(:destroy, raise_exception: false)
+  end
+
+  private
+    def simple_relation?
+      @reflection.is_a? ::ActiveRecord::Reflection::HasManyReflection
+    end
+end

data/app/components/avo/show/field_wrapper_component.html.erb

@@ -0,0 +1,16 @@
+<div class="flex items-start leading-tight <%= @classes %> min-h-16" data-field-id="<%= @field.id %>">
+  <div class="h-16 flex self-start items-center text-blue-gray-800">
+    <div class="w-48 md:w-64 px-8" data-slot="label">
+      <%= @field.name %> <% if @field.required %> <span class="text-red-600">*</span> <% end %>
+    </div>
+  </div>
+  <div class="flex-1 flex flex-row h-full ml-2 min-h-inherit">
+    <div class="px-6 py-3 self-center <% if @full_width %> w-full <% else %> w-8/12 <% end %>" data-slot="value">
+      <% if @field.value.blank? and @dash_if_blank %>
+        —
+      <% else %>
+        <%= content %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/components/avo/show/field_wrapper_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+class Avo::Show::FieldWrapperComponent < ViewComponent::Base
+  def initialize(field: nil, dash_if_blank: true, full_width: false, **args)
+    @field = field
+    @dash_if_blank = dash_if_blank
+    @classes = args[:class].present? ? args[:class] : ''
+    @args = args
+    @full_width = full_width
+
+    if @index != 0 or @displayed_in_modal
+      @classes += ' border-t'
+    end
+  end
+end

data/app/components/avo/show/fields/badge_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= render Avo::Common::BadgeViewerComponent.new value: @field.value, options: @field.meta[:options] %>
+<% end %>

data/app/components/avo/show/fields/badge_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::BadgeFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/belongs_to_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= link_to @field.label, helpers.resource_path(@field.value, via_resource_class: @resource.model_class, via_resource_id: @resource.model.id) %>
+<% end %>

data/app/components/avo/show/fields/belongs_to_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::BelongsToFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/boolean_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index, dash_if_blank: false do %>
+  <%= render Avo::Common::BooleanCheckComponent.new checked: @field.value %>
+<% end %>

data/app/components/avo/show/fields/boolean_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::BooleanFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/boolean_group_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= render Avo::Common::BooleanGroupComponent.new options: @field.options, value: @field.value %>
+<% end %>

data/app/components/avo/show/fields/boolean_group_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::BooleanGroupFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/code_field_component.html.erb

@@ -0,0 +1,19 @@
+<%= show_field_wrapper field: @field, index: @index, full_width: true do %>
+  <div data-controller="code-field" style="--height: <%= @field.height %>">
+    <%= text_area_tag @field.id, @field.value,
+      class: helpers.input_classes('w-full'),
+      placeholder: @field.placeholder,
+      disabled: true,
+      data: {
+        'code-field-target': 'element',
+        view: :edit,
+        language: @field.language,
+        theme: @field.theme,
+        'tab-size': @field.tab_size,
+        'read-only': true,
+        'indent-with-tabs': @field.indent_with_tabs,
+        'line-wrapping': @field.line_wrapping,
+      }
+    %>
+  </div>
+<% end %>

data/app/components/avo/show/fields/code_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::CodeFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/country_field_component.html.erb

@@ -0,0 +1,7 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <% if @field.display_code %>
+    <%= @field.value %>
+  <% else %>
+    <%= @field.countries[@field.value] %>
+  <% end %>
+<% end %>

data/app/components/avo/show/fields/country_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::CountryFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/date_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.formatted_value %>
+<% end %>

data/app/components/avo/show/fields/date_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::DateFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/date_time_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.formatted_value %>
+<% end %>

data/app/components/avo/show/fields/date_time_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::DateTimeFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/external_image_field_component.html.erb

@@ -0,0 +1,5 @@
+<%= show_field_wrapper field: @field, field: @field do %>
+  <% if @field.value.present? %>
+    <%= image_tag @field.value, style: 'max-width: 340px;' %>
+  <% end %>
+<% end %>

data/app/components/avo/show/fields/external_image_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::ExternalImageFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/field_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::FieldComponent < ViewComponent::Base
+  include Avo::ResourcesHelper
+
+  def initialize(field: nil, resource: nil, index: 0)
+    @field = field
+    @resource = resource
+    @index = index
+  end
+end

data/app/components/avo/show/fields/file_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field do %>
+  <%= render Avo::Common::SingleFileViewerComponent.new resource: @resource, id: @field.id, file: @field.value.attachment, is_image: @field.is_image, button_size: :md %>
+<% end %>

data/app/components/avo/show/fields/file_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::FileFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/files_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, full_width: true do %>
+  <%= render Avo::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
+<% end %>

data/app/components/avo/show/fields/files_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::FilesFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/gravatar_field_component.html.erb

@@ -0,0 +1,7 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= render Avo::Common::GravatarViewerComponent.new(
+    md5: @field.md5,
+    default: @field.default,
+  )
+  %>
+<% end %>

data/app/components/avo/show/fields/gravatar_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::GravatarFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/has_many_field_component.html.erb

@@ -0,0 +1,3 @@
+<turbo-frame id="<%= @field.turbo_frame %>" src="<%= @field.frame_url %>" target="_top">
+  <%= render(Avo::LoadingComponent.new(title: @field.name)) %>
+</turbo-frame>

data/app/components/avo/show/fields/has_many_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::HasManyFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/has_one_field_component.html.erb

@@ -0,0 +1,19 @@
+<% if @field.value %>
+  <turbo-frame id="<%= @field.turbo_frame %>" src="<%= @field.frame_url %>" target="_top">
+    <%= render(Avo::LoadingComponent.new(title: @field.name)) %>
+  </turbo-frame>
+<% else %>
+  <%= panel(title: @field.id.capitalize) do |c| %>
+    <% c.with :tools do %>
+      <%= a_link helpers.resource_attach_path(@resource.model.model_name.route_key, @resource.model.id, @field.id), color: 'indigo', 'data-turbo-frame': 'attach_modal' do %>
+        <%= svg 'view-grid-add' %> <%= t('avo.attach_item', { item: @field.id }).capitalize %>
+      <% end %>
+    <% end %>
+
+    <% c.with :body do %>
+      <div class="py-8 flex justify-center items-center">
+        <%= empty_state @field.id %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/avo/show/fields/has_one_field_component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::HasOneFieldComponent < Avo::Show::Fields::FieldComponent
+  include Avo::ApplicationHelper
+end

data/app/components/avo/show/fields/heading_field_component.html.erb

@@ -0,0 +1,3 @@
+<div <% if @index == 0 %> class="overflow-hidden rounded-t-xl" <% end %> data-field-id="<%= @field.id %>">
+  <%= render Avo::Common::HeadingComponent.new value: @field.name, as_html: @field.meta[:as_html] %>
+</div>

data/app/components/avo/show/fields/heading_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::HeadingFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/id_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.value %>
+<% end %>

data/app/components/avo/show/fields/id_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::IdFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/markdown_field_component.html.erb

@@ -0,0 +1,10 @@
+<%= show_field_wrapper field: @field, index: @index, full_width: true do %>
+  <div data-controller="simple-mde" class="py-6">
+    <%= text_area_tag @field.id, @field.value,
+      class: helpers.input_classes('w-full js-has-simple-mde-editor'),
+      placeholder: @field.placeholder,
+      disabled: @field.readonly,
+      'data-simple-mde-target': 'element',
+      'data-view': :show %>
+  </div>
+<% end %>

data/app/components/avo/show/fields/markdown_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::MarkdownFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/number_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.value %>
+<% end %>

data/app/components/avo/show/fields/number_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::NumberFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/select_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.label %>
+<% end %>

data/app/components/avo/show/fields/select_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::SelectFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/status_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= render Avo::Common::StatusViewerComponent.new label: @field.value, status: @field.status %>
+<% end %>

data/app/components/avo/show/fields/status_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::StatusFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/text_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.value %>
+<% end %>

data/app/components/avo/show/fields/text_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::TextFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/textarea_field_component.html.erb

@@ -0,0 +1,3 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%= @field.value %>
+<% end %>

data/app/components/avo/show/fields/textarea_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::TextareaFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/show/fields/trix_field_component.html.erb

@@ -0,0 +1,14 @@
+<%= show_field_wrapper field: @field, index: @index do %>
+  <%
+    content_classes = 'prose prose-sm'
+    content_classes << ' hidden' unless @field.always_show
+  %>
+  <div data-controller="hidden-input">
+    <% unless @field.always_show %>
+      <%= link_to t('avo.show_content'), 'javascript:void(0);', class: 'font-bold inline-block', data: { action: 'click->hidden-input#showContent' } %>
+    <% end %>
+    <div class="<%= content_classes %> " data-hidden-input-target="content">
+      <%== @field.value %>
+    </div>
+  </div>
+<% end %>

data/app/components/avo/show/fields/trix_field_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Show::Fields::TrixFieldComponent < Avo::Show::Fields::FieldComponent
+end

data/app/components/avo/views/resource_edit_component.html.erb

@@ -0,0 +1,29 @@
+<div data-model-id="<%= @resource.model.id %>">
+  <% @resource.panels.each do |resource_panel| %>
+    <%= form_with model: @resource.model, url: helpers.resource_path(@resource.model), method: :put, multipart: true do |form| %>
+      <%= hidden_field_tag :referrer, back_path if params[:via_resource_class] %>
+
+      <%= panel(title: resource_panel[:name]) do |component| %>
+        <% component.with :tools do %>
+          <div class="flex justify-end space-x-2">
+            <%= a_link back_path do %>
+              <%= helpers.svg 'arrow-left' %> <%= t('avo.cancel').capitalize %>
+            <% end %>
+
+            <% if @resource.authorization.authorize_action :update, raise_exception: false %>
+              <%= a_button color: 'green', variant: 'outlined', type: :submit do %>
+                <%= helpers.svg 'save' %> <%= t('avo.save').capitalize %>
+              <% end %>
+            <% end %>
+          </div>
+        <% end %>
+
+        <% component.with :body do %>
+          <% @resource.get_fields.each_with_index do |field, index| %>
+            <%= edit_field field, index, @resource, form unless field.computed %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>