spina 2.0.2 → 2.1.0

data/app/views/spina/admin/parts/repeaters/_form.html.erb

@@ -0,0 +1,37 @@
+<div class="mt-6" data-controller="repeater">
+  <label class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+
+  <div class="-mt-4 flex flex-col md:flex-row" data-controller="tabs" data-tabs-active="bg-spina-dark bg-opacity-10 text-gray-900" data-tabs-inactive="text-gray-500">
+    <div class="md:w-64 md:pr-6">
+      <% 
+        # Fields
+        repeater_content = Spina::Parts::RepeaterContent.new(name: f.object.name, title: f.object.title)
+        fields = f.fields_for(:content, [repeater_content], child_index: repeater_content.object_id) do |builder|
+          render("spina/admin/parts/repeaters/fields", f: builder)
+        end.gsub("\n", "")
+      %>
+
+      <div class="pt-6 -ml-3">
+        <div data-repeater-target="list" data-tabs-target="list" data-action="exists->tabs#added">
+          <% (f.object.content || []).each.with_index do |repeater_content, index| %>
+            <button type="button" class="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" data-tabs-target="button" data-repeater-target="listItem" data-pane-id="<%= "pane_#{repeater_content.object_id}" %>">
+              <svg class="w-4 h-4 mr-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><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"/></svg>
+              <%= strip_tags(repeater_content.parts&.first&.label) %>
+            </button>
+          <% end %>
+        </div>
+
+        <button type="button" class="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" data-fields="<%= fields %>" data-child-index="<%= repeater_content.object_id %>">
+          <%= heroicon('plus', style: :solid, class: "w-6 h-6 mr-1") %>
+          <%=t 'spina.ui.new_entry' %>
+        </button>
+      </div>
+    </div>
+
+    <div class="flex-1 pl-6 md:pl-0" data-repeater-target="content">
+      <%= f.fields_for :content do |ff| %>
+        <%= render 'spina/admin/parts/repeaters/fields', f: ff %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spina/admin/parts/texts/_form.html.erb

@@ -0,0 +1,12 @@
+<div class="mt-6" data-controller="unique-id" data-unique-id="<%= f.object.object_id %>">
+  <label class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+  <div class="mt-1 relative">
+    <%= f.hidden_field :content, id: "#{f.object.object_id}_input" %>
+
+    <div class="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") %>
+      
+      <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"></trix-editor>
+    </div>
+  </div>
+</div>

data/app/views/spina/admin/password_resets/edit.html.erb

@@ -0,0 +1,22 @@
+<%= form_with model: @user, url: spina.admin_password_reset_path(params[:id]) do |f| %>
+  <div class="flex flex-col max-w-xs mx-auto items-center">
+    <div class="py-8">
+      <%= image_tag 'spina/spina.svg', width: 75 %>
+    </div>
+    
+    <% if flash[:alert] %>
+      <div class="bg-red-400 p-2 px-4 rounded-full font-medium text-white mb-5">
+        <%= flash[:alert] %>
+      </div>
+    <% end %>
+    
+    <%= f.password_field :password, placeholder: Spina::User.human_attribute_name(:password), class: 'form-input w_full' %>
+    
+    <%= f.password_field :password_confirmation, placeholder: Spina::User.human_attribute_name(:password_confirmation), class: 'form-input mt-3 w-full' %>
+
+    <%= button_tag type: :submit, class: "btn btn-primary h-10 mt-3 w-full" do %>
+      <%= t('spina.forgot_password.save') %>
+    <% end %>
+    
+  </div>
+<% end %>

data/app/views/spina/admin/password_resets/new.html.erb

@@ -0,0 +1,21 @@
+<%= form_with url: spina.admin_password_resets_path do |f| %>
+  <div class="flex flex-col max-w-xs mx-auto items-center">
+    <div class="py-8">
+      <%= image_tag 'spina/spina.svg', width: 75 %>
+    </div>
+    
+    <% if flash[:alert] %>
+      <div class="bg-red-400 p-2 px-4 rounded-full font-medium text-white mb-5">
+        <%= flash[:alert] %>
+      </div>
+    <% end %>
+    
+    <%= f.email_field :email, placeholder: Spina::User.human_attribute_name(:email), class: 'form-input w-full' %>
+
+    <%= button_tag type: :submit, class: "btn btn-primary h-10 mt-3 w-full" do %>
+      <%= t('spina.forgot_password.request') %>
+    <% end %>
+    
+    <%= link_to t('spina.login'), spina.admin_login_path, class: "btn btn-default h-10 mt-3 w-full" %>
+  </div>
+<% end %>

data/app/views/spina/admin/resources/edit.html.erb

@@ -0,0 +1,55 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.actions do %>
+    <%= button_tag type: :submit, form: dom_id(@resource), 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 'spina.ui.save_changes' %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  <%= form_with model: [spina, :admin, @resource], id: dom_id(@resource) do |f| %>
+    <%= hidden_field_tag :locale, @locale %>
+    
+    <div class="grid grid-cols-3 gap-x-12">
+      <div class="col-span-1">
+        <%= label_tag :label, class: "font-medium block" do %>
+          <%= Spina::Resource.human_attribute_name(:label) %>
+        <% end %>
+        <div class="text-gray-600 text-sm"><%=t 'spina.resources.label_description' %></div>
+      </div>
+      
+      <div class="col-span-2">
+        <%= render Spina::Forms::TextFieldComponent.new(f, :label, size: "lg", autofocus: @resource.label.blank?) %>
+      </div>
+    </div>
+    
+    <div class="border-t border-gray-200 my-6"></div>
+    
+    <div class="grid grid-cols-3 gap-x-12">
+      <div class="col-span-1">
+        <%= label_tag :label, class: "font-medium block" do %>
+          <%= Spina::Resource.human_attribute_name(:settings) %>
+        <% end %>
+        <div class="text-gray-600 text-sm"><%=t 'spina.resources.settings_description' %></div>
+      </div>
+      
+      <div class="col-span-2">
+        <%= f.label :slug, class: 'font-medium text-sm text-gray-700 block' %>
+        <%= render Spina::Forms::TextFieldComponent.new(f, :slug) %>
+        
+        <div class="mt-5">
+          <%= f.label :view_template, class: 'font-medium text-sm text-gray-700 block' %>
+          
+          <% options = options_for_select(current_theme.view_templates.map { |template| [template[:title], template[:name]] }, @resource.view_template) %>
+          <%= f.select :view_template, options, {include_blank: t('spina.resources.no_default_template')}, class: 'form-select', data: {controller: "select-placeholder", action: "select-placeholder#update"} %>
+        </div>
+        
+        <div class="mt-5">
+          <%= f.label :order_by, class: 'font-medium text-sm text-gray-700 block' %>
+          <%= f.select :order_by, [[Spina::Page.human_attribute_name(:title), "title"], [Spina::Page.human_attribute_name(:created_at), "created_at"]], {include_blank: t('spina.resources.manual_sorting')}, class: 'form-select' %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/sessions/new.html.erb

@@ -0,0 +1,24 @@
+<%= form_with url: spina.admin_sessions_path do |f| %>
+  <div class="flex flex-col max-w-xs mx-auto items-center">
+    <div class="py-8">
+      <%= image_tag 'spina/spina.svg', width: 75 %>
+    </div>
+    
+    <% if flash[:alert] %>
+      <div class="bg-red-400 p-2 px-4 rounded-full font-medium text-white mb-5">
+        <%= flash[:alert] %>
+      </div>
+    <% end %>
+    
+    <%= f.email_field :email, value: params[:email], placeholder: Spina::User.human_attribute_name(:email), class: 'form-input w-full' %>
+    
+    <%= f.password_field :password, placeholder: Spina::User.human_attribute_name(:password), class: 'form-input mt-3 w-full' %>
+    
+    <%= button_tag type: :submit, class: "btn btn-primary h-10 mt-3 w-full" do %>
+      <%= t('spina.login') %>
+      <%= heroicon('login', style: :solid, class: 'w-4 h-4 ml-2') %>
+    <% end %>
+    
+    <%= link_to t('spina.forgot_password.new'), spina.new_admin_password_reset_path, class: "btn btn-default h-10 mt-3 w-full" %>
+  </div>
+<% end %>

data/app/views/spina/admin/settings/_string_field.html.erb

@@ -0,0 +1,4 @@
+<%= render Spina::Forms::GroupComponent.new(label: t("spina.#{plugin.namespace}.settings.#{attribute}")) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, attribute) %>
+  <%= render Spina::Forms::TextFieldComponent.new(f, attribute) %>
+<% end %>

data/app/views/spina/admin/settings/_text_field.html.erb

@@ -0,0 +1,5 @@
+<%= render Spina::Forms::GroupComponent.new(label: t("spina.#{plugin.namespace}.settings.#{attribute}")) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, attribute) %>
+  
+  <%= f.text_area attribute, class: "form-input mt-1 w-full" %>
+<% end %>

data/app/views/spina/admin/settings/_wysiwyg_field.html.erb

@@ -0,0 +1,13 @@
+<%= render Spina::Forms::GroupComponent.new(label: t("spina.#{plugin.namespace}.settings.#{attribute}")) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, attribute) %>
+  
+  <div class="mt-1 relative">
+    <%= f.hidden_field attribute, id: "#{f.object.object_id}_input" %>
+
+    <div class="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") %>
+      
+      <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"></trix-editor>
+    </div>
+  </div>
+<% end %>

data/app/views/spina/admin/settings/edit.html.erb

@@ -0,0 +1,24 @@
+<%= form_with model: @setting, scope: :setting, url: admin_settings_path do |f| %>
+
+  <%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+    <% header.actions do %>
+    
+      <%= button_tag type: :submit, 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 'spina.settings.save' %>
+      <% end %>
+      
+    <% end %>
+  <% end %>
+  
+  <div class="py-4 p-8">
+    <% plugin.settings.each do |key, value| %>
+    
+      <%= render "#{value.is_a?(Hash) ? value.first.first : value}_field", f: f, attribute: key %>
+      
+      <div class="border-t border-gray-200 my-6"></div>
+    
+    <% end %>
+  </div>
+
+<% end %>

data/app/views/spina/admin/shared/_flash.html.erb

@@ -0,0 +1,5 @@
+<div class="fixed bottom-0 left-0 w-full flex justify-center z-50">
+  <% flash.each do |type, message| %>
+    <%= render Spina::UserInterface::FlashMessageComponent.new(type: type, message: message) %>
+  <% end %>
+</div>

data/app/views/spina/admin/shared/_navigation.html.erb

@@ -0,0 +1,66 @@
+<nav class="w-full md:max-w-xs bg-spina-dark md:bg-gradient-to-b from-spina-dark to-spina-light md:relative md:overflow-hidden" data-controller="navigation">
+  <div class="flex flex-row md:flex-col justify-between h-full w-full bg-black p-1 md:p-3 bg-opacity-0 duration-300 ease-in-out transition-colors md:bg-opacity-50" data-navigation-target="primary">
+
+    <ul class="flex md:flex-col">
+      <%= render Spina::MainNavigation::SubNavComponent.new(:content) do |nav| %>
+        <% nav.icon do %>
+          <%= heroicon('document-text', style: :solid, class: 'hidden md:block w-8 h-8 text-white md:mr-3') %>
+          <%= heroicon('menu', style: :solid, class: 'md:hidden w-8 h-8 text-white md:mr-3') %>
+          
+          <div class="text-white font-semibold hidden md:block transform -translate-x-2 ease-in-out duration-300 absolute md:relative opacity-0 transition-all" data-navigation-target="label">
+            Content
+          </div>
+        <% end %>
+
+        <% nav.links do %>
+        
+          <%= render Spina::MainNavigation::LinkComponent.new t('spina.website.pages'), spina.admin_pages_path, active: controller_name.in?(%w(pages resources)) %>
+          
+          <%= render Spina::MainNavigation::LinkComponent.new t('spina.navigations.navigations'), spina.admin_navigations_path, active: controller_name == "navigations" %>
+          
+          <%= render Spina::MainNavigation::LinkComponent.new "Layout", spina.edit_admin_layout_path, active: controller_name == "layout" %>
+          
+          <%= render Spina::MainNavigation::LinkComponent.new t('spina.website.media_library'), spina.admin_images_path, active: controller_name.in?(%w(images media_folders attachments)) %>
+          
+          <%= render Spina::Hooks::HookComponent.new(partial: "website_secondary_navigation") %>
+        <% end %>
+      <% end %>
+      
+      <%= render Spina::Hooks::HookComponent.new(partial: "primary_navigation") %>
+
+      <%= render Spina::MainNavigation::SubNavComponent.new(:settings) do |nav| %>
+        <% nav.icon do %>
+          <%= heroicon('cog', style: :solid, class: 'w-8 h-8 text-white md:mr-3') %>
+          
+          <div class="text-white font-semibold hidden md:block transform -translate-x-2 ease-in-out duration-300 absolute md:relative opacity-0 transition-all" data-navigation-target="label">
+            Settings
+          </div>
+        <% end %>
+
+        <% nav.links do %>
+          <%= render Spina::MainNavigation::LinkComponent.new("General", spina.edit_admin_account_path, active: controller_name == "accounts") %>
+          <%= render Spina::MainNavigation::LinkComponent.new(t('spina.website.theme'), spina.edit_admin_theme_path, active: controller_name == "theme") %>
+          <%= render Spina::MainNavigation::LinkComponent.new("Users", spina.admin_users_path, active: controller_name == "users") %>
+          
+          <%= render Spina::Hooks::HookComponent.new(partial: "settings_secondary_navigation") %>
+          
+          <% Spina::Plugin.all.each do |plugin| %>
+            <% if plugin.settings.present? %>
+              <%= render Spina::MainNavigation::LinkComponent.new(t("spina.#{plugin.namespace}.title"), spina.admin_edit_settings_path(plugin.namespace), active: controller_name == 'settings' && params[:plugin] == plugin.namespace) %>
+            <% end %>
+          <% end %>
+          
+        <% end %>
+      <% end %>
+    </ul>
+
+    <ul class="md:block">
+      <li>
+        <%= link_to spina.admin_logout_path, class: 'p-3 w-14 block flex justify-center opacity-50 hover:opacity-100 transition duration-200 ease', data: {turbo: false} do %>
+          <%= heroicon('logout', style: :solid, class: 'h-8 w-8 text-white') %>
+        <% end %>
+      </li>
+    </ul>
+
+  </div>
+</nav>

data/app/views/spina/admin/theme/edit.html.erb

@@ -0,0 +1,21 @@
+<%= form_with model: Spina::Current.account, url: spina.admin_theme_path do |f| %>
+
+  <%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+    <% header.actions do %>
+      
+      <%= button_tag t('spina.theme.save'), type: :submit, class: 'btn btn-primary', data: {controller: "button hotkeys", hotkeys: "command+s, ctrl+s", hotkeys_target: "button", action: "button#loading", loading_message: t("spina.ui.saving")} %>
+      
+    <% end %>
+  <% end %>
+  
+  <div class="p-4 md:p-8 max-w-screen-2xl">
+      
+    <%= render Spina::Forms::GroupComponent.new(label: Spina::Account.human_attribute_name(:theme), description: t('spina.theme.theme_description')) do %>
+    
+      <%= f.select :theme, Spina::Theme.all.map{|theme| [theme.title, theme.name]}, {}, class: "form-select" %>
+      
+    <% end %>
+      
+  </div>
+  
+<% end %>

data/app/views/spina/admin/users/_form.html.erb

@@ -0,0 +1,52 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.actions do %>
+    <%= button_tag type: :submit, form: dom_id(@user), class: 'btn btn-primary', data: {controller: "button hotkeys", hotkeys: "command+s, ctrl+s", hotkeys_target: "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 'spina.users.save' %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  <%= form_with model: [spina, :admin, @user], id: dom_id(@user) do |f| %>
+  
+    <%= render Spina::Forms::GroupComponent.new(label: t('spina.users.profile'), description: t('spina.users.profile_description')) do %>
+      <%= render Spina::Forms::LabelComponent.new(f, :name) %>
+      <%= render Spina::Forms::TextFieldComponent.new(f, :name, autofocus: @user.name.blank?) %>
+      
+      <div class="mt-5">
+        <%= render Spina::Forms::LabelComponent.new(f, :email) %>
+        <%= render Spina::Forms::TextFieldComponent.new(f, :email) %>
+      </div>
+    <% end %>
+    
+    <div class="border-t border-gray-200 my-6"></div>
+    
+    <%= render Spina::Forms::GroupComponent.new(label: t('spina.users.authorization'), description: t('spina.users.authorization_description')) do %>
+      <%= render Spina::Forms::LabelComponent.new(f, :password) %>
+      <%= render Spina::Forms::PasswordFieldComponent.new(f, :password) %>
+      
+      <% if @user != Spina::Current.user %>
+        <div class="mt-5">
+          <%= render Spina::Forms::LabelComponent.new(f, :admin) %>
+          <%= render Spina::Forms::SwitchComponent.new(f, :admin) %>
+        </div>
+      <% end %>
+    <% end %>
+    
+  <% end %>
+  
+  <% if @user.persisted? && @user != Spina::Current.user %>
+    <div class="border-t border-gray-200 my-6"></div>
+    
+    <div class="grid grid-cols-3 gap-x-6 mt-3">
+      <div class="col-span-1"></div>    
+      <div class="col-span-2 flex justify-end">
+        <%= button_to spina.admin_user_path(@user), method: :delete, class: 'btn btn-default', form: {data: {controller: "confirm", confirm_message: t('spina.users.delete_confirmation_html', user: @user.name)}} do %>
+          <%= heroicon('trash', class: 'w-4 h-4 mr-1 -ml-1') %>
+          <%=t 'spina.users.delete' %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/users/_user.html.erb

@@ -0,0 +1,36 @@
+<div class="border-b border-gray-200 flex items-center justify-between space-x-8 px-4 py-3">
+  <div class="flex items-center">
+    <%= image_tag user.gravatar_url, alt: user.name, class: 'rounded-md w-10 h-10 mr-3' %>
+    
+    <div>
+      <div class="font-medium"><%= user.name %></div>
+      <div class="text-gray-500 text-sm"><%= user.email %></div>
+    </div>
+  </div>
+  
+  <% if user.admin? %>
+    <div class="flex items-center text-green-500">
+      <%= heroicon("badge-check", style: :solid, class: "w-6 h-6 mr-1") %>
+      <span class="text-sm font-medium"><%= Spina::User.human_attribute_name(:admin) %></span>
+    </div>
+  <% end %>
+  
+  <div class="flex-1"></div>
+  
+  <div class="text-gray-400 text-sm">
+    <% if user.last_logged_in %>
+      <%=t 'spina.users.last_login' %>
+      <%=l user.last_logged_in, format: :long %>
+    <% else %>
+      <%=t 'spina.users.never_logged_in' %>
+    <% end %>
+  </div>
+
+  <% if current_spina_user.admin? %>
+    <div>
+      <%= link_to spina.edit_admin_user_path(user), class: "btn btn-default px-3" do %>
+        <%= heroicon('pencil', style: :solid, class: 'w-4 h-4') %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/users/edit.html.erb

@@ -0,0 +1 @@
+<%= render 'form' %>

data/app/views/spina/admin/users/index.html.erb

@@ -0,0 +1,15 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.after_breadcrumbs do %>
+    <% if current_spina_user.admin? %>
+      <%= link_to spina.new_admin_user_path, class: 'btn btn-default h-8 px-2 ml-3' do %>
+        <%= heroicon('plus', style: :solid, class: 'w-6 h-6') %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  <div class="shadow-sm border border-gray-200 bg-white rounded-lg">
+    <%= render partial: 'user', collection: @users %>
+  </div>
+</div>