viktorvsk
f3d33199f0
- Book-styled UI with parchment aesthetic and Russian navigation - Characters model with Konva.js 2D canvas drawing (draggable shapes) - StoryPages model with character association and page navigation - Stimulus controllers: canvas (editor) + canvas-preview (read-only) - Full Russian interface: all labels, buttons, flash messages in Russian
46 lines
2.0 KiB
Plaintext
46 lines
2.0 KiB
Plaintext
<% content_for :title, "Страницы истории" %>
|
||
|
||
<div class="page-card">
|
||
<h1 class="book-title">Страницы</h1>
|
||
<p class="book-subtitle">Все главы вашей истории</p>
|
||
|
||
<div class="action-row">
|
||
<%= link_to "✎ Новая страница", new_story_page_path, class: "btn btn-primary" %>
|
||
<%= link_to "← На обложку", root_path, class: "btn btn-secondary" %>
|
||
</div>
|
||
|
||
<div class="section-divider">❧ ❧ ❧</div>
|
||
|
||
<% if @pages.any? %>
|
||
<ul class="page-list">
|
||
<% @pages.each_with_index do |page, i| %>
|
||
<li>
|
||
<div class="page-list-item" style="flex-direction:column;align-items:flex-start;gap:8px;">
|
||
<div style="display:flex;width:100%;align-items:center;gap:12px;">
|
||
<span class="page-number">С. <%= i + 1 %></span>
|
||
<div style="flex:1;">
|
||
<%= link_to page.title.presence || "Без названия", story_page_path(page), style:"color:var(--ink);font-weight:700;" %>
|
||
<% if page.character %>
|
||
<span class="character-badge" style="background:<%= page.character.color %>22;color:<%= page.character.color %>;margin-left:8px;">
|
||
<%= page.character.name %>
|
||
</span>
|
||
<% end %>
|
||
<p class="page-excerpt"><%= truncate(page.content, length: 100) %></p>
|
||
</div>
|
||
<div class="action-row" style="margin:0;gap:6px;">
|
||
<%= link_to "✎", edit_story_page_path(page), class: "btn btn-secondary btn-sm" %>
|
||
<%= link_to "✕", story_page_path(page), data: { turbo_method: :delete, turbo_confirm: "Удалить эту страницу?" }, class: "btn btn-danger btn-sm" %>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<% end %>
|
||
</ul>
|
||
<% else %>
|
||
<div class="empty-state">
|
||
<span class="empty-state-icon">📜</span>
|
||
<p>Страниц пока нет. Начните писать!</p>
|
||
</div>
|
||
<% end %>
|
||
</div>
|