lean_cms 0.2.12

data/app/views/lean_cms/posts/_form.html.erb

@@ -0,0 +1,118 @@
+<%= form_with(model: @post, url: @post.new_record? ? lean_cms_posts_path : lean_cms_post_path(@post), local: true, class: "space-y-6") do |f| %>
+  <% if @post.errors.any? %>
+    <div class="bg-red-50 border border-red-200 rounded-lg p-4">
+      <div class="flex items-start">
+        <svg class="w-5 h-5 text-red-600 mt-0.5 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+        </svg>
+        <div>
+          <h3 class="text-sm font-medium text-red-800 mb-2">
+            <%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:
+          </h3>
+          <ul class="list-disc list-inside text-sm text-red-700 space-y-1">
+            <% @post.errors.full_messages.each do |message| %>
+              <li><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-6">Post Details</h2>
+
+    <div class="space-y-6">
+      <!-- Content Type -->
+      <div>
+        <%= f.label :content_type, "Post Type", class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <div class="flex space-x-4">
+          <label class="flex items-center">
+            <%= f.radio_button :content_type, "blog", class: "w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500" %>
+            <span class="ml-2 text-sm text-gray-700">Blog Post</span>
+          </label>
+          <label class="flex items-center">
+            <%= f.radio_button :content_type, "portfolio", class: "w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500" %>
+            <span class="ml-2 text-sm text-gray-700">Portfolio Item</span>
+          </label>
+        </div>
+      </div>
+
+      <!-- Title -->
+      <div>
+        <%= f.label :title, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= f.text_field :title, class: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid", placeholder: "Enter post title" %>
+      </div>
+
+      <!-- Slug -->
+      <div>
+        <%= f.label :slug, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <div class="flex items-center">
+          <span class="text-sm text-gray-500 mr-2">/blog/</span>
+          <%= f.text_field :slug, class: "flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid", placeholder: "post-slug" %>
+        </div>
+        <p class="text-xs text-gray-500 mt-1">URL-friendly version of the title. Leave blank to auto-generate.</p>
+      </div>
+
+      <!-- Excerpt -->
+      <div>
+        <%= f.label :excerpt, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= f.text_area :excerpt, rows: 3, class: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid", placeholder: "Brief summary of the post (shown in listings)" %>
+      </div>
+
+      <!-- Featured Image -->
+      <div>
+        <%= f.label :featured_image, "Featured Image", class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <% if @post.featured_image.attached? %>
+          <div class="mb-4">
+            <%= image_tag @post.featured_image, class: "max-w-md h-auto rounded-lg border border-gray-300", alt: @post.title %>
+            <p class="text-xs text-gray-500 mt-2">Current featured image</p>
+          </div>
+        <% end %>
+        <%= f.file_field :featured_image, 
+            accept: "image/*",
+            class: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100" %>
+        <p class="text-xs text-gray-500 mt-1">Upload a featured image for this post. Recommended size: 1200x630px for best display.</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Body Content -->
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-6">Content</h2>
+    <%= f.label :body, class: "block text-sm font-medium text-gray-700 mb-2" %>
+    <%= f.rich_text_area :body, class: "w-full" %>
+  </div>
+
+  <!-- Publishing Options -->
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-6">Publishing</h2>
+
+    <div class="space-y-6">
+      <!-- Status -->
+      <div>
+        <%= f.label :status, class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= f.select :status,
+                     LeanCms::Post.statuses.keys.map { |s| [s.titleize, s] },
+                     {},
+                     class: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid" %>
+      </div>
+
+      <!-- Published At -->
+      <div>
+        <%= f.label :published_at, "Publish Date & Time", class: "block text-sm font-medium text-gray-700 mb-2" %>
+        <%= f.datetime_local_field :published_at,
+                                    value: (@post.published_at || Time.current).strftime("%Y-%m-%dT%H:%M"),
+                                    class: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-blue-600 focus:outline-solid" %>
+        <p class="text-xs text-gray-500 mt-1">Posts will only be visible if published and the date/time has passed.</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Form Actions -->
+  <div class="flex items-center justify-end space-x-4 bg-gray-50 rounded-lg p-6 border border-gray-200">
+    <%= link_to "Cancel", lean_cms_posts_path, class: "px-4 py-2 text-gray-700 hover:text-gray-900 font-medium transition-colors" %>
+    <%= f.submit @post.new_record? ? "Create Post" : "Update Post",
+                 class: "px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-500 transition-colors font-medium" %>
+  </div>
+<% end %>

data/app/views/lean_cms/posts/edit.html.erb

@@ -0,0 +1,31 @@
+<% content_for :title, "Edit Post" %>
+
+<div class="mb-8">
+  <div class="flex items-center text-sm text-gray-600 mb-4">
+    <%= link_to "Posts", lean_cms_posts_path, class: "hover:text-gray-900" %>
+    <svg class="w-4 h-4 mx-2" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
+    </svg>
+    <span class="text-gray-900">Edit Post</span>
+  </div>
+
+  <div class="flex items-center justify-between">
+    <div>
+      <h1 class="text-3xl font-bold text-gray-900"><%= @post.title %></h1>
+      <p class="text-gray-600 mt-2">Last edited by <%= @post.last_edited_by&.email_address %></p>
+    </div>
+
+    <% if @post.versions.any? %>
+      <div class="text-sm text-gray-600">
+        <%= link_to "#", class: "inline-flex items-center px-3 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors" do %>
+          <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+          </svg>
+          View History (<%= @post.versions.count %>)
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<%= render "form", post: @post %>

data/app/views/lean_cms/posts/index.html.erb

@@ -0,0 +1,100 @@
+<% content_for :title, "Posts" %>
+
+<div class="flex justify-between items-center mb-8">
+  <div>
+    <h1 class="text-3xl font-bold text-gray-900">Posts</h1>
+    <p class="text-gray-600 mt-2">Manage your blog posts and portfolio items</p>
+  </div>
+  <%= link_to new_lean_cms_post_path, class: "inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-500 transition-colors" do %>
+    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
+    </svg>
+    New Post
+  <% end %>
+</div>
+
+<% if @posts.any? %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200">
+    <div class="overflow-x-auto">
+      <table class="w-full">
+        <thead>
+          <tr class="border-b border-gray-200 bg-gray-50">
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Title</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Type</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Status</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Author</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Published</th>
+            <th class="text-right px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Actions</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-200">
+          <% @posts.each do |post| %>
+            <tr class="hover:bg-gray-50 transition-colors">
+              <td class="px-6 py-4">
+                <div class="font-medium text-gray-900"><%= post.title %></div>
+                <div class="text-sm text-gray-500 mt-1"><%= truncate(post.excerpt, length: 80) if post.excerpt.present? %></div>
+              </td>
+              <td class="px-6 py-4">
+                <% if post.content_blog? %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+                    Blog
+                  </span>
+                <% else %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                    Portfolio
+                  </span>
+                <% end %>
+              </td>
+              <td class="px-6 py-4">
+                <% if post.published? %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                    <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
+                      <circle cx="10" cy="10" r="3"/>
+                    </svg>
+                    Published
+                  </span>
+                <% else %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
+                    <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
+                      <circle cx="10" cy="10" r="3"/>
+                    </svg>
+                    Draft
+                  </span>
+                <% end %>
+              </td>
+              <td class="px-6 py-4 text-sm text-gray-600">
+                <%= post.author&.email_address %>
+              </td>
+              <td class="px-6 py-4 text-sm text-gray-600">
+                <%= post.published_at ? post.published_at.strftime("%b %d, %Y") : "—" %>
+              </td>
+              <td class="px-6 py-4 text-right">
+                <div class="flex items-center justify-end space-x-3">
+                  <%= link_to edit_lean_cms_post_path(post), class: "text-blue-600 hover:text-blue-800 transition-colors" do %>
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
+                    </svg>
+                  <% end %>
+                  <%= button_to lean_cms_post_path(post), method: :delete, data: { turbo_confirm: "Are you sure you want to delete this post?" }, class: "text-red-600 hover:text-red-800 transition-colors" do %>
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <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>
+                  <% end %>
+                </div>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% else %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-12 text-center">
+    <svg class="w-16 h-16 mx-auto text-gray-400 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+    </svg>
+    <h3 class="text-lg font-medium text-gray-900 mb-2">No posts yet</h3>
+    <p class="text-gray-600 mb-6">Get started by creating your first blog post or portfolio item.</p>
+    <%= link_to "Create Post", new_lean_cms_post_path, class: "inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-500 transition-colors" %>
+  </div>
+<% end %>

data/app/views/lean_cms/posts/new.html.erb

@@ -0,0 +1,16 @@
+<% content_for :title, "New Post" %>
+
+<div class="mb-8">
+  <div class="flex items-center text-sm text-gray-600 mb-4">
+    <%= link_to "Posts", lean_cms_posts_path, class: "hover:text-gray-900" %>
+    <svg class="w-4 h-4 mx-2" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
+    </svg>
+    <span class="text-gray-900">New Post</span>
+  </div>
+
+  <h1 class="text-3xl font-bold text-gray-900">Create New Post</h1>
+  <p class="text-gray-600 mt-2">Write a new blog post or add a portfolio item</p>
+</div>
+
+<%= render "form", post: @post %>

data/app/views/lean_cms/sessions/new.html.erb

@@ -0,0 +1,28 @@
+<% content_for :title, "Login" %>
+
+<h1 class="lc-auth-title">Sign in</h1>
+
+<%= form_with url: lean_cms_session_path, class: "lc-auth-form" do |form| %>
+  <div class="lc-auth-field">
+    <%= form.label :email_address, "Email address" %>
+    <%= form.email_field :email_address,
+          required: true, autofocus: true, autocomplete: "username",
+          placeholder: "you@example.com",
+          value: params[:email_address],
+          class: "lc-auth-input" %>
+  </div>
+
+  <div class="lc-auth-field">
+    <%= form.label :password, "Password" %>
+    <%= form.password_field :password,
+          required: true, autocomplete: "current-password",
+          placeholder: "Enter your password",
+          maxlength: 72,
+          class: "lc-auth-input" %>
+  </div>
+
+  <div class="lc-auth-actions">
+    <%= form.submit "Sign in", class: "lc-auth-btn" %>
+    <%= link_to "Forgot password?", lean_cms_new_password_path, class: "lc-auth-link" %>
+  </div>
+<% end %>