spina 2.0.1 → 2.2.0

data/app/components/spina/pages/page_component.rb

@@ -0,0 +1,43 @@
+module Spina
+  module Pages
+    class PageComponent < ApplicationComponent
+      attr_reader :sortable
+  
+      def initialize(page:, sortable: true)
+        @page = page
+        @sortable = sortable
+      end
+      
+      def label
+        labels = []
+        labels << t("spina.pages.concept") if @page.draft?
+        labels << t("spina.pages.show_in_menu") unless @page.show_in_menu?
+        labels << t("spina.pages.skip_to_first_child") if @page.skip_to_first_child?
+        return nil if labels.size.zero?
+        "(#{labels.join(", ")})"
+      end
+      
+      def sortable?
+        sortable
+      end
+  
+      def depth
+        @page.depth
+      end
+      
+      def css_class
+        case depth
+        when 1
+          "pl-5 bg-gray-100"
+        when 2
+          "pl-10 bg-gray-200"
+        end
+      end
+  
+      def children
+        @children ||= @page.children.active.sorted
+      end
+  
+    end
+  end
+end

data/app/components/spina/pages/page_select_component.html.erb

@@ -0,0 +1 @@
+<%= helpers.select_tag name, helpers.options_for_select(options, {selected: selected, disabled: disabled}), include_blank: include_blank, class: "form-select hover:bg-gray-100 border-none focus:ring-0 bg-none shadow-none bg-transparent border-none cursor-pointer pr-2 w-full truncate", data: {controller: "select-placeholder", action: "select-placeholder#update"} %>

data/app/components/spina/pages/page_select_component.rb

@@ -0,0 +1,21 @@
+module Spina::Pages
+  class PageSelectComponent < Spina::ApplicationComponent
+    attr_accessor :name, :pages, :include_blank, :selected, :disabled
+    
+    def initialize(name, pages, include_blank: false, selected: nil, disabled: nil)
+      @name = name
+      @pages = pages
+      @include_blank = include_blank
+      @selected = selected
+      @disabled = disabled
+    end
+    
+    def options
+      Spina::Page.sort_by_ancestry(pages.arrange(order: :position)).map do |page|
+        page_menu_title = page.menu_title.indent(page.depth, '–')
+        [page_menu_title, page.id]
+      end
+    end
+
+  end
+end

data/app/components/spina/pages/tab_button_component.html.erb

@@ -0,0 +1,3 @@
+<button type="button" class="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" data-action="tabs#show" data-tabs-target="button" data-pane-id="<%= @tab_name %>">
+  <%= content %>
+</button>

data/app/components/spina/pages/tab_button_component.rb

@@ -0,0 +1,11 @@
+module Spina
+  module Pages
+    class TabButtonComponent < ApplicationComponent
+
+      def initialize(tab_name:)
+        @tab_name = tab_name
+      end
+
+    end
+  end
+end

data/app/components/spina/pages/translations_component.html.erb

@@ -0,0 +1,41 @@
+<div class="relative" data-controller="reveal" data-reveal-away-value>
+  <button type="button" class="btn btn-default px-3" data-action="reveal#toggle">
+    <%= helpers.heroicon("chat-alt", style: :solid, class: 'w-4 h-4 text-gray-300') %>
+    <% if @label.present? %>
+      <span class="ml-1 font-semibold"><%= @label %></span>
+    <% elsif missing_locales.any? %>
+      <span class="hidden md:block ml-1"><%=t 'spina.pages.missing_translations' %></span>
+    <% end %>
+
+    <% if missing_locales.any? %>
+      <div class="bg-yellow-500 rounded text-white leading-4 ml-2 w-4 font-medium text-center text-xs">
+        <%= missing_locales.size %>
+      </div>
+    <% end %>
+  </button>
+
+  <div hidden data-reveal data-transition class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg border border-gray-200 z-20">
+    <div class="rounded-md bg-white shadow-xs">
+      <div class="py-1">
+        <% if missing_locales.any? %>
+          <% missing_locales.each do |locale| %>
+            <%= link_to helpers.spina.edit_admin_page_path(@page, locale: locale), class: "block px-3 py-2 text-sm leading-4 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 font-medium" do %>
+              <div class="text-yellow-500">
+                <%=t('spina.pages.add_translation', language: '<span class="font-semibold">' + t("spina.languages.#{locale}") + '</span>').html_safe %>
+              </div>
+            <% end %>
+          <% end %>
+          <div class="border-b border-gray-200 my-1"></div>
+        <% end %>
+
+        <% existing_locales.each do |locale| %>
+          <%= link_to helpers.spina.edit_admin_page_path(@page, locale: locale), class: "block px-3 py-2 text-sm leading-4 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 font-medium" do %>
+            <div class="text-gray-700">
+              <%=t('spina.pages.edit_translation', language: '<span class="font-semibold">' + t("spina.languages.#{locale}") + '</span>').html_safe %>  
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/components/spina/pages/translations_component.rb

@@ -0,0 +1,32 @@
+module Spina
+  module Pages
+    class TranslationsComponent < ApplicationComponent
+  
+      def initialize(page, label: nil)
+        @page = page
+        @label = label
+      end
+      
+      def render?
+        spina_locales.many?
+      end
+  
+      def missing_locales
+        spina_locales - existing_locales
+      end
+  
+      def existing_locales
+        @existing_locales ||= @page.translations.pluck(:locale).map(&:to_sym).sort_by do |locale|
+          spina_locales.index(locale)
+        end
+      end
+  
+      private
+  
+        def spina_locales
+          Spina.config.locales.map(&:to_sym)
+        end
+  
+    end
+  end
+end

data/app/components/spina/user_interface/dropdown_button_component.rb

@@ -0,0 +1,23 @@
+module Spina
+  module UserInterface
+    class DropdownButtonComponent < ApplicationComponent
+      attr_reader :disabled
+      
+      def initialize(disabled: false)
+        @disabled = disabled
+      end
+      
+      def call
+        content_tag :button, content, {class: classes, type: :submit, disabled: disabled}
+      end
+      
+      def classes
+        if disabled
+          "block w-full text-left px-3 py-2 text-sm leading-4 text-gray-400 font-medium cursor-default"
+        else
+          "block w-full text-left px-3 py-2 text-sm leading-4 text-gray-700 hover:bg-gray-100 hover:text-gray-900 font-medium"
+        end
+      end
+    end
+  end
+end

data/app/components/spina/user_interface/dropdown_component.html.erb

@@ -0,0 +1,5 @@
+<div class="relative" data-controller="reveal" data-reveal-away-value>
+  <%= button %>
+  
+  <%= menu %>
+</div>

data/app/components/spina/user_interface/dropdown_component.rb

@@ -0,0 +1,28 @@
+module Spina
+  module UserInterface
+    class DropdownComponent < ApplicationComponent      
+      renders_one :button, "ButtonComponent"
+      
+      renders_one :menu, "MenuComponent"
+      
+      class ButtonComponent < ApplicationComponent
+        attr_reader :classes
+        
+        def initialize(classes:)
+          @classes = classes
+        end
+        
+        def call
+          content_tag :button, content, {type: 'button', class: classes, data: {action: "reveal#toggle"}}
+        end
+      end
+      
+      class MenuComponent < ApplicationComponent
+        def call
+          content_tag :div, content, {class: "origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg border border-gray-200 z-20 rounded-md bg-white shadow-xs py-1", hidden: true, data: {reveal: true, transition: true}}
+        end
+      end
+      
+    end
+  end
+end

data/app/components/spina/user_interface/flash_message_component.html.erb

@@ -0,0 +1,3 @@
+<div class="<%= theme %> p-2 px-4 rounded-full font-medium text-white mb-5 animate__animated animate__fadeOut animate__delay-2s" data-controller="<%= 'confetti' if confetti? %>">
+  <%= @message %>
+</div>

data/app/components/spina/user_interface/flash_message_component.rb

@@ -0,0 +1,25 @@
+module Spina
+  module UserInterface
+    class FlashMessageComponent < ApplicationComponent
+      
+      def initialize(type:, message:)
+        @type = type
+        @message = message
+      end
+      
+      def confetti?
+        @type == "confetti" && !Spina.config.party_pooper
+      end
+      
+      def theme
+        case @type
+        when "alert", "error"
+          "bg-red-400"
+        else
+          "bg-gray-400"
+        end
+      end
+      
+    end
+  end
+end

data/app/components/spina/user_interface/header_component.html.erb

@@ -0,0 +1,24 @@
+<div class="relative">
+  
+  <!-- White bg header -->  
+  <div class="bg-white border-b border-gray-200 p-4 md:p-6 md:pl-8 sticky top-0 z-20">
+    <div class="flex flex-col md:flex-row justify-between md:items-center">
+      <div class="text-2xl font-normal text-gray-700 flex items-center ">
+        
+        <%= helpers.render_breadcrumbs separator: helpers.heroicon('chevron-right', style: :solid, class: "w-5 h-5 mx-2 text-gray-300") %>
+        
+        <!-- Optional content after breadcrumbs -->
+        <%= after_breadcrumbs %>
+        
+      </div>
+    </div>
+    
+    <!-- Optional navigation -->
+    <%= navigation %>
+  </div>
+  
+  <div class="flex space-x-3 p-4 py-6 z-20 md:absolute top-0 right-0 md:-top-0.5 md:right-0 h-md:full w-full md:w-auto items-start md:pr-8 justify-end">
+    <%= actions %>
+  </div>
+  
+</div>

data/app/components/spina/user_interface/header_component.rb

@@ -0,0 +1,9 @@
+module Spina
+  module UserInterface
+    class HeaderComponent < ApplicationComponent      
+      renders_one :actions
+      renders_one :navigation
+      renders_one :after_breadcrumbs
+    end
+  end
+end

data/app/components/spina/user_interface/modal_component.html.erb

@@ -0,0 +1,11 @@
+<turbo-frame id="modal">
+  <div class="modal max-h-screen py-6" data-controller="modal" data-action="keyup@document->modal#escClose">
+    <button type="button" class="cursor-default w-full h-full fixed inset-0 bg-gray-700 bg-opacity-25 animate__animated animate__fadeIn animate__faster" tabindex="-1" data-action="modal#close"></button>
+    
+    <div class="modal-window <%= @size %> animate__animated animate__fadeInDown animate__faster">
+  
+      <%= content %>
+
+    </div>
+  </div>
+</turbo-frame>

data/app/components/spina/user_interface/modal_component.rb

@@ -0,0 +1,11 @@
+module Spina
+  module UserInterface
+    class ModalComponent < ApplicationComponent
+      
+      def initialize(size: "max-w-lg")
+        @size = size
+      end
+      
+    end
+  end
+end

data/app/components/spina/user_interface/tab_link_component.html.erb

@@ -0,0 +1,3 @@
+<%= link_to @url, class: "block px-3 leading-relaxed py-1 hover:text-gray-800 rounded-md text-gray-400 font-medium text-sm flex items-center #{css_classes}" do %>
+  <%= content || @name %>
+<% end %>

data/app/components/spina/user_interface/tab_link_component.rb

@@ -0,0 +1,22 @@
+module Spina
+  module UserInterface
+    class TabLinkComponent < ApplicationComponent
+      
+      def initialize(name = nil, url = nil, active: false)
+        url = name if url.nil?
+        @url = url
+        @name = name
+        @active = active
+      end
+      
+      def css_classes
+        if @active
+          "cursor-default text-gray-900 bg-spina-dark bg-opacity-10"
+        else
+          ""
+        end
+      end
+      
+    end
+  end
+end

data/app/controllers/concerns/spina/current_account.rb

@@ -0,0 +1,17 @@
+module Spina
+  module CurrentAccount
+    extend ActiveSupport::Concern
+    
+    included do
+      before_action :current_account
+      helper_method :current_account
+    end
+  
+    private
+    
+      def current_account
+        Spina::Current.account ||= ::Spina::Account.first
+      end
+        
+  end
+end

data/app/controllers/concerns/spina/current_theme.rb

@@ -0,0 +1,17 @@
+module Spina
+  module CurrentTheme
+    extend ActiveSupport::Concern
+    
+    included do
+      before_action :current_theme
+      helper_method :current_theme
+    end
+  
+    private
+    
+      def current_theme
+        Spina::Current.theme ||= ::Spina::Theme.find_by_name(current_account.theme)
+      end
+        
+  end
+end

data/app/controllers/spina/admin/accounts_controller.rb

@@ -1,28 +1,20 @@
 module Spina
   module Admin
     class AccountsController < AdminController
-      before_action :set_locale
+      admin_section :settings
+      
+      before_action :set_breadcrumbs
 
       def edit
-        add_breadcrumb I18n.t('spina.preferences.account'), spina.edit_admin_account_path
       end
 
       def update
-        current_account.update(account_params)
-        redirect_back fallback_location: spina.edit_admin_account_path
-      end
-
-      def analytics
-        add_breadcrumb I18n.t('spina.preferences.analytics'), spina.analytics_admin_account_path
-      end
-
-      def social
-        add_breadcrumb I18n.t('spina.preferences.social_media'), spina.social_admin_account_path
-      end
-
-      def style
-        add_breadcrumb I18n.t('spina.preferences.style'), spina.style_admin_account_path
-        @themes = ::Spina::Theme.all
+        if current_account.update(account_params)
+          redirect_back fallback_location: spina.edit_admin_account_path, flash: {success: t('spina.accounts.saved')}
+        else
+          flash.now[:error] = t('spina.accounts.couldnt_be_saved')
+          render :edit, status: :unprocessable_entity
+        end
       end
 
       private
@@ -30,11 +22,11 @@ module Spina
         def account_params
           params.require(:account).permit!
         end
-
-        def set_locale
-          @locale = params[:locale] || I18n.default_locale
-        end
         
+        def set_breadcrumbs
+          add_breadcrumb I18n.t('spina.preferences.account'), spina.edit_admin_account_path
+        end
+
     end
   end
 end

data/app/controllers/spina/admin/admin_controller.rb

@@ -1,31 +1,35 @@
 module Spina
   module Admin
     class AdminController < ActionController::Base
-      include Spina::CurrentMethods
+      include Spina.config.authentication.constantize
+      include Spina::CurrentAccount, Spina::CurrentTheme
       
       helper Spina::Engine.helpers
       
+      before_action :add_view_path
       before_action :set_admin_locale
-      before_action :authorize_spina_user
-
+      before_action :authenticate
+      
+      admin_section :content
+      
       def current_admin_path
         request.fullpath[%r{/#{ Spina.config.backend_path }(.*)}, 1]
       end
       helper_method :current_admin_path
 
       private
+      
+        def render_flash
+          render turbo_stream: turbo_stream.update("flash", partial: "spina/admin/shared/flash")
+        end
 
-      def set_admin_locale
-        I18n.locale = I18n.default_locale
-      end
-
-      def authorize_spina_user
-        redirect_to admin_login_path, flash: {information: I18n.t('spina.notifications.login')} unless current_spina_user
-      end
-
-      def authorize_admin
-        render status: 401 unless current_spina_user.admin?
-      end
+        def set_admin_locale
+          I18n.locale = I18n.default_locale
+        end
+        
+        def add_view_path
+          prepend_view_path Spina::Engine.root.join('app/views/spina/admin')
+        end
 
     end
   end