spina 2.0.2 → 2.3.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/api/paginable.rb

@@ -0,0 +1,44 @@
+module Spina
+  module Api
+    module Paginable
+      extend ActiveSupport::Concern
+    
+      private
+      
+        def pagination(records)
+          paginated_records = records.page(params[:page]).per(params[:per_page])
+          [paginated_records, {
+            meta: pagination_meta(paginated_records),
+            links: pagination_links(paginated_records)
+          }]
+        end
+        
+        def pagination_meta(paginated_records)
+          {
+            current_page: paginated_records.current_page,
+            total: paginated_records.total_count,
+            per_page: paginated_records.limit_value,
+            path: view_context.url_for(only_path: true)
+          }
+        end
+        
+        def pagination_links(paginated_records)
+          {
+            first: path_to_first_page,
+            prev: view_context.path_to_prev_page(paginated_records),
+            next: view_context.path_to_next_page(paginated_records),
+            last: path_to_last_page(paginated_records)
+          }
+        end
+        
+        def path_to_first_page
+          view_context.url_for(page: 1, per_page: params[:per_page], only_path: true)
+        end
+        
+        def path_to_last_page(paginated_records)
+          view_context.url_for(page: paginated_records.total_pages, per_page: params[:per_page], only_path: true)
+        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