avo 0.4.9 → 0.5.0.beta4

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

@@ -0,0 +1,18 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <div data-controller="date-field">
+    <%= @form.date_field @field.id,
+      class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+      placeholder: @field.placeholder,
+      disabled: @field.readonly,
+      data: {
+        'date-field-target': 'input',
+        'first-day-of-week': @field.first_day_of_week,
+        'picker-format': @field.picker_format,
+        'enable-time': false,
+        format: @field.format,
+        placeholder: @field.placeholder,
+        relative: @field.relative,
+      }
+    %>
+  </div>
+<% end %>

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

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

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

@@ -0,0 +1,20 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <div data-controller="date-field">
+    <%= @form.datetime_field @field.id,
+      class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+      placeholder: @field.placeholder,
+      disabled: @field.readonly,
+      data: {
+        'date-field-target': 'input',
+        'first-day-of-week': @field.first_day_of_week,
+        'picker-format': @field.picker_format,
+        'enable-time': true,
+        time24hr: @field.time_24hr,
+        timezone: @field.timezone,
+        format: @field.format,
+        placeholder: @field.placeholder,
+        relative: @field.relative,
+      }
+    %>
+  </div>
+<% end %>

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

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

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

@@ -0,0 +1,6 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.text_field @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly %>
+<% end %>

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

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

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

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

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

@@ -0,0 +1,9 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <% if @field.value.present? %>
+    <div class="mb-2">
+      <%= render Avo::Common::SingleFileViewerComponent.new resource: @resource, id: @field.id, file: @field.value, is_image: @field.is_image, button_size: :md %>
+    </div>
+  <% end %>
+
+  <%= @form.file_field @field.id, disabled: @field.readonly %>
+<% end %>

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

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

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

@@ -0,0 +1,5 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal, full_width: true do %>
+  <%= render Avo::Common::FilesListViewerComponent.new(field: @field, resource: @resource) if @field.value.present? %>
+
+  <%= @form.file_field @field.id, disabled: @field.readonly, multiple: true %>
+<% end %>

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

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

data/app/components/avo/edit/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/edit/fields/heading_field_component.rb

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

data/app/components/avo/edit/fields/hidden_field_component.html.erb

@@ -0,0 +1 @@
+<%= @form.hidden_field @field.id %>

data/app/components/avo/edit/fields/hidden_field_component.rb

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

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

@@ -0,0 +1,3 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= field.value %>
+<% end %>

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

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

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

@@ -0,0 +1,11 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal, full_width: true do %>
+  <div data-controller="simple-mde">
+    <%= @form.text_area @field.id,
+      class: helpers.input_classes('w-full js-has-simple-mde-editor', has_error: @field.model_errors.include?(@field.id)),
+      placeholder: @field.placeholder,
+      disabled: @field.readonly,
+      'data-simple-mde-target': 'element',
+      'data-view': :edit
+    %>
+  </div>
+<% end %>

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

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

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

@@ -0,0 +1,9 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.number_field @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly,
+    min: @field.meta[:min],
+    max: @field.meta[:max],
+    step: @field.meta[:step] %>
+<% end %>

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

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

data/app/components/avo/edit/fields/password_field_component.html.erb

@@ -0,0 +1,7 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.password_field @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly
+    %>
+<% end %>

data/app/components/avo/edit/fields/password_field_component.rb

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

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

@@ -0,0 +1,6 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.select @field.id, @field.options_for_select, { selected: @field.value, prompt: @field.placeholder }, {
+      class: helpers.input_classes(' w-full', has_error: @field.model_errors.include?(@field.id)),
+      disabled: @field.readonly,
+      value: @field.model.present? ? @field.model[@field.id] : @field.value } %>
+<% end %>

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

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

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

@@ -0,0 +1,7 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.text_field @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly,
+    value: @resource.model.present? ? @resource.model[@field.id] : @field.value %>
+<% end %>

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

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

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

@@ -0,0 +1,6 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.text_field @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly %>
+<% end %>

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

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

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

@@ -0,0 +1,7 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <%= @form.text_area @field.id,
+    class: helpers.input_classes('w-full', has_error: @field.model_errors.include?(@field.id)),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly,
+    rows: @field.meta[:rows] %>
+<% end %>

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

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

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

@@ -0,0 +1,11 @@
+<%= edit_field_wrapper field: @field, index: @index, form: @form, resource: @resource, displayed_in_modal: @displayed_in_modal do %>
+  <% trix_id = "trix_#{@resource.name.underscore}_#{@field.id}" %>
+  <trix-editor input="<%= trix_id %>"></trix-editor>
+  <%= @form.text_area @field.id,
+    id: trix_id,
+    class: helpers.input_classes('w-full hidden', has_error: (@resource.model.present? and @resource.model.errors.include?(@field.id))),
+    placeholder: @field.placeholder,
+    disabled: @field.readonly,
+    rows: @field.meta[:rows]
+  %>
+<% end %>

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

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

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

@@ -0,0 +1,7 @@
+<td class="px-4 py-2 leading-tight whitespace-nowrap h-12 text-blue-gray-800 <%= @classes %>" data-field-id="<%= @field.id %>">
+  <% if @field.value.blank? && @dash_if_blank %>
+    —
+  <% else %>
+    <%= content %>
+  <% end %>
+</td>

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

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+class Avo::Index::FieldWrapperComponent < ViewComponent::Base
+  def initialize(field: nil, dash_if_blank: true, **args)
+    @field = field
+    @dash_if_blank = dash_if_blank
+    @classes = args[:class].present? ? args[:class] : ''
+    @args = args
+  end
+end

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

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

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

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

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

@@ -0,0 +1,7 @@
+<%= index_field_wrapper field: @field do %>
+  <% if @field.value.present? %>
+    <%= link_to @field.label, helpers.resource_path(@field.value) %>
+  <% else %>
+    –
+  <% end %>
+<% end %>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+<%= index_field_wrapper field: @field do %>
+  <% if @field.value.present? %>
+    <%= image_tag @field.value,
+      height: @field.height,
+      width: @field.width,
+      style: "border-radius: #{@field.radius}px"
+    %>
+  <% end %>
+<% end %>

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

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

data/app/components/avo/index/fields/field_component.html.erb

@@ -0,0 +1 @@
+<div>Add Index::Field template here</div>

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

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class Avo::Index::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/index/fields/file_field_component.html.erb

@@ -0,0 +1,11 @@
+<%= index_field_wrapper field: @field do %>
+  <% if @field.value.present? %>
+    <% if @field.value.attached? && @field.value.representable? && @field.is_image %>
+      <%= link_to_if @field.link_to_resource, image_tag(@field.variant, class: 'max-h-full'), helpers.resource_path(@resource.model), class: 'block h-8' %>
+    <% else %>
+      <%= @field.value.filename %>
+    <% end %>
+  <% else %>
+    —
+  <% end %>
+<% end %>

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

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