journeybook 0.1.6.pre.alpha

data/app/views/journeybook/admin/pages/_form.html.erb

@@ -0,0 +1,77 @@
+<%= form_with model: [:admin, page], class: "jb-form" do |form| %>
+  <%= render "journeybook/admin/shared/errors", record: page %>
+  <%= hidden_field_tag :template_key, selected_template&.key %>
+  <%= form.hidden_field :markdown %>
+
+  <section class="jb-card jb-form jb-page-editor-card">
+    <% if selected_template %>
+      <p class="jb-help">Starting with the <strong><%= selected_template.name %></strong> template. Its component layout is ready to edit after this page is created.</p>
+    <% end %>
+    <div class="jb-fields">
+      <div class="jb-field">
+        <%= form.label :site_id %>
+        <%= form.collection_select :site_id, sites, :id, :name %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :page_type %>
+        <%= form.select :page_type, Journeybook::Page::PAGE_TYPES %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :status %>
+        <%= form.select :status, Journeybook::Page::STATUSES %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :title %>
+        <%= form.text_field :title, required: true %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :path %>
+        <%= form.text_field :path, required: selected_template&.path_prefix.blank?, placeholder: selected_template&.path_hint || "/about" %>
+        <% if selected_template&.path_prefix %>
+          <small class="jb-help">Leave blank to generate a path from the title.</small>
+        <% end %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :author_name %>
+        <%= form.text_field :author_name, placeholder: "Optional author byline" %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :topic %>
+        <%= form.text_field :topic, placeholder: "Optional topic, e.g. HR" %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :position %>
+        <%= form.number_field :position, min: 0 %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :locale %>
+        <%= form.text_field :locale, required: true %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :meta_title %>
+        <%= form.text_field :meta_title %>
+      </div>
+      <div class="jb-field">
+        <%= form.label :published_at %>
+        <%= form.datetime_field :published_at %>
+        <small class="jb-help">Leave blank or use the Publish action to make the page live immediately. Future dates schedule the page.</small>
+      </div>
+    </div>
+
+    <div class="jb-field jb-field-short">
+      <%= form.label :excerpt %>
+      <%= form.text_area :excerpt %>
+      <small class="jb-help">Short summary for blog cards, RSS, and SEO.</small>
+    </div>
+
+    <div class="jb-field jb-field-short">
+      <%= form.label :meta_description %>
+      <%= form.text_area :meta_description %>
+    </div>
+
+    <div class="jb-actions">
+      <%= form.submit "Save page", class: "jb-button" %>
+      <%= link_to "Back", admin_pages_path, class: "jb-button jb-button-secondary" %>
+    </div>
+  </section>
+<% end %>

data/app/views/journeybook/admin/pages/_image_picker_modal.html.erb

@@ -0,0 +1,23 @@
+<dialog class="jb-image-picker-modal" data-image-picker-modal>
+  <div class="jb-image-picker-modal-header">
+    <div>
+      <p class="jb-eyebrow">Image library</p>
+      <h2>Select an image</h2>
+    </div>
+    <button type="button" class="jb-image-picker-close" data-image-picker-close aria-label="Close image library">×</button>
+  </div>
+
+  <div class="jb-image-picker-grid">
+    <% @media_assets.each do |asset| %>
+      <% image_url = asset.public_url %>
+      <button type="button" class="jb-image-picker-asset" data-image-picker-asset data-image-url="<%= image_url %>" data-image-title="<%= asset.title %>">
+        <%= image_tag image_url, alt: asset.alt_text.presence || asset.title %>
+        <span><strong><%= asset.title %></strong><small><%= asset.alt_text.presence || asset.original_filename %></small></span>
+      </button>
+    <% end %>
+  </div>
+
+  <div class="jb-image-picker-modal-footer">
+    <%= link_to "Manage library", admin_media_assets_path, class: "jb-link-button" %>
+  </div>
+</dialog>

data/app/views/journeybook/admin/pages/_table.html.erb

@@ -0,0 +1,37 @@
+<table class="jb-table">
+  <thead>
+    <tr>
+      <th>Title</th>
+      <th>Path</th>
+      <th>Type</th>
+      <th>Status</th>
+      <th>Site</th>
+      <th>Updated</th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% pages.each do |page| %>
+      <tr>
+        <td><strong><%= page.title %></strong><br><span class="jb-badge"><%= page.locale %></span></td>
+        <td><code><%= page.path %></code></td>
+        <td><span class="jb-badge"><%= page.page_type %></span></td>
+        <td><span class="jb-badge jb-badge-<%= page.status %>"><%= page.status %></span></td>
+        <td><%= page.site.name %></td>
+        <td><%= time_ago_in_words(page.updated_at) %> ago</td>
+        <td>
+          <div class="jb-actions">
+            <%= link_to "Edit", edit_admin_page_path(page), class: "jb-button jb-button-secondary", data: { source_edit: true, edit_label: "Edit", source_label: "Edit source", edit_href: edit_admin_page_path(page), source_href: source_admin_page_path(page) } %>
+            <%= link_to "Preview", preview_admin_page_path(page), class: "jb-button jb-button-secondary", target: "_blank", rel: "noopener" %>
+            <%= button_to "Duplicate", duplicate_admin_page_path(page), method: :post, class: "jb-button jb-button-secondary" %>
+            <% if page.published? %>
+              <%= button_to "Draft", draft_admin_page_path(page), method: :patch, class: "jb-button jb-button-secondary" %>
+            <% else %>
+              <%= button_to "Publish", publish_admin_page_path(page), method: :patch, class: "jb-button" %>
+            <% end %>
+          </div>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/journeybook/admin/pages/_url_field.html.erb

@@ -0,0 +1,25 @@
+<% page_id = value.to_s[%r{\Ajourneybook://page/(\d+)\z}, 1] %>
+<div class="jb-url-editor" data-url-editor>
+  <input type="hidden" name="component_props[<%= name %>]" value="<%= value %>" id="component_props_<%= name %>" data-url-value>
+  <label>Destination
+    <select data-url-kind>
+      <option value="internal" <%= "selected" if page_id %>>Journeybook page</option>
+      <option value="external" <%= "selected" unless page_id %>>External URL</option>
+    </select>
+  </label>
+  <label data-url-internal>Journeybook page
+    <select data-url-page>
+      <option value="">Select a page</option>
+      <%= options_for_select(@linkable_pages.map { |page| [ "#{page.title} (#{page.path})", "journeybook://page/#{page.id}" ] }, "journeybook://page/#{page_id}") %>
+    </select>
+  </label>
+  <label data-url-external>External URL
+    <input type="text" value="<%= page_id ? "" : value %>" placeholder="https://example.com or /anchor" data-url-external-input>
+  </label>
+  <label>Open link
+    <select name="component_props[<%= name %>_target]" data-url-target>
+      <option value="same_window">Current window</option>
+      <option value="open_new_window" <%= "selected" if @selected_page_component.props["#{name}_target".to_sym] == "open_new_window" %>>New window</option>
+    </select>
+  </label>
+</div>