spina-admin-conferences-fork 2.1.2 → 3.0.0.rc1

data/app/controllers/spina/admin/conferences/sessions_controller.rb

@@ -11,8 +11,6 @@ module Spina
         before_action :set_tabs
         before_action :set_conferences, :set_institutions, only: %i[new edit]
 
-        layout 'spina/admin/conferences/conferences'
-
         # @!group Actions
 
         # Renders a list of sessions.
@@ -36,51 +34,39 @@ module Spina
 
         # Creates a session.
         # @return [void]
-        def create # rubocop:disable Metrics/MethodLength
+        def create
           @session = Session.new(session_params)
 
           if @session.save
             redirect_to admin_conferences_sessions_path, success: t('.saved')
           else
-            respond_to do |format|
-              format.html do
-                add_breadcrumb t('.new')
-                render :new
-              end
-              format.turbo_stream { render partial: 'errors', locals: { errors: @session.errors } }
-            end
+            add_breadcrumb t('.new')
+            flash.now[:alert] = t('.failed')
+            render :new, status: :unprocessable_entity
           end
         end
 
         # Updates a session.
         # @return [void]
-        def update # rubocop:disable Metrics/MethodLength
+        def update
           if @session.update(session_params)
             redirect_to admin_conferences_sessions_path, success: t('.saved')
           else
-            respond_to do |format|
-              format.html do
-                add_breadcrumb @session.name
-                render :edit
-              end
-              format.turbo_stream { render partial: 'errors', locals: { errors: @session.errors } }
-            end
+            add_breadcrumb @session.name
+            flash.now[:alert] = t('.failed')
+            render :edit, status: :unprocessable_entity
           end
         end
 
         # Destroys a session.
         # @return [void]
-        def destroy # rubocop:disable Metrics/MethodLength
+        def destroy
           if @session.destroy
             redirect_to admin_conferences_sessions_path, success: t('.destroyed')
           else
-            respond_to do |format|
-              format.html do
-                add_breadcrumb @session.name
-                render :edit
-              end
-              format.turbo_stream { render partial: 'errors', locals: { errors: @session.errors } }
-            end
+            add_breadcrumb @session.name
+            flash.now[:alert] = t('.failed')
+            render :edit, status: :unprocessable_entity
           end
         end
 

data/app/jobs/spina/admin/conferences/import_job.rb

@@ -16,9 +16,9 @@ module Spina
         # Performs the job.
         # @param file [String] the UTF-8-encoded string to parse as a CSV
         # @yieldparam row [Hash] the current row of the CSV
-        def import(file)
+        def import(file, &block)
           csv_rows = CSV.parse file, encoding: 'UTF-8', headers: true, header_converters: :symbol, converters: [:json]
-          csv_rows.each { |row| yield(row) }
+          csv_rows.each(&block)
         end
       end
     end

data/app/models/spina/admin/conferences/conference.rb

@@ -184,7 +184,7 @@ module Spina
         end
 
         # @return [Icalendar::Event] the conference as an iCal event
-        def to_event # rubocop:disable Metrics/AbcSize, Metrics/MethodLength
+        def to_event # rubocop:disable Metrics/AbcSize
           event = Icalendar::Event.new
           return event if invalid?
 

data/app/models/spina/admin/conferences/delegate.rb

@@ -32,17 +32,17 @@ module Spina
         #   @return [ActiveRecord::Relation] directly associated conferences
         #   @see Conference
         has_and_belongs_to_many :conferences, -> { includes(:translations) }, foreign_key: :spina_conferences_delegate_id, # rubocop:disable Rails/HasAndBelongsToMany
-                                              association_foreign_key: :spina_conferences_conference_id
+                                                                              association_foreign_key: :spina_conferences_conference_id
         # @!attribute [rw] presentations
         #   @return [ActiveRecord::Relation] directly associated presentations
         #   @see Presentation
         has_and_belongs_to_many :presentations, -> { includes(:translations) }, foreign_key: :spina_conferences_delegate_id, # rubocop:disable Rails/HasAndBelongsToMany
-                                                association_foreign_key: :spina_conferences_presentation_id
+                                                                                association_foreign_key: :spina_conferences_presentation_id
         # @!attribute [rw] dietary_requirements
         #   @return [ActiveRecord::Relation] directly associated dietary requirements
         #   @see DietaryRequirement
         has_and_belongs_to_many :dietary_requirements, -> { includes(:translations) }, foreign_key: :spina_conferences_delegate_id, # rubocop:disable Rails/HasAndBelongsToMany
-                                                       association_foreign_key: :spina_conferences_dietary_requirement_id
+                                                                                       association_foreign_key: :spina_conferences_dietary_requirement_id # rubocop:disable Layout/LineLength
 
         validates :first_name, :last_name, presence: true
         validates :email_address, 'spina/admin/conferences/email_address': true

data/app/models/spina/admin/conferences/presentation.rb

@@ -89,7 +89,7 @@ module Spina
         # @return [void]
         # @see PresentationImportJob#perform
         def self.import(file)
-          PresentationImportJob.perform_later IO.read(file)
+          PresentationImportJob.perform_later File.read(file)
         end
 
         # @return [Date, nil] the start date of the presentation. Nil if the presentation has no start date and time

data/app/views/spina/admin/conferences/application/_conferences.html.haml

@@ -1,12 +1,11 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Conference.human_attribute_name :name
-          %th= Spina::Admin::Conferences::Conference.human_attribute_name :year
-          %th= Spina::Admin::Conferences::Conference.human_attribute_name :start_date
-          %th= Spina::Admin::Conferences::Conference.human_attribute_name :finish_date
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Conference.human_attribute_name :name
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Conference.human_attribute_name :year
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Conference.human_attribute_name :start_date
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Conference.human_attribute_name :finish_date
+        %th
 
-      %tbody= render conferences.presence || 'empty_list', message: t('.no_conferences')
+    %tbody= render conferences.presence || 'empty_list', message: t('.no_conferences')

data/app/views/spina/admin/conferences/application/_delegates.html.haml

@@ -1,11 +1,10 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Delegate.human_attribute_name :name
-          %th= Spina::Admin::Conferences::Delegate.human_attribute_name :email_address
-          %th= Spina::Admin::Conferences::Delegate.human_attribute_name :institution
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Delegate.human_attribute_name :name
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Delegate.human_attribute_name :email_address
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Delegate.human_attribute_name :institution
+        %th
 
-      %tbody= render delegates.presence || 'empty_list', message: t('.no_delegates')
+    %tbody= render delegates.presence || 'empty_list', message: t('.no_delegates')

data/app/views/spina/admin/conferences/application/_dietary_requirements.html.haml

@@ -1,9 +1,8 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::DietaryRequirement.human_attribute_name :name
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::DietaryRequirement.human_attribute_name :name
+        %th
 
-      %tbody= render dietary_requirements.presence || 'empty_list', message: t('.no_dietary_requirements')
+    %tbody= render dietary_requirements.presence || 'empty_list', message: t('.no_dietary_requirements')

data/app/views/spina/admin/conferences/application/_institutions.html.haml

@@ -1,10 +1,9 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Institution.human_attribute_name :name
-          %th= Spina::Admin::Conferences::Institution.human_attribute_name :city
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Institution.human_attribute_name :name
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Institution.human_attribute_name :city
+        %th
 
-      %tbody= render institutions.presence || 'empty_list', message: t('.no_institutions')
+    %tbody= render institutions.presence || 'empty_list', message: t('.no_institutions')

data/app/views/spina/admin/conferences/application/_presentation_attachment_types.html.haml

@@ -1,10 +1,9 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::DietaryRequirement.human_attribute_name :name
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::DietaryRequirement.human_attribute_name :name
+        %th
 
-      %tbody
-        = render presentation_attachment_types.presence || 'empty_list', message: t('.no_presentation_attachment_types')
+    %tbody
+      = render presentation_attachment_types.presence || 'empty_list', message: t('.no_presentation_attachment_types')

data/app/views/spina/admin/conferences/application/_presentation_types.html.haml

@@ -1,11 +1,10 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::PresentationType.human_attribute_name :conference
-          %th= Spina::Admin::Conferences::PresentationType.human_attribute_name :name
-          %th= Spina::Admin::Conferences::PresentationType.human_attribute_name :duration
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::PresentationType.human_attribute_name :conference
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::PresentationType.human_attribute_name :name
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::PresentationType.human_attribute_name :duration
+        %th
 
-      %tbody= render presentation_types.presence || 'empty_list', message: t('.no_presentation_types')
+    %tbody= render presentation_types.presence || 'empty_list', message: t('.no_presentation_types')

data/app/views/spina/admin/conferences/application/_presentations.html.haml

@@ -1,11 +1,10 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Presentation.human_attribute_name :conference
-          %th= Spina::Admin::Conferences::Presentation.human_attribute_name :title
-          %th= Spina::Admin::Conferences::Presentation.human_attribute_name :presenters
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Presentation.human_attribute_name :conference
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Presentation.human_attribute_name :title
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Presentation.human_attribute_name :presenters
+        %th
 
-      %tbody= render presentations.presence || 'empty_list', message: t('.no_presentations')
+    %tbody= render presentations.presence || 'empty_list', message: t('.no_presentations')

data/app/views/spina/admin/conferences/application/_rooms.html.haml

@@ -1,11 +1,10 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Room.human_attribute_name :institution
-          %th= Spina::Admin::Conferences::Room.human_attribute_name :building
-          %th= Spina::Admin::Conferences::Room.human_attribute_name :number
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Room.human_attribute_name :institution
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Room.human_attribute_name :building
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Room.human_attribute_name :number
+        %th
 
-      %tbody= render rooms.presence || 'empty_list', message: t('.no_rooms')
+    %tbody= render rooms.presence || 'empty_list', message: t('.no_rooms')

data/app/views/spina/admin/conferences/application/_sessions.html.haml

@@ -1,11 +1,10 @@
-.well
-  .table-container
-    %table.table
-      %thead
-        %tr
-          %th= Spina::Admin::Conferences::Session.human_attribute_name :name
-          %th= Spina::Admin::Conferences::Session.human_attribute_name :presentation_type
-          %th= Spina::Admin::Conferences::Session.human_attribute_name :room
-          %th
+.my-6.md:m-8.bg-white.md:rounded-lg.border-l-0.border-r-0.border.md:border-r.md:border-l.border-gray-200.border-b-0.shadow-sm
+  %table.table-fixed.w-full
+    %thead
+      %tr.border-b.text-left
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Session.human_attribute_name :name
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Session.human_attribute_name :presentation_type
+        %th.font-semibold.text-sm.p-4= Spina::Admin::Conferences::Session.human_attribute_name :room
+        %th
 
-      %tbody= render sessions.presence || 'empty_list', message: t('.no_sessions')
+    %tbody= render sessions.presence || 'empty_list', message: t('.no_sessions')

data/app/views/spina/admin/conferences/conferences/_conference.html.haml

@@ -1,9 +1,13 @@
-%tr{ data: { conference_id: conference.id } }
-  %td= link_to conference.name, edit_admin_conferences_conference_path(conference)
-  %td= conference.year
-  %td= time_tag conference.start_date, l(conference.start_date, format: :long)
-  %td= time_tag conference.finish_date, l(conference.finish_date, format: :long)
-  %td.align-right
-    = link_to edit_admin_conferences_conference_path(conference), class: %w[button button-small button-link] do
-      = icon 'pencil-outline'
-      = t 'spina.edit'
+%tr.border-b{ data: { conference_id: conference.id } }
+  %td= link_to conference.name, edit_admin_conferences_conference_path(conference), class: 'block text-spina font-medium text-sm p-4 hover:text-spina-dark'
+  %td
+    .block.font-light.text-sm.p-4= conference.year
+  %td
+    .block.font-light.text-sm.p-4= time_tag conference.start_date, l(conference.start_date, format: :long)
+  %td
+    .block.font-light.text-sm.p-4= time_tag conference.finish_date, l(conference.finish_date, format: :long)
+  %td
+    = link_to edit_admin_conferences_conference_path(conference), class: 'btn btn-default mx-4 w-max' do
+      .flex.flex-nowrap.items-center.px-8.py-1
+        = heroicon 'pencil-alt', style: :outline, class: 'w-4 h-4'
+        .ml-2= t 'spina.edit'

data/app/views/spina/admin/conferences/conferences/_event_fields.html.haml

@@ -1,31 +1,24 @@
-.structure-form-pane{ class: ('active' if (local_assigns[:active] == true) || (f.index == 0)), id: "structure_form_pane_#{f.index}",
-                      data: { 'spina--admin--conferences--conference_events_form': { target: 'formPane' } } }
-  .structure-form-part
-    .page-form-label= Spina::Admin::Conferences::Event.human_attribute_name :name
-    .page-form-control= f.text_field :name, placeholder: Spina::Admin::Conferences::Event.human_attribute_name(:name), required: true
+%div{ data: { 'part-id': "#{f.object.object_id}", 'tabs-target': 'pane' }, id: "pane_#{f.object.object_id}" }
+  = f.hidden_field :id
 
-  .structure-form-part
-    .page-form-label= Spina::Admin::Conferences::Event.human_attribute_name :start_datetime
-    .page-form-control= f.datetime_field :start_datetime,
-                              placeholder: Spina::Admin::Conferences::Event.human_attribute_name(:start_datetime), required: true
+  = render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Event.human_attribute_name(:name)) do
+    = render Spina::Forms::TextFieldComponent.new(f, :name)
+  = render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Event.human_attribute_name(:start_datetime)) do
+    = f.datetime_field :start_datetime
+  = render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Event.human_attribute_name(:finish_datetime)) do
+    = f.datetime_field :finish_datetime
+  = render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Event.human_attribute_name(:location)) do
+    = render Spina::Forms::TextFieldComponent.new(f, :location)
 
-  .structure-form-part
-    .page-form-label= Spina::Admin::Conferences::Event.human_attribute_name :finish_datetime
-    .page-form-control= f.datetime_field :finish_datetime,
-                              placeholder: Spina::Admin::Conferences::Event.human_attribute_name(:finish_datetime), required: true
+  = render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Event.human_attribute_name(:description)) do
+    .mt-1.relative
+      = f.hidden_field :description, id: "#{f.object.object_id}_input"
 
-  .structure-form-part
-    .page-form-label= Spina::Admin::Conferences::Event.human_attribute_name :location
-    .page-form-control= f.text_field :location, placeholder: Spina::Admin::Conferences::Event.human_attribute_name(:location),
-                        required: true
+      .relative.form-textarea.p-4.pt-0.shadow-sm.max-w-5xl(data-controller='trix' id="insert_#{f.object.object_id}_trix-toolbar" data-action='media-picker:done->trix#insertAttachment')
+        = render Spina::Forms::TrixToolbarComponent.new("#{f.object.object_id}_trix-toolbar")
 
-  .structure-form-part
-    .page-form-label= Spina::Admin::Conferences::Event.human_attribute_name :description
-    .page-form-content
-      .page-form-rich-text= f.rich_text_area :description
+        %trix-editor(class='prose prose-sm focus:outline-none max-w-3xl xl:border-r border-dashed border-gray-200 pr-3' toolbar="#{f.object.object_id}_trix-toolbar" input="#{f.object.object_id}_input" data-trix-target='editor' data-action='trix-file-accept->trix#preventDefault')
 
-  = f.hidden_field :id
+  .text-right
+    = button_tag t('spina.ui.delete'), type: :button, class: 'btn btn-default bg-transparent hover:bg-white hover:text-red-500 h-8 px-3 inline-block mt-3', data: { action: 'repeater#removeFields', id: "pane_#{f.object.object_id}" }
 
-  = f.hidden_field :_destroy, data: { 'spina--admin--conferences--conference_events_form_target': 'destroyField' }
-  = button_tag t('spina.delete'), type: 'button', class: %w[button button-mini button-link pull-right],
-               data: { action: 'spina--admin--conferences--conference-events-form#removeForm' }

data/app/views/spina/admin/conferences/conferences/_form.html.haml

@@ -1,27 +1,29 @@
-- if @conference.errors.any?
-  - content_for :notifications do
-    = render 'errors', errors: @conference.errors
+%div{ data: { controller: 'tabs',
+              tabs: { active: 'cursor-default text-gray-900 bg-spina-dark bg-opacity-10',
+                      inactive: 'cursor-pointer bg-transparent text-gray-400 border-transparent' } } }
+  = render Spina::UserInterface::HeaderComponent.new do |header|
+    - header.actions do
+      - if @conference.persisted?
+        = render Spina::UserInterface::DropdownComponent.new do |dropdown|
+          - dropdown.button(classes: "btn btn-default px-3") do
+            = heroicon('dots-horizontal', style: :solid, class: "w-5 h-5 text-gray-600")
 
-= form_for [:admin_conferences, @conference], html: { autocomplete: 'off' } do |f|
-  %header#header
-    = render partial: 'spina/admin/shared/breadcrumbs'
+          - dropdown.menu do
+            = button_to t('spina.permanently_delete'), admin_conferences_conference_path(@conference), method: :delete, class: "block w-full text-left px-4 py-2 text-sm leading-5 font-medium text-red-500 cursor-pointer bg-white hover:bg-red-100 hover:bg-opacity-50 hover:text-red-500 focus:outline-none focus:bg-gray-100 focus:text-gray-900", form: {data: { controller: 'confirm', confirm_message: t('.delete_confirmation', conference: @conference.name) } }
 
-    #header_actions
-      %button.button.button-primary{ type: 'submit' }
-        = icon('check')
+      = button_tag type: :submit, form: dom_id(@conference), class: 'btn btn-primary', data: { controller: 'button', action: 'button#loading', loading_message: t('spina.ui.saving')} do
+        = heroicon('check', style: :solid, class: 'w-5 h-5 mr-1 -ml-2')
         = t '.save'
 
-      = link_to t('spina.cancel'), admin_conferences_conferences_path, class: 'button', style: 'margin-right: 0'
+    - header.navigation do
+      %nav.-mb-3.mt-4
+        %ul.inline-flex.w-auto.rounded-md.bg-white
+          - @tabs.each do |tab|
+            %button.block.px-3.leading-relaxed.py-1.hover:text-gray-800.rounded-md.text-gray-400.font-medium.text-sm.flex.items-center.whitespace-nowrap{ type: 'button', data: { action: 'tabs#show', 'tabs-target': 'button', 'pane-id': "#{tab}" } }
+              = t ".#{tab}"
 
-    %nav#secondary.tabs
-      %ul
-        - @tabs.each_with_index do |tab, i|
-          %li{ class: ('active' if i == 0) }
-            = link_to t(".#{tab}"), "##{tab}"
-
-  #conference_details.tab-content.active= render 'form_conference_details', f: f
-  #parts.tab-content= render 'form_parts', f: f
-  #rooms.tab-content= render partial: 'rooms', object: @conference.rooms
-  #presentation_types.tab-content= render partial: 'presentation_types', object: @conference.presentation_types
-  #delegates.tab-content= render partial: 'delegates', object: @conference.delegates
-  #presentations.tab-content= render partial: 'presentations', object: @conference.presentations
+  .p-4.md:p-8
+    = form_with model: [spina, :admin_conferences, @conference], id: dom_id(@conference), html: { autocomplete: 'off' } do |f|
+      - @tabs.each_with_index do |tab, i|
+        %div{ 'data-tabs-target': 'pane', id: tab, hidden: i != 0 }
+          = render "form_#{tab}", f: f

data/app/views/spina/admin/conferences/conferences/_form_conference_details.html.haml

@@ -1,27 +1,33 @@
-.page-form{ data: { controller: 'spina--admin--conferences--select-options', 'spina--admin--conferences--select_options': { config_value: '{ "admin_conferences_conference_institution_id": { "value": "id", "text": "name" }, "admin_conferences_conference_room_ids": { "trigger": "admin_conferences_conference_institution_id", "key": "rooms", "value": "id", "text": "name" } }', record_value: @institutions } } }
-  .page-form-group
-    .page-form-label= Spina::Admin::Conferences::Conference.human_attribute_name :name
-    .page-form-control= f.text_field :name, placeholder: Spina::Admin::Conferences::Conference.human_attribute_name(:name), required: true, class: 'input-large'
+= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Conference.human_attribute_name(:name)) do
+  = render Spina::Forms::TextFieldComponent.new(f, :name)
+= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Conference.human_attribute_name(:start_date)) do
+  = f.date_field :start_date, value: (@conference.start_date.strftime("%Y-%m-%d") if @conference.start_date.present?), placeholder: Spina::Admin::Conferences::Conference.human_attribute_name(:start_date)
+= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Conference.human_attribute_name(:finish_date)) do
+  = f.date_field :finish_date, value: (@conference.finish_date.strftime("%Y-%m-%d") if @conference.finish_date.present?), placeholder: Spina::Admin::Conferences::Conference.human_attribute_name(:finish_date)
 
-  .page-form-group
-    .page-form-label= Spina::Admin::Conferences::Conference.human_attribute_name :start_date
-    .page-form-control= f.date_field :start_date, value: (@conference.start_date.strftime("%Y-%m-%d") if @conference.start_date.present?), placeholder: Spina::Admin::Conferences::Conference.human_attribute_name(:start_date), required: true
 
-  .page-form-group
-    .page-form-label= Spina::Admin::Conferences::Conference.human_attribute_name :finish_date
-    .page-form-control= f.date_field :finish_date, value: (@conference.finish_date.strftime("%Y-%m-%d") if @conference.finish_date.present?), placeholder: Spina::Admin::Conferences::Conference.human_attribute_name(:finish_date), required: true
+.mt-6{ 'data-controller': 'repeater' }
+  %label.block.text-sm.leading-5.font-medium.text-gray-700= Spina::Admin::Conferences::Conference.human_attribute_name :events
+  .-mt-4.flex.flex-col.md:flex-row{ data: { 'controller': 'tabs', 'tabs-active': 'bg-spina-dark bg-opacity-10 text-gray-900', 'tabs-inactive': 'text-gray-500' }  }
+    .md:w-64.md:pr-6
 
-  .page-form-group{ class: dom_class(@conference.events) }
-    .page-form-label= Spina::Admin::Conferences::Conference.human_attribute_name :events
-    .page-form-control
-      .structure-form{ data: { controller: 'spina--admin--conferences--conference-events-form', 'spina--admin--conferences--conference_events_form': { active_class: 'active' } } }
-        .structure-form-menu
-          %ul= render partial: 'event_row', collection: f.object.events, as: :event
-          = link_to icon('plus'), @conference.new_record? ? new_admin_conferences_event_path : new_admin_conferences_conference_event_path(@conference, index: @conference.events.size), remote: true, class: %w[button button-link icon], data: { 'spina--admin--conferences--conference_events_form_target': 'addFormLink', disable_with: '' }
+      -# Fields for new event
+      - new_event = Spina::Admin::Conferences::Event.new
+      - fields = f.fields_for(:events, [new_event], child_index: new_event.object_id) { |ff| render('event_fields', f: ff) }.gsub('\n', '')
 
-        .structure-form-content{ data: { action: 'conferenceEventFieldsAdded->spina--admin--conferences--conference-events-form#updateURL' } }
-          = f.fields_for :events do |event_fields|
-            = render 'event_fields', f: event_fields
+      -# Tabs
+      .pt-6.-ml-3
+        %div{ data: { action: 'exists->tabs#added', 'repeater-target' => 'list', 'tabs-target' => 'list' } }
+          - (f.object.events || []).each.with_index do |event, index|
+            %button.text-gray-500.hover:text-gray-900.rounded-md.px-3.truncate.text-sm.font-medium.flex.items-center.w-full.h-9{ data: { 'action': 'tabs#show', 'pane-id': "pane_#{event.object_id}", 'repeater-target': 'listItem', 'tabs-target': 'button' }, type: 'button' }
+              %svg.w-4.h-4.mr-2{ fill: 'currentColor', viewbox: '0 0 448 512', xmlns: 'http://www.w3.org/2000/svg' }
+                %path{ d: 'M432 288H16c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16zm0-112H16c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16z' }
+              = event&.name
+        %button.text-gray-400.pl-2.hover:text-gray-900.rounded-md.truncate.text-sm.font-medium.flex.items-center.w-full.h-10{ data: { 'action': 'repeater#addFields', 'child-index': "#{new_event.object_id}", 'fields': fields }, type: 'button' }
+          = heroicon 'plus', style: :solid, class: 'w-6 h-6 mr-1' 
+          = t 'spina.ui.new_entry'
 
-- unless @conference.new_record?
-  .pull-right= link_to t('spina.permanently_delete'), admin_conferences_conference_path(@conference), method: :delete, data: { confirm: t('.delete_confirmation', name: @conference.name) }, class: %w[button button-link button-danger]
+    -# Content
+    .flex-1.pl-6.md:pl-0{ 'data-repeater-target': 'content' }
+      = f.fields_for :events do |event_fields|
+        = render 'event_fields', f: event_fields

data/app/views/spina/admin/conferences/conferences/_form_delegates.html.haml

@@ -0,0 +1 @@
+= render partial: 'delegates', object: @conference.delegates

data/app/views/spina/admin/conferences/conferences/_form_parts.html.haml

@@ -1,8 +1,6 @@
-.page-form
-  = f.fields_for :"#{@locale}_content", @parts do |ff|
-    = ff.hidden_field :type, value: ff.object.class.name
-    = ff.hidden_field :title
-    = ff.hidden_field :name
+= f.fields_for :"#{@locale}_content", @parts do |ff|
+  = ff.hidden_field :type, value: ff.object.class
+  = ff.hidden_field :title
+  = ff.hidden_field :name
 
-    .page-form-group.page-part{ data: { name: ff.object.name } }
-      = render "spina/admin/parts/#{parts_partial_namespace(ff.object.class.name)}/form", f: ff
+  = render "spina/admin/parts/#{parts_partial_namespace(ff.object.class.to_s)}/form", f: ff

data/app/views/spina/admin/conferences/conferences/_form_presentation_types.html.haml

@@ -0,0 +1 @@
+= render partial: 'presentation_types', object: @conference.presentation_types

data/app/views/spina/admin/conferences/conferences/_form_presentations.html.haml

@@ -0,0 +1 @@
+= render partial: 'presentations', object: @conference.presentations

data/app/views/spina/admin/conferences/conferences/_form_rooms.html.haml

@@ -0,0 +1 @@
+= render partial: 'rooms', object: @conference.rooms

data/app/views/spina/admin/conferences/conferences/index.html.haml

@@ -1,7 +1,25 @@
-- content_for(:header_actions) do
-  = link_to new_admin_conferences_conference_path, class: %w[button button-primary], style: 'margin-right: 0' do
-    = icon 'plus'
-    = t '.new'
+= render Spina::UserInterface::HeaderComponent.new do |header|
+  - header.actions do
+    .ml-3
+      = link_to new_admin_conferences_conference_path, class: 'btn btn-primary w-full' do
+        = heroicon 'plus', style: :solid, class: 'w-7 h-7 -m1-2'
+        = t '.new'
+
+  - header.navigation do
+    %nav.-mb-1.md:-mb-3.mt-4
+      %ul.inline-flex.w-auto.rounded-md.bg-white
+        %li
+          = render Spina::UserInterface::TabLinkComponent.new(Spina::Admin::Conferences::Conference.model_name.human(count: 0),
+                                                              admin_conferences_conferences_path,
+                                                              active: controller_name == 'conferences')
+        %li
+          = render Spina::UserInterface::TabLinkComponent.new(Spina::Admin::Conferences::PresentationType.model_name.human(count: 0),
+                                                              admin_conferences_presentation_types_path,
+                                                              active: controller_name == 'presentation_types')
+        %li
+          = render Spina::UserInterface::TabLinkComponent.new(Spina::Admin::Conferences::Session.model_name.human(count: 0),
+                                                              admin_conferences_sessions_path,
+                                                              active: controller_name == 'sessions')
 
 = render partial: 'conferences', object: @conferences
 = link_to_next_page @conferences, 'Next'

data/app/views/spina/admin/conferences/delegates/_delegate.html.haml

@@ -1,13 +1,11 @@
-%tr{ data: { delegate_id: delegate.id } }
-  %td= link_to delegate.full_name, edit_admin_conferences_delegate_path(delegate)
+%tr.border-b{ data: { delegate_id: delegate.id } }
+  %td= link_to delegate.full_name, edit_admin_conferences_delegate_path(delegate), class: 'block text-spina font-medium text-sm p-4 hover:text-spina-dark'
   %td
-    = delegate.email_address
-    - unless delegate.email_address.blank?
-      = mail_to delegate.email_address, class: %w[button button-small button-link] do
-        = icon 'mail'
-        = t 'spina.email'
-  %td= delegate.institution.name
-  %td.align-right
-    = link_to edit_admin_conferences_delegate_path(delegate), class: %w[button button-small button-link] do
-      = icon 'pencil-outline'
-      = t 'spina.edit'
+    .block.font-light.text-sm.p-4= delegate.email_address
+  %td
+    .block.font-light.text-sm.p-4= delegate.institution.name
+  %td
+    = link_to edit_admin_conferences_delegate_path(delegate), class: 'btn btn-default mx-4 w-max' do
+      .flex.flex-nowrap.items-center.px-8.py-1
+        = heroicon 'pencil-alt', style: :outline, class: 'w-4 h-4'
+        .ml-2= t 'spina.edit'