spina-admin-conferences-blog 0.1.2 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5789ad976200e5c76aa6b4e8f7e541b6fb614d1a8533cde5ce8fc6b3a7c8954e
-  data.tar.gz: 769bcbbd756cc4eb32e4f037795a450bc2230a13abbc0195b92b3036edd718e5
+  metadata.gz: e5026172295d936e364a86d743c2b0447f8fab1c9d5ac038407c91a3d17721ce
+  data.tar.gz: '058c5d37a43844e7f0f7bdcaca4b5ba00f61ee37b250ed6f90e0221dc26738fa'
 SHA512:
-  metadata.gz: 5f65f76f537fb0e3a9e9e15a60ce41f3fe3538f0f24d582ebaefe5792851bc806938bdb0ed279a4145df72a9782bda89fd8766c189bd20831f4c6ce8d1f95bed
-  data.tar.gz: f9021df76794a220a1fd07632d70baff977cf01b43c819086f969a3e2980bf4483cfe197f8c304eb64ffc729f5bd13ae841e0437dc0a22eafa2c8853bc2de7c6
+  metadata.gz: e5c4f8c1a83786d973a9b82757494e4cf83586dd184386a16d0104ce1fa1d6b3fcae0b056cf9e44b718a9e27d7ea4e72e826101895b30192b48c1bf443a8058b
+  data.tar.gz: adfc2cdd2be06769155f8148711827bf961e71e5525a72200466c0bb9754c45736378e63f6c06d66fed5a8c41bcb05525c2c0560d6aed952392c4edcbaf23ae4

data/README.md

@@ -28,6 +28,17 @@ Or install it yourself as:
 $ gem install spina-blog
 ```
 
+Add to your Spina theme:
+```ruby
+# config/initializers/themes/theme.rb
+
+Spina::Theme.register do |theme|
+  # ...
+  theme.plugins = ['blog']
+end
+
+```
+
 ## Contributing
 The version of Spina to develop this engine against is defined in the gemspec. To override the version of refinery to develop against, edit the project Gemfile to point to a local path containing a clone of Spina CMS.
 

data/app/components/spina/admin/conferences/blog/application_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Spina
+  module Admin
+    module Conferences
+      module Blog
+        # Base class for components
+        class ApplicationComponent < Spina::ApplicationComponent
+        end
+      end
+    end
+  end
+end

data/app/components/spina/admin/conferences/blog/translations_component.html.erb

@@ -0,0 +1,39 @@
+<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 generate_edit_link(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 generate_edit_link(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/admin/conferences/blog/translations_component.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module Spina
+  module Admin
+    module Conferences
+      module Blog
+        # A component for switching translations, mimicking Spina::Pages::TranslationsComponent.
+        # Model must be either a {Spina::Admin::Conferences::Blog::Category} or a
+        # {Spina::Admin::Conferences::Blog::Post}
+        class TranslationsComponent < ApplicationComponent
+          def initialize(model, label: nil)
+            @model = model
+            @label = label
+          end
+          
+          def render?
+            spina_locales.many?
+          end
+      
+          def missing_locales
+            spina_locales - existing_locales
+          end
+      
+          def existing_locales
+            @existing_locales ||= @model.translations.pluck(:locale).map(&:to_sym).sort_by do |locale|
+              spina_locales.index(locale)
+            end
+          end
+
+          def generate_edit_link(locale)
+            return helpers.spina.edit_admin_conferences_blog_category_path(@model.id, locale: locale) if @model.is_a? Category
+            return helpers.spina.edit_admin_conferences_blog_post_path(@model.id, locale: locale) if @model.is_a? Post
+          end
+      
+          private
+      
+          def spina_locales
+            Spina.config.locales.map(&:to_sym)
+          end
+        end
+      end
+    end
+  end
+end

data/app/controllers/spina/admin/conferences/blog/categories_controller.rb

@@ -4,15 +4,15 @@ module Spina
   module Admin
     module Conferences::Blog
       # Spina::Admin::Conferences::Blog::CategoriesController
-      class CategoriesController < AdminController
+      class CategoriesController < ::Spina::Admin::AdminController
         before_action :category, except: %i[new create index]
         before_action :set_breadcrumb
         before_action :set_locale
+        
+        admin_section :blog
 
         decorates_assigned :category
 
-        layout 'spina/admin/conferences/blog/categories'
-
         def index
           @categories = Spina::Admin::Conferences::Blog::Category.order(:name)
         end
@@ -30,7 +30,7 @@ module Spina
                         notice: t('spina.blog.categories.saved')
           else
             add_breadcrumb I18n.t('spina.blog.categories.new')
-            render :new, layout: 'spina/admin/admin'
+            render :new, status: :unprocessable_entity
           end
         end
 
@@ -40,13 +40,14 @@ module Spina
         end
 
         def update
+          add_breadcrumb @category.name
           if @category.update(category_params)
             add_breadcrumb @category.name
             redirect_to spina.edit_admin_conferences_blog_category_url(
               @category.id, params: { locale: @locale }
             ), notice: t('spina.blog.categories.saved')
           else
-            render :edit, layout: 'spina/admin/admin'
+            render :edit, status: :unprocessable_entity
           end
         end
 

data/app/controllers/spina/admin/conferences/blog/posts_controller.rb

@@ -4,16 +4,16 @@ module Spina
   module Admin
     module Conferences::Blog
       # Spina::Admin::Conferences::Blog::PostsController
-      class PostsController < AdminController
+      class PostsController < ::Spina::Admin::AdminController
         before_action :post, except: %i[index live draft future new create]
         before_action :set_breadcrumb
         before_action :set_tabs, only: %i[new create edit update]
         before_action :set_locale
+        
+        admin_section :blog
 
         decorates_assigned :post
 
-        layout 'spina/admin/conferences/blog/blog'
-
         def index
           @posts = Spina::Admin::Conferences::Blog::Post.order(created_at: :desc)
         end
@@ -46,7 +46,7 @@ module Spina
                         notice: t('spina.blog.posts.saved')
           else
             add_breadcrumb I18n.t('spina.blog.posts.new')
-            render :new, layout: 'spina/admin/admin'
+            render :new, status: :unprocessable_entity
           end
         end
 
@@ -62,7 +62,7 @@ module Spina
               @post.id, params: { locale: @locale }
             ), notice: t('spina.blog.posts.saved')
           else
-            render :edit, layout: 'spina/admin/admin'
+            render :edit, status: :unprocessable_entity
           end
         end
 

data/app/models/spina/admin/conferences/blog/category.rb

@@ -8,9 +8,11 @@ module Spina
 
       friendly_id :name, use: :slugged
 
-      has_many :posts, class_name: 'Spina::Blog::Post', inverse_of: :category
+      has_many :posts, class_name: 'Spina::Admin::Conferences::Blog::Post', inverse_of: :category
       validates :name, presence: true, uniqueness: { case_sensitive: false }
 
+      translates :name, fallbacks: true
+
       def to_s
         name
       end

data/app/models/spina/admin/conferences/blog/post.rb

@@ -27,6 +27,10 @@ module Spina
       scope :featured, -> { where(featured: true) }
       scope :unfeatured, -> { where(featured: false) }
 
+      translates :title, fallbacks: true
+      translates :description, :excerpt, :content
+      translates :seo_title, default: -> { title }
+
       def self.table_name
         'spina_blog_posts'
       end

data/app/views/layouts/default/application.html.erb

@@ -0,0 +1 @@
+<%= yield %>

data/app/views/spina/admin/conferences/blog/categories/_category.html.erb

@@ -0,0 +1,13 @@
+<div class="border-b border-gray-200 flex items-center justify-between space-x-8 pr-2">
+  <%= link_to spina.edit_admin_conferences_blog_category_path(category.id), class: 'block text-spina text-sm p-4 hover:text-spina-dark font-medium' do %>
+    <%= category.name %>
+  <% end %>
+  
+  <div class="flex-1"></div>
+  
+  <div>
+    <%= link_to spina.edit_admin_conferences_blog_category_path(category.id), class: "btn btn-default px-3" do %>
+      <%= heroicon('pencil', style: :solid, class: 'w-4 h-4') %>
+    <% end %>
+  </div>
+</div>

data/app/views/spina/admin/conferences/blog/categories/_form.html.erb

@@ -0,0 +1,38 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.actions do %>
+    
+    <% if @category.persisted? %>
+      <!-- Translations -->
+      <%= render Spina::Admin::Conferences::Blog::TranslationsComponent.new(@category, label: @locale.upcase) %>
+    
+      <%= 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") %>
+        <% end %>
+        
+        <% dropdown.menu do %>
+          <%= button_to t('spina.permanently_delete'), spina.admin_conferences_blog_category_path(@category.id), 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('spina.blog.categories.delete_confirmation', subject: @category.name)}} %>
+        <% end %>
+      <% end %>
+    <% end %>
+
+    <%= button_tag type: :submit, form: dom_id(@category), 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.blog.categories.save' %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  
+  <%= form_with model: @category, url: @category.new_record? ? spina.admin_conferences_blog_categories_path : spina.admin_conferences_blog_category_path(@category.id), id: dom_id(@category) do |f| %>
+    <%= hidden_field_tag :locale, @locale %>
+    <% Mobility.with_locale(@locale) do %>
+      <%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:name)) do %>
+        <%= render Spina::Forms::LabelComponent.new(f, :name) %>
+        <%= render Spina::Forms::TextFieldComponent.new(f, :name, autofocus: @category.name.blank?) %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+</div>

data/app/views/spina/admin/conferences/blog/categories/edit.html.erb

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

data/app/views/spina/admin/conferences/blog/categories/index.html.erb

@@ -0,0 +1,19 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.after_breadcrumbs do %>
+    <%= link_to spina.new_admin_conferences_blog_category_path, class: 'btn btn-default h-8 px-2 ml-3' do %>
+      <%= heroicon('plus', style: :solid, class: 'w-6 h-6') %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  <% if @categories.any? %>
+    <div class="shadow-sm border border-gray-200 bg-white rounded-lg">
+      <%= render partial: 'category', collection: @categories, as: :category %>
+    </div>
+  <% else %>
+    <div class="text-gray-700 italic">
+      There are no categories yet. Create your first one!
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/conferences/blog/categories/new.html.erb

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

data/app/views/spina/admin/conferences/blog/posts/_form.html.erb

@@ -0,0 +1,66 @@
+<div data-controller="tabs" data-tabs-active="cursor-default text-gray-900 bg-spina-dark bg-opacity-10" data-tabs-inactive="cursor-pointer bg-transparent text-gray-400 border-transparent">
+  <%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+    <% header.actions do %>
+      
+      <% if @post.persisted? %>
+        <!-- Translations -->
+        <%= render Spina::Admin::Conferences::Blog::TranslationsComponent.new(@post, label: @locale.upcase) %>
+      
+        <%= 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") %>
+          <% end %>
+          
+          <% dropdown.menu do %>
+            <%= button_to t('spina.permanently_delete'), spina.admin_conferences_blog_post_path(@post.id), 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('spina.blog.posts.delete_confirmation', subject: @post.title)}} %>
+          <% end %>
+        <% end %>
+      <% end %>
+    
+      <%= button_tag type: :submit, form: dom_id(@post), 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.blog.posts.save' %>
+      <% end %>
+      
+    <% end %>
+    
+    <% header.navigation do %>
+      <nav class="-mb-3 mt-4">
+        <ul class="inline-flex w-auto rounded-md bg-white">
+          <% @tabs.each do |tab| %>
+            <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 %>">
+              <%= t("spina.blog.posts.#{tab}") %>
+            </button>
+          <% end %>
+        </ul>
+      </nav>
+    <% end %>
+  <% end %>
+  
+  <div class="p-8">
+    
+    <%= form_with model: @post, url: @post.new_record? ? spina.admin_conferences_blog_posts_path : spina.admin_conferences_blog_post_path(@post.id), id: dom_id(@post) do |f| %>
+      <%= hidden_field_tag :locale, @locale %>
+      
+      <% if f.object.errors %>
+        <ul class="text-red-500 font-medium">
+          <% f.object.errors.full_messages.each do |message| %>
+            <li><%= message %></li>
+          <% end %>
+        </ul>
+      <% end %>
+    
+      <% Mobility.with_locale(@locale) do %>
+      
+        <% @tabs.each do |tab| %>
+          <div data-tabs-target="pane" id="<%= tab %>">
+            <%= render "form_#{tab}", f: f %>
+          </div>
+        <% end %>
+      
+      <% end %>
+    
+    <% end %>
+    
+  </div>
+</div>

data/app/views/spina/admin/conferences/blog/posts/_form_post_configuration.html.erb

@@ -0,0 +1,46 @@
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:category)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :category) %>
+  <%= f.select :category_id, Spina::Admin::Conferences::Blog::Category.all.collect{|u| [u.name, u.id]}, {prompt: true}, class: 'form-select', data: {controller: "select-placeholder", action: "select-placeholder#update"} %>
+<% end %>
+
+<div class="border-t border-gray-200 my-6"></div>
+
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:draft), description: Spina::Admin::Conferences::Blog::Post.human_attribute_name(:draft_description)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :draft) %>
+  <%= render Spina::Forms::SwitchComponent.new(f, :draft) %>
+<% end %>
+
+<div class="border-t border-gray-200 my-6"></div>
+
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:featured), description: Spina::Admin::Conferences::Blog::Post.human_attribute_name(:featured_description)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :featured) %>
+  <%= render Spina::Forms::SwitchComponent.new(f, :featured) %>
+<% end %>
+
+<div class="border-t border-gray-200 my-6"></div>
+
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:slug), description: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:slug_description)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :slug) %>
+  <%= render Spina::Forms::TextFieldComponent.new(f, :slug) %>
+  
+  <% if @post.slug %>
+    <div class="text-gray-400 text-xs mt-2">
+      Current permalink:
+      /blog/posts/<%= @post.slug %>
+    </div>
+  <% end %>
+<% end %>
+
+<div class="border-t border-gray-200 my-6"></div>
+
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:published_at)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :published_at) %>
+  <%= render Spina::Forms::TextFieldComponent.new(f, :published_at) %>
+<% end %>
+
+<div class="border-t border-gray-200 my-6"></div>
+
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Category.human_attribute_name(:spina_user)) do %>
+  <%= render Spina::Forms::LabelComponent.new(f, :spina_user) %>
+  <%= f.select :user_id, Spina::User.all.collect{|u| [u.name, u.id]}, {prompt: true}, class: 'form-select', data: {controller: "select-placeholder", action: "select-placeholder#update"} %>  
+<% end %>

data/app/views/spina/admin/conferences/blog/posts/_form_post_content.html.erb

@@ -0,0 +1,59 @@
+<%= render Spina::Forms::LabelComponent.new(f, :title) %>
+<%= render Spina::Forms::TextFieldComponent.new(f, :title, size: "lg", autofocus: f.object.title.blank?) %>
+
+<div class="mt-6">
+  <%= render Spina::Forms::LabelComponent.new(f, :excerpt) %>
+  
+  <div class="mt-1 relative">   
+    <%= f.hidden_field :excerpt, id: "excerpt_input" %>
+  
+    <div class="relative form-textarea p-4 shadow-sm max-w-5xl" data-controller="trix" id="insert_excerpt_trix-toolbar" data-action="media-picker:done->trix#insertAttachment">      
+      <%= render Spina::Forms::TrixToolbarComponent.new("excerpt_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="excerpt_trix-toolbar" input="excerpt_input" data-trix-target="editor" data-action="trix-file-accept->trix#preventDefault"></trix-editor>
+    </div>
+  </div>
+</div>
+
+<div class="mt-6">
+  <%= render Spina::Forms::LabelComponent.new(f, :content) %>
+  <div class="mt-1 relative">
+    
+    <%= f.hidden_field :content, id: "content_input" %>
+  
+    <div class="relative form-textarea p-4 shadow-sm max-w-5xl" data-controller="trix" id="insert_content_trix-toolbar" data-action="media-picker:done->trix#insertAttachment">      
+      <%= render Spina::Forms::TrixToolbarComponent.new("content_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="content_trix-toolbar" input="content_input" data-trix-target="editor" data-action="trix-file-accept->trix#preventDefault"></trix-editor>
+    </div>
+  </div>
+</div>
+
+<div class="mt-6 relative" data-controller="media-picker" id="<%= dom_id(f.object, f.object.object_id) %>" data-action="media-picker:done->media-picker#handleDone">
+  <label class="block text-sm leading-5 font-medium text-gray-700">
+    <%= Spina::Admin::Conferences::Blog::Post.human_attribute_name(:image) %>
+  </label>
+
+  <%= f.hidden_field :image_id, data: {media_picker_target: "imageId"} %>
+
+  <button class="absolute mt-3 ml-2 z-10 cursor-pointer flex items-center h-9 px-2 rounded-md bg-gray-700 bg-opacity-50 border-gray-300 active:shadow-inner text-gray-200 hover:text-white text-sm font-medium leading-none leading-none shadow-sm" data-action="media-picker#removeImage" data-media-picker-target="clearButton" type="button">
+    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+    </svg>
+  </button>
+  
+  <%= link_to spina.admin_media_picker_path(target: dom_id(f.object, f.object.object_id)), class: "block relative mt-1 w-full", data: {turbo_frame: "modal"} do %>
+    <div class="w-36 h-36 bg-transparent border-2 border-dashed border-gray-300 rounded-lg flex items-center flex-col justify-center">
+      <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48">
+        <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>
+      <div class="text-gray-400 font-medium text-sm"><%=t 'spina.images.choose_image' %></div>
+    </div>
+    
+    <div class="border absolute inset-0 w-36 h-36 bg-gray-100 rounded-lg shadow-md overflow-hidden" data-media-picker-target="thumbnail">
+      <% if f.object.image.present? %>
+        <%= image_tag thumbnail_url(f.object.image), class: 'object-contain h-36 w-full', data: {controller: "image-fade-in"} %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/conferences/blog/posts/_form_post_seo.html.erb

@@ -0,0 +1,7 @@
+<%= render Spina::Forms::GroupComponent.new(label: Spina::Admin::Conferences::Blog::Post.human_attribute_name(:seo_title), description: Spina::Admin::Conferences::Blog::Post.human_attribute_name(:description)) do %>
+  <%= render Spina::Forms::TextFieldComponent.new(f, :seo_title) %>
+  
+  <div class="mt-5">
+    <%= render Spina::Forms::TextFieldComponent.new(f, :description) %>
+  </div>
+<% end %>

data/app/views/spina/admin/conferences/blog/posts/_post.html.erb

@@ -0,0 +1,30 @@
+<div class="border-b border-gray-200 flex items-center justify-between space-x-8 pr-2">
+  
+  <%= link_to spina.edit_admin_conferences_blog_post_path(post.id), class: 'flex items-center text-spina text-sm p-4 hover:text-spina-dark font-medium' do %>
+    <% if post.featured? %>
+      <%= heroicon('star', style: :solid, class: 'w-6 h-6 text-yellow-500 mr-3') %>
+    <% end %>
+    <div>
+      <%= post.title %>
+      <div class="text-gray-400 text-xs"><%= time_ago_in_words(post.created_at) %> ago</div>
+    </div>
+  <% end %>
+  
+  <div class="flex-1"></div>
+  
+  <div>
+    <% if post.draft? %>
+      <span class="text-sm text-gray-400"><%=t 'spina.blog.posts.concept' %></span>
+    <% elsif post.published_at and post.published_at > Time.now %>
+      <span class="text-sm text-gray-400">
+        Will be published on <%= post.decorate.published_date %>
+      </span>
+    <% end %>
+  </div>
+  
+  <div>
+    <%= link_to spina.edit_admin_conferences_blog_post_path(post.id), class: "btn btn-default px-3" do %>
+      <%= heroicon('pencil', style: :solid, class: 'w-4 h-4') %>
+    <% end %>
+  </div>
+</div>

data/app/views/spina/admin/conferences/blog/posts/edit.html.erb

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

data/app/views/spina/admin/conferences/blog/posts/index.html.erb

@@ -0,0 +1,33 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.after_breadcrumbs do %>
+    <%= link_to spina.new_admin_conferences_blog_post_path, class: 'btn btn-default h-8 px-2 ml-3' do %>
+      <%= heroicon('plus', style: :solid, class: 'w-6 h-6') %>
+    <% end %>
+  <% end %>
+  
+  <% header.navigation do %>
+    <nav class="-mb-3 mt-4">
+      <ul class="inline-flex w-auto rounded-md bg-white">
+        <%= render Spina::UserInterface::TabLinkComponent.new(t('spina.blog.posts.all_posts'), spina.admin_conferences_blog_posts_path, active: action_name == 'index') %>
+        
+        <%= render Spina::UserInterface::TabLinkComponent.new(t('spina.blog.posts.live_posts'), spina.live_admin_conferences_blog_posts_path, active: action_name == 'live') %>
+        
+        <%= render Spina::UserInterface::TabLinkComponent.new(t('spina.blog.posts.draft_posts'), spina.draft_admin_conferences_blog_posts_path, active: action_name == 'draft') %>
+        
+        <%= render Spina::UserInterface::TabLinkComponent.new(t('spina.blog.posts.scheduled_posts'), spina.future_admin_conferences_blog_posts_path, active: action_name == 'future') %>
+      </ul>
+    </nav>
+  <% end %>
+<% end %>
+
+<div class="p-8">
+  <% if @posts.any? %>
+    <div class="shadow-sm border border-gray-200 bg-white rounded-lg">
+      <%= render partial: 'post', collection: @posts, as: :post %>
+    </div>
+  <% else %>
+    <div class="text-gray-700 italic">
+      There are no posts yet. Create your first one!
+    </div>
+  <% end %>
+</div>

data/app/views/spina/admin/conferences/blog/posts/new.html.erb

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

data/app/views/spina/admin/hooks/conferences/blog/_primary_navigation.html.erb

@@ -0,0 +1,14 @@
+<%= render Spina::MainNavigation::SubNavComponent.new(:blog) do |nav| %>
+  <% nav.icon do %>
+    <%= heroicon('pencil', 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">
+      <%=t 'spina.blog.title' %>
+    </div>
+  <% end %>
+  
+  <% nav.links do %>
+    <%= render Spina::MainNavigation::LinkComponent.new(t('spina.blog.posts.title'), spina.admin_conferences_blog_posts_path, active: request.path.start_with?("/#{Spina.config.backend_path}/conferences/blog/posts")) %>
+    <%= render Spina::MainNavigation::LinkComponent.new(t('spina.blog.categories.title'), spina.admin_conferences_blog_categories_path, active: request.path.start_with?("/#{Spina.config.backend_path}/conferences/blog/categories")) %>
+  <% end %>
+<% end %>

data/config/locales/en.yml

@@ -14,6 +14,12 @@ en:
         post_content: Content
         post_configuration: Settings
         concept: Draft
+        all_posts: All Posts
+        delete_confirmation: Are you sure you want to delete <strong>%{subject}</strong>?
+        draft_posts: Draft Posts
+        live_posts: Live Posts
+        post_seo: Post SEO
+        scheduled_posts: Scheduled Posts
 
       categories:
         title: Categories
@@ -22,6 +28,7 @@ en:
         save: Save category
         saving: Saving...
         saved: Category saved
+        delete_confirmation: Are you sure you want to delete <strong>%{subject}</strong>?
 
   activerecord:
     attributes:

data/config/locales/nl.yml

@@ -14,6 +14,12 @@ nl:
         post_content: Inhoud
         post_configuration: Instellingen
         concept: Concept
+        all_posts: All Posts
+        delete_confirmation: Are you sure you want to delete <strong>%{subject}</strong>?
+        draft_posts: Draft Posts
+        live_posts: Live Posts
+        post_seo: Post SEO
+        scheduled_posts: Scheduled Posts
 
       categories:
         title: Categorieën
@@ -22,6 +28,7 @@ nl:
         save: Categorie opslaan
         saving: Opslaan...
         saved: Categorie opgeslagen
+        delete_confirmation: Are you sure you want to delete <strong>%{subject}</strong>?
 
   activerecord:
     attributes: