alchemy_cms 5.0.0.rc2 → 5.1.0.rc1

data/app/views/alchemy/admin/pages/_page_layout_filter.html.erb

@@ -0,0 +1,29 @@
+<div id="page_layout_filter">
+  <label>
+    <h3><%= Alchemy::Page.human_attribute_name(:page_layout) %></h3>
+    <%= select_tag(
+      "page_layout",
+      options_for_select(
+        @current_language.site.page_layout_names.map do |layout|
+          [
+            Alchemy::PageLayout.human_layout_name(layout),
+            layout
+          ]
+        end,
+        search_filter_params[:page_layout]
+      ),
+      include_blank: Alchemy.t(:all, scope: ["resources", "page", "filters"]),
+      class: "alchemy_selectbox full_width"
+    ) %>
+  </label>
+</div>
+
+<script type="text/javascript">
+  $(function() {
+    $("#page_layout").on("change", function(e) {
+      var url = "<%= alchemy.admin_pages_path(search_filter_params.except(:page_layout, :page).merge(view: "list")) %>";
+      delimiter = url.match(/\?/) ? "&" : "?";
+      Turbolinks.visit(url + delimiter + "page_layout=" + encodeURIComponent($(this).val()));
+    });
+  });
+</script>

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

@@ -0,0 +1,27 @@
+<table class="list">
+  <thead>
+    <tr>
+      <th class="icon"></th>
+      <th class="string name">
+        <%= sort_link [:alchemy, @query],
+          "name",
+          Alchemy::Page.human_attribute_name(:name),
+          default_order: "asc" %>
+      </th>
+      <th><%= Alchemy::Page.human_attribute_name(:urlname) %></th>
+      <th><%= Alchemy::Page.human_attribute_name(:page_type) %></th>
+      <th><%= Alchemy::Page.human_attribute_name(:tag_list) %></th>
+      <th>
+        <%= sort_link [:alchemy, @query],
+          :updated_at,
+          Alchemy::Page.human_attribute_name(:updated_at),
+          default_order: "desc" %>
+      </th>
+      <th class="status center"><%= Alchemy::Page.human_attribute_name(:status) %></th>
+      <th class="tools"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <%= render partial: "table_row", collection: @pages, as: "page" %>
+  </tbody>
+</table>

data/app/views/alchemy/admin/pages/_table_row.html.erb

@@ -0,0 +1,107 @@
+<tr class="<%= cycle(:even, :odd) %>" data-page-id="<%= page.id %>">
+  <td class="icon">
+    <% if can?(:edit_content, page) %>
+      <% if page.locked? %>
+        <span class="with-hint">
+          <i class="icon fas fa-edit fa-fw"></i>
+          <span class="hint-bubble">
+            <%= Alchemy.t("This page is locked", name: page.locker_name) %>
+          </span>
+        </span>
+      <% else %>
+        <i class="icon far fa-file fa-lg"></i>
+      <% end %>
+    <% else %>
+      <span class="with-hint">
+        <i class="icon fas fa-ban fa-fw"></i>
+        <span class="hint-bubble">
+          <%= Alchemy.t("Your user role does not allow you to edit this page") %>
+        </span>
+      </span>
+    <% end %>
+  </td>
+  <td class="string name">
+    <%= link_to_if(
+      can?(:edit_content, page),
+      page.name,
+      alchemy.edit_admin_page_path(page),
+      title: Alchemy.t(:edit_page),
+    ) { content_tag(:span, page.name) } -%>
+  </td>
+  <td class="url">
+    <%= page.url_path %>
+  </td>
+  <td class="page_layout">
+    <%= Alchemy.t(page.page_layout, scope: "page_layout_names", default: page.page_layout.to_s.humanize) %>
+  </td>
+  <td class="tags">
+    <% page.tag_list.each do |tag| %>
+      <%= content_tag(:span, tag, class: "tag") %>
+    <% end %>
+  </td>
+  <td class="date">
+    <%= l(page.updated_at, format: :"alchemy.default") %>
+  </td>
+  <td class="status center">
+    <span class="page_status with-hint">
+      <i class="icon fas fa-fw fa-compass <% unless page.public? %>disabled<% end %>" data-fa-transform="shrink-2"></i>
+      <span class="hint-bubble"><%= page.status_title(:public) %></span>
+    </span>
+    <span class="page_status with-hint">
+      <i class="icon fas fa-fw fa-lock <% unless page.restricted? %>disabled<% end %>" data-fa-transform="shrink-2"></i>
+      <span class="hint-bubble"><%= page.status_title(:restricted) %></span>
+    </span>
+  </td>
+  <td class="tools">
+    <% if can?(:info, page) %>
+      <div class="button_with_label">
+        <%= link_to_dialog(
+          render_icon('info-circle'),
+          alchemy.info_admin_page_path(page),
+          {
+            title: Alchemy.t(:page_infos),
+            size: '520x290'
+          }
+        ) %>
+        <label class="center"><%= Alchemy.t(:page_infos) %></label>
+      </div>
+    <% end %>
+    <% if can?(:configure, page) %>
+      <div class="button_with_label sitemap_tool">
+        <%= link_to_dialog(
+          render_icon(:cog),
+          alchemy.configure_admin_page_path(page),
+          {
+            title: Alchemy.t(:edit_page_properties),
+            size: '450x680'
+          }
+        ) -%>
+        <label class="center"><%= Alchemy.t(:edit_page_properties) %></label>
+      </div>
+    <% end %>
+    <% if can?(:copy, page) %>
+      <div class="button_with_label sitemap_tool">
+        <%= link_to(
+          render_icon(:copy),
+          alchemy.insert_admin_clipboard_path(
+            remarkable_type: :pages,
+            remarkable_id: page.id,
+          ),
+          remote: true,
+          method: :post
+        ) %>
+        <label class="center"><%= Alchemy.t(:copy_page) %></label>
+      </div>
+    <% end %>
+    <% if can?(:destroy, page) %>
+      <div class="button_with_label">
+        <%= link_to_confirm_dialog(
+          render_icon(:minus),
+          Alchemy.t(:confirm_to_delete_page),
+          alchemy.admin_page_path(page)
+        ) -%>
+        <label class="center"><%= Alchemy.t(:delete_page) %></label>
+      </div>
+    <% end %>
+  </td>
+</tr>

data/app/views/alchemy/admin/pages/_toolbar.html.erb

@@ -0,0 +1,77 @@
+<div class="toolbar_buttons">
+  <%= render "alchemy/admin/partials/site_select" %>
+  <%= render "alchemy/admin/partials/language_tree_select" %>
+  <%= toolbar_button(
+    icon: :plus,
+    url: alchemy.new_admin_page_path(language: @current_language),
+    hotkey: 'alt+n',
+    dialog_options: {
+      title: Alchemy.t('Add a page'),
+      size: '340x215',
+      overflow: true
+    },
+    title: Alchemy.t('Add a page'),
+    label: Alchemy.t('Add a page'),
+    if_permitted_to: [:create, Alchemy::Page]
+  ) %>
+  <div class="toolbar_spacer"></div>
+  <% if can?(:flush, Alchemy::Page) %>
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon(:eraser),
+        alchemy.flush_admin_pages_path,
+        remote: true,
+        method: :post,
+        class: "icon_button please_wait",
+        title: Alchemy.t("Flush page cache")
+      ) %>
+      <label><%= Alchemy.t("Flush page cache") %></label>
+    </div>
+  <% end %>
+  <% if can?(:sort, Alchemy::Page) %>
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon(:random),
+        alchemy.sort_admin_pages_path,
+        method: :get,
+        class: "icon_button",
+        title: Alchemy.t("Sort pages")
+      ) %>
+      <label><%= Alchemy.t("Sort pages") %></label>
+    </div>
+  <% end %>
+  <div class="button_with_label" id="clipboard_button">
+    <%= link_to_dialog(
+      render_icon(clipboard_empty?("pages") ? :clipboard : :paste),
+      alchemy.admin_clipboard_path(remarkable_type: "pages"),
+      {
+        title: Alchemy.t("Clipboard"),
+        size: "380x305"
+      },
+      class: "icon_button",
+      title: Alchemy.t("Show clipboard")
+    ) %>
+    <label><%= Alchemy.t("Show clipboard") %></label>
+  </div>
+  <div class="toolbar_spacer"></div>
+  <div class="button_with_label<%= @view != "list" ? " active" : nil %>">
+    <%= link_to(
+      render_icon(:stream),
+      alchemy.admin_pages_path(view: "tree"),
+      class: "icon_button"
+    ) %>
+    <label><%= Alchemy.t("Hierarchical") %></label>
+  </div>
+  <div class="button_with_label<%= @view == "list" ? " active" : nil %>">
+    <%= link_to(
+      render_icon("sort-amount-down-alt"),
+      alchemy.admin_pages_path(view: "list"),
+      class: "icon_button"
+    ) %>
+    <label><%= Alchemy.t("Sortable List") %></label>
+  </div>
+</div>
+<% search_filter_params[:view] = "list" %>
+<%= render "alchemy/admin/partials/search_form",
+  url: alchemy.admin_pages_path(search_filter_params.except(:q, :page)),
+  additional_params: [:view, :page_layout, :tagged_with, :filter] %>

data/app/views/alchemy/admin/pages/edit.html.erb

@@ -88,6 +88,14 @@
       class: 'alchemy_selectbox medium' %>
   </div>
   <div class="toolbar_spacer"></div>
+  <% if @preview_urls.many? %>
+    <div class="select_with_label">
+      <label><%= Alchemy.t(:preview_url) %></label>
+      <%= select_tag 'preview_url',
+        options_for_select(@preview_urls),
+        class: 'alchemy_selectbox large' %>
+    </div>
+  <% end %>
   <div class="button_with_label">
     <%= link_to render_icon(:redo), nil, {
       title: Alchemy.t('Reload Preview'),
@@ -190,7 +198,7 @@
       }
     });
 
-    Alchemy.PreviewWindow.init('<%= @preview_url %>');
+    Alchemy.PreviewWindow.init(<%== @preview_urls.first %>);
 
     $('#preview_size').bind('open.selectBoxIt', function (e) {
       $('#top_menu').css('z-index', 5000);

data/app/views/alchemy/admin/pages/index.html.erb

@@ -3,81 +3,48 @@
 <% end %>
 
 <% content_for :toolbar do %>
-<div class="toolbar_buttons">
-  <%= render 'alchemy/admin/partials/site_select' %>
-  <%= render 'alchemy/admin/partials/language_tree_select' %>
-  <% if can?(:flush, Alchemy::Page) %>
-  <div class="button_with_label">
-    <%= link_to(
-      render_icon(:eraser),
-      alchemy.flush_admin_pages_path,
-      :remote => true,
-      :method => :post,
-      :class => 'icon_button please_wait',
-      :title => Alchemy.t('Flush page cache')
-    ) %>
-    <label><%= Alchemy.t('Flush page cache') %></label>
-  </div>
-  <% end %>
-  <% if can?(:sort, Alchemy::Page) %>
-  <div class="button_with_label">
-    <%= link_to(
-      render_icon(:random),
-      alchemy.sort_admin_pages_path,
-      method: :get,
-      class: 'icon_button',
-      title: Alchemy.t('Sort pages')
-    ) %>
-    <label><%= Alchemy.t('Sort pages') %></label>
-  </div>
-  <% end %>
-  <div class="button_with_label" id="clipboard_button">
-    <%= link_to_dialog(
-      render_icon(clipboard_empty?('pages') ? :clipboard : :paste),
-      alchemy.admin_clipboard_path(:remarkable_type => 'pages'),
-      {
-        :title => Alchemy.t('Clipboard'),
-        :size => '380x305'
-      },
-      :class => 'icon_button',
-      :title => Alchemy.t('Show clipboard')
-    ) %>
-    <label><%= Alchemy.t('Show clipboard') %></label>
-  </div>
-</div>
-<div class="search_form">
-  <div class="search_field">
-    <label>
-      <%= text_field_tag 'filter', '',
-        class: 'search_input_field',
-        placeholder: Alchemy.t(:search),
-        id: nil %>
-      <%= render_icon :search %>
-    </label>
-    <%= link_to(render_icon(:times, size: 'xs'), '#', {
-      class: "search_field_clear",
-      title: Alchemy.t(:click_to_show_all)
-    }) %>
-  </div>
-</div>
+  <%= render "alchemy/admin/pages/toolbar" %>
 <% end %>
 
-<div id="archive_all">
-<% if @page_root %>
-  <h2 id="page_filter_result"></h2>
-
-  <%= render 'sitemap', page_partial: 'page', full: !!@sorting %>
-
-<% elsif can?(:create, Alchemy::Page) %>
-
-  <%= render partial: 'create_language_form' %>
-
-<% else %>
-
-  <%= render_message :warn do %>
-    <h2>No language root page found.</h2>
-    <p>Please ask the admin to create one.</p>
+<%= content_tag :div,
+  id: "archive_all",
+  class: [@view == "list" && "resources-table-wrapper with_tag_filter"] do %>
+  <% if @view == "list" %>
+    <%= render "alchemy/admin/resources/table_header", resources_instance_variable: @pages %>
+    <% if @pages.any? %>
+      <%= render "table" %>
+    <% elsif search_filter_params.present? %>
+      <%= render_message do %>
+        <%= Alchemy.t("No pages found") %>
+      <% end %>
+    <% elsif can?(:create, Alchemy::Page) %>
+      <%= render partial: "create_language_form" %>
+    <% end %>
+
+    <%= paginate @pages, scope: alchemy, theme: "alchemy" %>
+
+    <div id="library_sidebar">
+      <%= render "page_layout_filter" %>
+
+      <%= render "filter_bar",
+        label: Alchemy::Page.human_attribute_name(:status),
+        url: alchemy.admin_pages_path(search_filter_params.except(:filter, :page).merge(view: "list")) %>
+
+      <% if resource_has_tags %>
+        <%= render "tag_list" %>
+      <% end %>
+    </div>
+  <% else %>
+    <% if @page_root %>
+      <h2 id="page_filter_result"></h2>
+      <%= render "sitemap", page_partial: "page", full: !!@sorting %>
+    <% elsif can?(:create, Alchemy::Page) %>
+      <%= render partial: "create_language_form" %>
+    <% else %>
+      <%= render_message :warn do %>
+        <h2>No language root page found.</h2>
+        <p>Please ask the admin to create one.</p>
+      <% end %>
+    <% end %>
   <% end %>
-
 <% end %>
-</div>

data/app/views/alchemy/admin/pages/list/_table.html.erb

@@ -0,0 +1,31 @@
+<% if @pages.any? %>
+  <table class="list">
+    <thead>
+      <tr>
+        <th class="icon"></th>
+        <th class="string name">
+          <%= sort_link [:alchemy, @query],
+            "name",
+            Alchemy::Page.human_attribute_name(:name),
+            default_order: "asc" %>
+        </th>
+        <th><%= Alchemy::Page.human_attribute_name(:urlname) %></th>
+        <th><%= Alchemy::Page.human_attribute_name(:page_type) %></th>
+        <th><%= Alchemy::Page.human_attribute_name(:tag_list) %></th>
+        <th class="status center"><%= Alchemy::Page.human_attribute_name(:status) %></th>
+        <th class="tools"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%= render partial: "page", collection: @pages %>
+    </tbody>
+  </table>
+<% elsif search_filter_params.present? %>
+  <%= render_message do %>
+    <%= Alchemy.t('No pages found') %>
+  <% end %>
+<% else %>
+  <%= render partial: 'alchemy/admin/pages/create_language_form' %>
+<% end %>
+
+<%= paginate @pages, scope: alchemy, theme: 'alchemy' %>

data/app/views/alchemy/admin/pages/unlock.js.erb

@@ -2,12 +2,12 @@
   var locked_page_tab = document.querySelector('#locked_page_<%= @page.id -%>')
   var locked_page_icon = document.querySelector(
     '#page_<%= @page.id -%> > .sitemap_page > .sitemap_left_images .with-hint'
-  )
+  ) || document.querySelector('[data-page-id="<%= @page.id -%>"] > .icon')
   if (locked_page_tab) {
     locked_page_tab.remove()
   }
   if (locked_page_icon) {
-    locked_page_icon.innerHTML = '<%= j render_icon(:file, style: 'regular', size: 'lg') %>'
+    locked_page_icon.innerHTML = '<i class="icon far fa-file fa-lg"></i>'
   }
   Alchemy.growl('<%= flash[:notice] -%>')
 })()

data/app/views/alchemy/admin/pages/update.js.erb

@@ -1,5 +1,5 @@
 (function() {
-  var $page;
+  var page = document.querySelector('#page_<%= @page.id %>');
 
 <% if @old_page_layout != @page.page_layout -%>
   Alchemy.ElementsWindow.reload();
@@ -9,18 +9,27 @@
 <% if @while_page_edit -%>
 
   Alchemy.reloadPreview();
-  $('#page_<%= @page.id %>_status').replaceWith('<%= j render("current_page", current_page: @page) %>');
+  document.querySelector('#page_<%= @page.id %>_status').outerHTML = '<%= j render("current_page", current_page: @page) %>';
+  Alchemy.growl("<%= j @notice %>");
+  Alchemy.closeCurrentDialog();
 
 <% else -%>
 
-  var page_html = "<%= j render('page', page: @page) %>";
-  var compiler = Handlebars.compile(page_html);
-  var tree = <%== @tree.to_json %>;
-  var html = compiler(tree.pages[0]);
-  $('#page_<%= @page.id %>').replaceWith(html);
+  if (page) {
+    var page_html = "<%= j render('page', page: @page) %>";
+    var compiler = Handlebars.compile(page_html);
+    var tree = <%== @tree.to_json %>;
+    page.outerHTML = compiler(tree.pages[0]);
+    Alchemy.growl("<%= j @notice %>");
+    Alchemy.closeCurrentDialog();
+  } else {
+    document.addEventListener('turbolinks:load', function () {
+      Alchemy.growl("<%= j @notice %>");
+    }, { once: true })
+    Alchemy.closeCurrentDialog(function() {
+      Turbolinks.visit(location.toString(), { action: "replace" });
+    });
+  }
 
 <% end -%>
-
-  Alchemy.growl("<%= j @notice %>");
-  Alchemy.closeCurrentDialog();
 })()