RubyGems - maglevcms - Versions diffs - 2.1.0 → 3.0.0.beta1 - Mend

maglevcms 2.1.0 → 3.0.0.beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (660) hide show

data/app/views/layouts/maglev/editor/_sidebar.html.erb ADDED Viewed

@@ -0,0 +1,39 @@
+<% sidebar.with_link(
+  path: editor_pages_path(maglev_editing_route_context),
+  icon: 'file_copy',
+  active: controller_name == 'pages',
+  options: {
+    data: { controller: 'prevent-same-path' }
+  }
+) %>
+<% sidebar.with_link(
+  path: editor_sections_path(maglev_editing_route_context),
+  icon: 'stack',
+  active: controller_name == 'sections'
+) %>
+<% sidebar.with_link(
+  path: edit_editor_style_path(maglev_editing_route_context),
+  icon: 'drop',
+  active: controller_name == 'style',
+  options: {
+    icon_size: '1.25rem'
+  }
+) if maglev_theme.style? %>
+<% sidebar.with_link(
+  path: editor_assets_path,
+  icon: 'image',
+  options: {
+    data: { turbo_frame: 'modal' }
+  }
+) %>
+<% sidebar.with_link(
+  path: editor_leave_path,
+  icon: 'logout',
+  options: {
+    position: :bottom
+  }
+) %>

data/app/views/layouts/maglev/editor/_topbar.html.erb ADDED Viewed

@@ -0,0 +1,45 @@
+<% topbar.with_logo(
+  root_path: editor_real_root_path(maglev_editing_route_context),
+  logo_url: maglev_editor_logo_url)
+%>
+<% topbar.with_page_info do %>
+  <%= render Maglev::Uikit::AppLayout::Topbar::PageInfoComponent.new(
+    page: current_maglev_page,
+    paths: {
+      edit: edit_editor_page_path(current_maglev_page, maglev_editing_route_context),
+      preview: current_maglev_page_urls[:preview],
+      clone: editor_page_clone_path(current_maglev_page, maglev_editing_route_context),
+      delete: editor_page_path(current_maglev_page, maglev_editing_route_context)
+    },
+    live_page_url: current_maglev_page_urls[:live],
+    prefix_page_path: default_content_locale? ? '' : "#{content_locale}/"
+  ) %>
+<% end %>
+<% topbar.with_actions do %>
+  <%= render Maglev::Uikit::LocaleSwitcherComponent.new(
+    locales: maglev_site.locales.map do |locale|
+      {
+        label: locale.label,
+        value: locale.prefix,
+        path: editor_real_root_path(maglev_editing_route_context(locale: locale.prefix)),
+        data_attributes: maglev_page_preview_reload_data
+      }
+    end,
+    current_locale: Maglev::I18n.current_locale,
+  ) if maglev_site.many_locales? %>
+  <div class="flex items-center h-full px-4">
+    <%= button_to editor_publication_path(maglev_editing_route_context),
+      method: :post,
+      class: maglev_button_classes(color: :primary, size: :medium),
+      form_class: 'group/form is-default',
+      data: { controller: 'submit-button' } do %>
+      <%= maglev_button_label(
+        t('maglev.editor.header_nav.publish_button.default'),
+        pending: t('maglev.editor.header_nav.publish_button.in_progress'),
+        )%>
+    <% end %>
+  </div>
+<% end %>

data/app/views/layouts/maglev/editor/application.html.erb ADDED Viewed

@@ -0,0 +1,67 @@
+<html lang="<%= I18n.locale %>">
+  <head>
+    <title><%= maglev_editor_title %></title>
+    <meta name="view-transition" content="same-origin" />
+    <meta name="turbo-refresh-method" content="morph">
+    <meta name="content-locale" content="<%= content_locale %>">
+    <meta name="page-preview-url" content="<%= current_maglev_page_urls[:preview] %>">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <% if maglev_disable_turbo_cache? %>
+      <meta name="turbo-cache-control" content="no-cache">
+    <% end %>
+    <%= stylesheet_link_tag "maglev/application", "maglev/tailwind", "data-turbo-track": "reload" %>
+    <%= maglev_editor_javascript_tags %>
+    <%= favicon_link_tag maglev_favicon_url %>
+    <style>
+      :root {
+        --editor-color-primary: <%= maglev_primary_hex_color %>;
+        --editor-color-primary-rgb: <%= maglev_primary_rgb_color.join(' ') %>;
+      }
+    </style>
+    <%= render 'layouts/maglev/editor/head' %>
+  </head>
+  <body
+    class="h-full overflow-y-hidden font-nunito group/device group/page-layout"
+    data-controller="editor-preview-notification-center"
+    data-editor-preview-notification-center-section-path-value="<%= edit_editor_section_path(':section_id', maglev_editing_route_context) %>"
+    data-editor-preview-notification-center-section-block-path-value="<%= edit_editor_section_block_path(':section_id', ':section_block_id', maglev_editing_route_context) %>"
+    data-action="
+      client:sectionBlock:clicked@window->editor-preview-notification-center#editSectionBlock
+      client:section:setting:clicked@window->editor-preview-notification-center#editSection
+      client:sectionBlock:setting:clicked@window->editor-preview-notification-center#editSection
+    "
+  >
+    <div id="root">
+      <%= render Maglev::Uikit::AppLayout::LayoutComponent.new(page: current_maglev_page, root_path: editor_real_root_path(maglev_editing_route_context)) do |layout| %>
+        <% layout.with_topbar do |topbar| %>
+          <%= render 'layouts/maglev/editor/topbar', topbar: topbar %>
+        <% end %>
+        <% layout.with_sidebar do |sidebar| %>
+          <%= render 'layouts/maglev/editor/sidebar', sidebar: sidebar %>
+        <% end %>
+      <% end %>
+      <%= turbo_frame_tag "page-layout" do %>
+        <%= yield %>
+      <% end %>
+      <%= render 'maglev/editor/sections/toolbar_list' %>
+    </div>
+    <%= render 'maglev/editor/pages/preview' %>
+    <%= turbo_frame_tag "modal" do %>
+      <%= yield :modal %>
+    <% end %>
+  </body>
+</html>

data/app/views/maglev/editor/assets/_list.html.erb ADDED Viewed

@@ -0,0 +1,33 @@
+<%= turbo_frame_tag 'asset-search-results' do %>
+    <div class="w-[51rem] h-128 overflow-y-auto">
+      <% if @assets.any? %>
+        <%= render Maglev::Uikit::ImageLibrary::ListComponent.new do |component| %>
+          <% @assets.each do |asset| %>
+            <% component.with_image(
+              image: {
+                id: asset.id,
+                filename: asset.filename,
+                image_url: public_asset_url(asset, host: maglev_config.asset_host, only_path: maglev_config.asset_host.blank?),
+                width: asset.width,
+                height: asset.height,
+                byte_size: asset.byte_size,
+              },
+              delete_path: editor_asset_path(asset, **maglev_editing_route_context, **query_params(pagination: true)),
+              picker_attributes: { picker: params[:picker], source: params[:source] }.compact_blank
+            ) %>
+          <% end %>
+        <% end %>
+      <% else %>
+        <div class="flex items-center justify-center h-full">
+          <p class="text-gray-500">
+            <%= t('maglev.editor.image_library.pagination.no_items') %>
+          </p>
+        </div>
+      <% end %>
+    </div>
+    <div class="flex items-center pt-3">
+      <%= render Maglev::Uikit::PaginationComponent.new(pagy: @pagy, hidden_if_single_page: false) %>
+    </div>
+  </div>
+<% end %>

data/app/views/maglev/editor/assets/index.html.erb ADDED Viewed

@@ -0,0 +1,29 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'assets-modal', open: true) do |modal| %>
+    <% modal.with_title_content t("maglev.editor.image_library.#{'picker_' if params[:picker]}title") %>
+    <% modal.with_notification_content maglev_flash_message %>
+    <div class="space-y-5">
+      <div class="flex items-center">
+        <div>
+          <%= render Maglev::Uikit::Form::SearchFormComponent.new(
+            name: 'query',
+            value: params[:query],
+            search_path: editor_assets_path(query_params),
+            options: {
+              placeholder: t('maglev.editor.image_library.search_placeholder'),
+              data: { turbo_frame: 'asset-search-results' }
+            }) %>
+        </div>
+        <div class="ml-auto">
+          <%= render Maglev::Uikit::ImageLibrary::UploaderComponent.new(
+            create_path: editor_assets_path,
+            refresh_path: editor_assets_path(query_params)
+          ) %>
+        </div>
+      </div>
+      <%= render 'list', assets: @assets, pagy: @pagy %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/combobox/collection_items/index.turbo_stream.erb ADDED Viewed

@@ -0,0 +1,18 @@
+<%= turbo_stream.update params[:turbo_frame], method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::Combobox::ListComponent.new do |component| %>
+    <% @items.each do |item| %>
+      <% if item.image_url.present? %>
+        <%= component.with_option(id: item.id, label: item.label) do %>
+          <div class="flex items-center gap-2">
+            <div class="h-10 w-10 rounded-md bg-gray-100 outline -outline-offset-1 outline-black/5">
+              <%= image_tag item.image_url, class: 'h-full w-full object-contain', data: { controller: 'broken-image' } %>
+            </div>
+            <div class="truncate"><%= item.label %></div>
+          </div>
+        <% end %>
+      <% else %>
+        <%= component.with_option(id: item.id, label: item.label) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/combobox/pages/index.turbo_stream.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<%= turbo_stream.update params[:turbo_frame], method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::Combobox::ListComponent.new do |component| %>
+    <% @pages.each do |page| %>
+      <%= component.with_option(id: page.id, label: page.title.presence || page.default_title) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/home/index.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <p class="text-green-500">Hello world!!!!</p>

data/app/views/maglev/editor/icons/_list.html.erb ADDED Viewed

@@ -0,0 +1,27 @@
+<div class="overflow-y-auto h-64 w-102">
+  <% if icons.any? %>
+    <div class="grid grid-cols-6 gap-2 pt-2 pb-8">
+      <% icons.each do |icon| %>
+        <div class="flex justify-center">
+          <%= tag.div(
+            class: 'cursor-pointer text-gray-900 h-12 w-12 flex items-center justify-center rounded hover:bg-gray-900 hover:text-white hover:shadow-lg transition transform duration-200 ease-in-out hover:scale-125',
+            data: {
+              controller: 'dispatcher',
+              action: 'click->dispatcher#trigger click->uikit-modal#close',
+              dispatcher_event_name_value: "icon-selected-#{query_params[:source]}",
+              dispatcher_payload_value: { icon: icon }.to_json
+            }
+          ) do %>
+            <%= tag.i(class: class_names('text-3xl', icon)) %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="flex items-center justify-center h-full">
+      <p class="text-gray-500">
+        <%= t('maglev.editor.icon_library.no_items') %>
+      </p>
+    </div>
+  <% end %>
+</div>

data/app/views/maglev/editor/icons/index.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'icons-modal', open: true) do |modal| %>
+    <% modal.with_title_content t("maglev.editor.icon_library.title") %>
+    <div class="space-y-5">
+      <div class="flex w-full">
+        <%= render Maglev::Uikit::Form::SearchFormComponent.new(
+          name: 'query',
+          value: params[:query],
+          search_path: editor_icons_path,
+          options: {
+            class_names: 'w-full',
+            placeholder: t('maglev.editor.icon_library.search_placeholder'),
+            data: { turbo_frame: 'icon-search-results' }
+          }) do %>
+            <%= hidden_field_tag 'source', params[:source] %>
+          <% end %>
+      </div>
+      <%= render 'list', icons: @icons %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/edit/_email.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<div class="mt-2 grid grid-cols-1 gap-4">
+  <%= f.hidden_field :link_type, value: 'email' %>
+  <%= f.text_field :email %>
+</div>

data/app/views/maglev/editor/links/edit/_page.html.erb ADDED Viewed

@@ -0,0 +1,29 @@
+<div class="mt-2 grid grid-cols-1 gap-4">
+  <%= f.hidden_field :link_type, value: 'page' %>
+  <%= f.combobox :link_id,
+      search_path: editor_combobox_pages_path,
+      selected_label: @link.link_label || @page&.title,
+      label_name: "link[link_label]",
+      placeholder: t('maglev.editor.links.edit.page.placeholder'),
+      html_options: {
+        data: {
+          action: 'uikit-form-combobox:change->form-refresh#refresh'
+        }
+      }
+  %>
+  <%= f.hidden_field :href, value: "/#{@page.path}" if @page %>
+  <%= f.hidden_field :link_type, value: 'static_page' if @page&.static? %>
+  <% if @page && @sections.any? %>
+    <%= f.select :section_id,
+        @sections.map { |section| [section[:name], section[:id]] },
+        prompt: t('maglev.editor.links.edit.page.section_prompt')
+    %>
+  <% else %>
+    <%= f.hidden_field :section_id, value:nil %>
+  <% end %>
+  <%= f.check_box :open_new_window %>
+</div>

data/app/views/maglev/editor/links/edit/_tabs.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<%= render Maglev::Uikit::TabsComponent.new(container_classes: 'w-full h-full flex flex-col', disable_inputs: true) do |tabs| %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.page'), active: @link.page_type?) do %>
+    <%= render 'maglev/editor/links/edit/page', f: f %>
+  <% end %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.url'), active: @link.url_type?) do %>
+    <%= render 'maglev/editor/links/edit/url', f: f %>
+  <% end %>
+  <% tabs.with_tab(label: t('maglev.editor.links.edit.tabs.email'), active: @link.email_type?) do %>
+    <%= render 'maglev/editor/links/edit/email', f: f %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/edit/_url.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<div class="mt-2 grid grid-cols-1 gap-4">
+  <%= f.hidden_field :link_type, value: 'url' %>
+  <%= f.text_field :url_href %>
+  <%= f.check_box :open_new_window %>
+</div>

data/app/views/maglev/editor/links/edit.html.erb ADDED Viewed

@@ -0,0 +1,31 @@
+<%= turbo_frame_tag 'modal' do %>
+  <%= render Maglev::Uikit::ModalComponent.new(id: 'link-modal', open: true, focus: false) do |modal| %>
+    <% modal.with_title_content t("maglev.editor.links.edit.title") %>
+    <% modal.with_notification_content maglev_flash_message %>
+    <%= form_with model: @link,
+      url: editor_link_path,
+      method: :put,
+      id: 'link-form',
+      scope: 'link',
+      data: {
+        controller: 'form-refresh',
+        action: 'turbo:submit-end->uikit-modal#close'
+      } do |f| %>
+      <%= hidden_field_tag :input_name, params[:input_name] %>
+      <%= render 'maglev/editor/links/edit/tabs', f: f %>
+      <% content_for :form_actions do %>
+        <button class='<%= maglev_button_classes(color: :secondary) %>' data-action="click->uikit-modal#close">
+          Cancel
+        </button>
+        <%= f.submit 'Select', form: 'link-form', class: maglev_button_classes %>
+      <% end %>
+    <% end %>
+    <% modal.with_footer do %>
+      <%= yield :form_actions %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/links/update.turbo_stream.erb ADDED Viewed

@@ -0,0 +1,9 @@
+<%= turbo_stream.update "#{input_id}-frame", method: 'morph' do %>
+  <%= render Maglev::Uikit::Form::LinkComponent.link_type_component(
+      input_name: params[:input_name],
+      value: @link.to_component_params,
+      path: edit_editor_link_path(link: @link.to_component_params, input_name: params[:input_name])
+    ) %>
+<% end %>
+<%= turbo_stream.dispatch_event "link-selected-#{input_id}", payload: @link.to_component_params.to_json %>

data/app/views/maglev/editor/pages/_list.html.erb ADDED Viewed

@@ -0,0 +1,28 @@
+<div class="flex-1 overflow-y-auto">
+  <% if @pages.empty? %>
+    <p class="text-center mt-8"><%= t('maglev.editor.pages.list.empty') %></p>
+  <% else %>
+    <% @pages.each do |page| %>
+      <div class="flex items-center pl-4 pr-2 hover:bg-gray-50 transition-colors duration-200">
+        <%= link_to editor_real_root_path(maglev_editing_route_context(page: page)), class: 'flex items-center text-gray-800 overflow-hidden w-full py-3.5 gap-2', data: { turbo_frame: '_top', **maglev_page_preview_reload_data } do %>
+          <%= maglev_page_icon(page) %>
+          <span class="truncate">
+            <%= page.title.presence || page.default_title %>
+          </span>
+        <% end %>
+        <div class="ml-auto pr-2 relative">
+          <%= render Maglev::Uikit::PageActionsDropdownComponent.new(
+            paths: {
+              edit: edit_editor_page_path(page.id, **query_params(from_list: true), **maglev_editing_route_context),
+              preview: maglev_page_preview_url(page),
+              clone: editor_page_clone_path(page.id, maglev_editing_route_context),
+              delete: editor_page_path(page.id, **query_params, **maglev_editing_route_context)
+            },
+            live_url: maglev_page_live_url(page),
+            without_actions: page.index? ? [:delete] : []
+          ) %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</div>

data/app/views/maglev/editor/pages/_preview.html.erb ADDED Viewed

@@ -0,0 +1,35 @@
+<div
+  class="absolute top-16 left-16 right-0 bottom-0 overflow-hidden group"
+  data-controller="editor-page-preview"
+  data-action="
+    uikit-device-toggler:change@window->editor-page-preview#changeDevice
+    client:ready@window->editor-page-preview#clientReady
+    client:ready@window->editor-preview-notification-center#clientReady
+    turbo:load@window->editor-page-preview#detectUrlChange
+    dispatcher:page-preview:reload@window->editor-page-preview#startLoading
+    dispatcher:page-preview:remove-empty-message@window->editor-page-preview#removeEmptyMessage
+  "
+>
+  <div
+    id="page-preview"
+    class="bg-gray-50 origin-top-left transition-transform duration-150 ease-out will-change-transform transform-gpu hidden opacity-0 group-[.is-loaded]:opacity-100 group-[.is-loaded]:block"
+    data-editor-page-preview-target="iframe-wrapper"
+  >
+    <iframe
+      src="<%= current_maglev_page_urls[:preview] %>"
+      class="bg-white w-full h-full mx-auto transition-discrete transition-all duration-100 ease-in-out group-data-[device=mobile]/device:w-[375px] group-data-[device=tablet]/device:w-[1024px]"
+      data-editor-page-preview-target="iframe"
+      data-editor-preview-notification-center-target="iframe"
+      data-editor-preview-notification-center-primary-color-param="<%= maglev_primary_hex_color %>"
+      data-editor-preview-notification-center-sticky-section-ids-param="<%=current_maglev_sections.select(&:sticky?).map(&:id).to_json %>"
+      data-action="load->editor-preview-notification-center#sendConfig"></iframe>
+  </div>
+  <div class="flex h-full w-full justify-center items-center transition-discrete transition-all duration-100 ease-in-out opacity-100 group-[.is-loaded]:opacity-0 group-[.is-loaded]:hidden" data-editor-page-preview-target="loading">
+    <p class="animate-bounce duration-200 group-data-[expanded-page-layout]/page-layout:pl-88">
+      <%= t('maglev.editor.page_preview.loading') %>
+    </p>
+  </div>
+  <%= render 'maglev/editor/pages/preview_empty_message' %>
+</div>

data/app/views/maglev/editor/pages/_preview_empty_message.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<div class="absolute inset-0 flex-col justify-center items-center hidden group-[.is-empty]:flex bg-gray-50">
+  <h2 class="text-center text-2xl font-bold">
+    <%= t('maglev.editor.page_preview.empty.title') %>
+  </h2>
+  <div class="mt-4 text-gray-600 max-w-md mx-auto leading-9">
+    <% new_section_link = capture do %>
+      <%= link_to new_editor_section_path(**maglev_editing_route_context), class: 'text-editor-primary inline-block relative top-1.5' do %>
+        <%= render Maglev::Uikit::IconComponent.new(name: 'stack', size: '1.5rem') %>
+      <% end %>
+    <% end %>
+    <%= t('maglev.editor.page_preview.empty.message', button: new_section_link).html_safe %>
+  </div>
+</div>

data/app/views/maglev/editor/pages/edit.html.erb ADDED Viewed

@@ -0,0 +1,32 @@
+<%= render Maglev::Uikit::PageLayoutComponent.new(back_path: maglev_page_back_path) do |page_layout| %>
+  <% page_layout.with_title_content maglev_edit_page_title(@page) %>
+  <% page_layout.with_notification_content maglev_flash_message %>
+  <%= form_for @page,
+    url: editor_page_path(@page, maglev_editing_route_context),
+    method: :put,
+    html: {
+      class: 'flex flex-col flex-1 overflow-y-hidden',
+      data: { turbo_frame: '_top' }
+    } do |f|
+  %>
+    <%= hidden_field_tag :from_list, params[:from_list] %>
+    <%= hidden_field_tag :q, params[:q] %>
+    <%= f.hidden_field :lock_version %>
+    <%= render 'maglev/editor/pages/form/tabs', f: f %>
+    <% content_for :submit_button do %>
+      <%= f.submit t('maglev.editor.pages.edit.submit_button.default'),
+        form: f.id,
+        class: maglev_button_classes(color: :primary, size: :big),
+        data: { turbo_submits_with: t('maglev.editor.pages.edit.submit_button.in_progress') }
+      %>
+    <% end %>
+  <% end %>
+  <% page_layout.with_footer do %>
+    <%= yield :submit_button %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/pages/form/_main.html.erb ADDED Viewed

@@ -0,0 +1,7 @@
+<div class="grid grid-cols-1 gap-4">
+  <%= f.text_field :title %>
+  <%= f.text_field :path unless f.object.index? %>
+  <%= f.check_box :visible, placeholder: t('maglev.editor.placeholders.pages.visible_placeholder') %>
+</div>

data/app/views/maglev/editor/pages/form/_seo.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<div class="grid grid-cols-1 gap-4">
+  <%= f.textarea :seo_title, max_length: 60, rows: 2 %>
+  <%= f.textarea :meta_description, max_length: 155, rows: 5 %>
+  <%= f.textarea :og_title, max_length: 60, rows: 2 %>
+  <%= f.textarea :og_description, max_length: 155, rows: 5 %>
+  <%= f.image_field :og_image_url, search_path: ->(context) { editor_assets_path(context) } %>
+</div>

data/app/views/maglev/editor/pages/form/_tabs.html.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= render Maglev::Uikit::TabsComponent.new(container_classes: 'w-full h-full flex flex-col', active_tab_index: params[:active_tab]) do |tabs| %>
+  <% tabs.with_tab(label: t('maglev.editor.pages.form.tabs.main')) do %>
+    <%= render 'maglev/editor/pages/form/main', f: f %>
+  <% end %>
+  <% tabs.with_tab(label: t('maglev.editor.pages.form.tabs.seo')) do %>
+    <%= render 'maglev/editor/pages/form/seo', f: f %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/pages/index.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<%= render Maglev::Uikit::PageLayoutComponent.new(back_path: editor_real_root_path(maglev_editing_route_context)) do |page_layout| %>
+  <% page_layout.with_title_content t('maglev.editor.pages.list.title') %>
+  <% page_layout.with_description_content t('maglev.editor.pages.list.sub_title') %>
+  <% page_layout.with_notification_content maglev_flash_message %>
+  <div class="space-y-5 flex flex-col h-full">
+    <%= render(Maglev::Uikit::Form::SearchFormComponent.new(
+      name: 'q',
+      value: params[:q],
+      search_path: editor_pages_path,
+      options: {
+        placeholder: t('maglev.editor.pages.list.search_placeholder'),
+        data: { turbo_action: 'replace' }
+      }
+    )) %>
+    <%= render 'list' %>
+  </div>
+  <% page_layout.with_footer do %>
+    <%= link_to t('maglev.editor.pages.list.new_button'), new_editor_page_path(**maglev_editing_route_context, **query_params), class: maglev_button_classes(size: :big), data: { turbo_frame: '_top' } %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/pages/new.html.erb ADDED Viewed

@@ -0,0 +1,28 @@
+<%= render Maglev::Uikit::PageLayoutComponent.new(back_path: maglev_page_back_path) do |page_layout| %>
+  <% page_layout.with_title_content t('maglev.editor.pages.new.title') %>
+  <% page_layout.with_notification_content maglev_flash_message %>
+  <%= form_for @page,
+    url: editor_pages_path(maglev_editing_route_context),
+    html: {
+      class: 'flex flex-col flex-1 overflow-y-hidden',
+      data: { turbo_frame: '_top' }
+    } do |f|
+  %>
+    <%= f.hidden_field :lock_version %>
+    <%= render 'maglev/editor/pages/form/tabs', f: f %>
+    <% content_for :submit_button do %>
+      <%= f.submit t('maglev.editor.pages.new.submit_button.default'),
+        form: f.id,
+        class: maglev_button_classes(color: :primary, size: :big),
+        data: { turbo_submits_with: t('maglev.editor.pages.new.submit_button.in_progress') }
+      %>
+    <% end %>
+  <% end %>
+  <% page_layout.with_footer do %>
+    <%= yield :submit_button %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/publication/create.turbo_stream.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <%= turbo_stream.console_log 'Publication created' %>

data/app/views/maglev/editor/section_blocks/_form.html.erb ADDED Viewed

@@ -0,0 +1,15 @@
+<%= hidden_field_tag 'lock_version', @section_block.lock_version.presence || 0, data: { editor_section_form_target: 'lockVersion' } %>
+<% if @section_block.definition.advanced_settings.blank? %>
+  <%= section_block_form_settings(@section, @section_block) %>
+<% else %>
+  <%= render Maglev::Uikit::TabsComponent.new(container_classes: 'w-full h-full flex flex-col') do |tabs| %>
+    <% tabs.with_tab(label: t('maglev.editor.section_blocks.edit.tabs.main')) do %>
+      <%= section_block_form_settings(@section, @section_block) %>
+    <% end %>
+    <% tabs.with_tab(label: t('maglev.editor.section_blocks.edit.tabs.advanced')) do %>
+      <%= section_block_form_settings(@section, @section_block, advanced: true) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/maglev/editor/section_blocks/_new.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= form_with url: editor_section_blocks_path(@section, **maglev_editing_route_context),
+  data: {
+    turbo_frame: '_top',
+    controller: 'auto-save',
+    action: 'turbo:submit-end->editor-preview-notification-center#addSectionBlock',
+    'editor-preview-notification-center-section-id-param': @section.id,
+  } do |f| %>
+  <%= f.hidden_field :parent_id, value: parent_id if parent_id %>
+  <%= f.hidden_field :lock_version, value: @section.lock_version %>
+  <div class="space-y-4">
+    <% blocks.each do |block_definition| %>
+      <label class="block cursor-pointer transition duration-150 ease-in-out transform hover:-translate-y-1">
+        <%= f.radio_button :block_type, block_definition.type, class: 'sr-only peer' %>
+        <%= render Maglev::Uikit::List::ListItemComponent.new do |item| %>
+          <% item.with_title_content block_definition.human_name %>
+        <% end %>
+      </label>
+    <% end %>
+  </div>
+<% end %>