lc_alchemy_cms 3.2.0

data/app/views/alchemy/admin/pictures/_filter_and_size_bar.html.erb

@@ -0,0 +1,78 @@
+<div id="image_assign_filter_and_image_sizing">
+  <div class="button_with_label">
+    <%= link_to_dialog(
+      render_icon('upload'),
+      alchemy.new_admin_picture_path(
+        element_id: @element.blank? ? nil : @element.id,
+        content_id: @content.blank? ? nil : @content.id,
+        swap: @swap,
+        page: params[:page],
+        size: @size,
+        options: @options.to_json
+      ),
+      {
+        size: "540x550",
+        title: _t(:upload_image)
+      },
+      {
+        class: 'icon_button',
+        title: _t(:upload_image)
+      }
+    ) %>
+    <label><%= _t(:upload_image) %></label>
+  </div>
+  <div class="toolbar_spacer"></div>
+  <div class="button_group">
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon('zoom-out'),
+        alchemy.admin_pictures_path({
+          size: "small",
+          content_id: @content,
+          element_id: @element,
+          swap: @swap,
+          query: params[:query],
+          options: @options.to_json
+        }),
+        remote: true,
+        title: _t(:small_thumbnails),
+        class: "icon_button"
+      ) %>
+    </div>
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon('zoom-equal'),
+        alchemy.admin_pictures_path({
+          size: "medium",
+          content_id: @content,
+          element_id: @element,
+          swap: @swap,
+          query: params[:query],
+          options: @options.to_json
+        }),
+        remote: true,
+        title: _t(:medium_thumbnails),
+        class: "icon_button"
+      ) %>
+    </div>
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon('zoom-in'),
+        alchemy.admin_pictures_path({
+          size: "large",
+          content_id: @content,
+          element_id: @element,
+          swap: @swap,
+          query: params[:query],
+          options: @options.to_json
+        }),
+        remote: true,
+        title: _t(:big_thumbnails),
+        class: "icon_button"
+      ) %>
+    </div>
+    <label><%= _t('Image size') %></label>
+    <%= hidden_field_tag('size', @size, id: 'overlay_thumbnails_size') %>
+  </div>
+  <%= render partial: 'alchemy/admin/partials/remote_search_form' %>
+</div>

data/app/views/alchemy/admin/pictures/_filter_bar.html.erb

@@ -0,0 +1,33 @@
+<% params_to_keep = [:size, :tagged_with, :query, :element_id, :options, :content_id, :_] %>
+
+<div id="filter_bar">
+  <h2><%= _t('Filter') %></h2>
+  <%= select_tag(
+    'picture_filter',
+    options_for_select([
+      [_t(:all_pictures), ''],
+      [_t(:last_upload_only), 'last_upload'],
+      [_t(:recently_uploaded_only), 'recent'],
+      [_t(:without_tag), 'without_tag']
+    ], params[:filter]),
+    :data => { :remote => !!request.xhr? },
+    :class => 'alchemy_selectbox'
+  ) %>
+</div>
+
+<script type="text/javascript">
+  $(function() {
+    $('#picture_filter').on('change', function(e) {
+      var $this = $(this);
+      var url = '<%= alchemy.admin_pictures_path(merge_params_only(params_to_keep)).html_safe %>';
+      if ($this.data('remote') === true) {
+        $.get(url, {filter: $this.val()}, null, 'script');
+      } else {
+        Alchemy.pleaseWaitOverlay();
+        delimiter = url.match(/\?/) ? '&' : '?';
+        window.location = url + delimiter + 'filter=' + $this.val();
+      }
+      return false;
+    });
+  });
+</script>

data/app/views/alchemy/admin/pictures/_overlay_picture_list.html.erb

@@ -0,0 +1,11 @@
+<% if @pictures.empty? %>
+  <div class="info">
+    <%= render_icon('info') %>
+    <%= _t(:no_images_in_archive) %>
+  </div>
+<% else %>
+  <%= render partial: 'picture_to_assign',
+    collection: @pictures,
+    locals: {options: @options, size: @size} %>
+  <%= paginate @pictures, theme: 'alchemy', remote: true %>
+<% end %>

data/app/views/alchemy/admin/pictures/_picture.html.erb

@@ -0,0 +1,87 @@
+<div class="picture_thumbnail <%= @size %>" id="picture_<%= picture.id %>" name="<%= picture.name %>">
+  <span class="picture_tool select">
+    <%= check_box_tag "picture_ids[]", picture.id %>
+  </span>
+  <% if picture.deletable? && can?(:destroy, picture) %>
+  <span class="picture_tool delete">
+    <%= link_to_confirm_dialog(
+      "",
+      _t(:confirm_to_delete_image_from_server),
+      alchemy.admin_picture_path(
+        id: picture,
+        query: params[:query],
+        page: params[:page],
+        tagged_with: params[:tagged_with],
+        size: params[:size],
+        filter: params[:filter]
+      ),
+      {
+        title: _t('Delete image')
+      }
+    ) -%>
+  </span>
+  <% end %>
+  <% if can?(:edit, picture) %>
+  <span class="picture_tool edit">
+    <%= link_to_dialog(
+      "",
+      alchemy.edit_admin_picture_path(
+        id: picture,
+        query: params[:query],
+        page: params[:page],
+        tagged_with: params[:tagged_with],
+        size: params[:size],
+        filter: params[:filter]
+      ),
+      {
+        title: _t('Edit image'),
+        size: "400x210"
+      },
+      {
+        title: _t('Edit image')
+      }
+    ) -%>
+  </span>
+  <% end %>
+  <% if can?(:info, picture) %>
+  <span class="picture_tool info">
+    <%= link_to_dialog(
+      "",
+      alchemy.info_admin_picture_path(
+        id: picture,
+        query: params[:query],
+        page: params[:page],
+        tagged_with: params[:tagged_with],
+        size: params[:size],
+        filter: params[:filter]
+      ),
+      {
+        title: _t('Picture infos'),
+        size: "400x270"
+      },
+      {
+        title: _t('Show picture infos')
+      }
+    ) -%>
+  </span>
+  <% end %>
+  <%= link_to(
+    image_tag(
+      alchemy.thumbnail_path(id: picture, size: @size, sh: picture.security_token(size: @size)),
+      alt: picture.name,
+      title: _t(:zoom_image)
+    ),
+    '#',
+    onclick: "Alchemy.zoomImage('#{admin_picture_path(id: picture.id, sh: picture.security_token)}', '#{picture.name}', #{picture.image_file_width || 320}, #{picture.image_file_height || 240}); return false",
+    class: 'thumbnail_background',
+    id: 'show_in_window'
+  ) %>
+  <span class="picture_name" title="<%= picture.name %>" id="image_picture_<%= picture.id %>_name">
+    <%= picture.name %>
+  </span>
+  <div class="picture_tags">
+  <% picture.tag_list.each do |tag| %>
+    <span class="tag"><%= tag %></span>
+  <% end %>
+  </div>
+</div>

data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb

@@ -0,0 +1,28 @@
+<div class="picture_thumbnail assign_image_list_detail <%= size.blank? ? 'medium' : size %>" name="<%= picture_to_assign.name %>" id="picture_to_assign_<%= picture_to_assign.id %>">
+<% unless params[:image_assign_url].blank? %>
+  <% action_url = params[:image_assign_url] + "?picture_id=#{picture_to_assign.id}" %>
+  <% action_method = params[:image_assign_method] %>
+<% else %>
+  <% action_url = create_or_assign_url(picture_to_assign, @options.to_json) %>
+  <% action_method = @content.blank? ? 'post' : 'put' %>
+<% end %>
+  <%= link_to(
+    image_tag(
+      alchemy.thumbnail_path(
+        id: picture_to_assign,
+        size: size,
+        sh: picture_to_assign.security_token(size: size)
+      ),
+      alt: picture_to_assign.name
+    ),
+    action_url,
+    remote: true,
+    onclick: '$(self).attr("href", "#").off("click"); return false',
+    method: action_method,
+    title: _t(:assign_image),
+    class: 'thumbnail_background'
+  ) %>
+  <div class="picture_name" title="<%= picture_to_assign.name %>">
+    <%= picture_to_assign.name %>
+  </div>
+</div>

data/app/views/alchemy/admin/pictures/_tag_list.html.erb

@@ -0,0 +1,16 @@
+<% p = params.dup %>
+<% if Alchemy::Picture.tag_counts.any? %>
+  <h2><%= _t("Filter by tag") %></h2>
+  <%= js_filter_field '#tag_list li' %>
+  <ul>
+    <%= render_tag_list('Alchemy::Picture', p) %>
+  </ul>
+  <% if p[:tagged_with].present? %>
+    <%= link_to(
+      render_icon('delete-small') + _t('Remove tag filter'),
+      url_for(p.delete_if { |k, v| k == "tagged_with" }.merge(action: 'index')),
+      remote: request.xhr?,
+      class: 'button small with_icon please_wait'
+    ) %>
+  <% end %>
+<% end %>

data/app/views/alchemy/admin/pictures/archive_overlay.js.erb

@@ -0,0 +1,8 @@
+(function() {
+  var dialog = Alchemy.currentDialog();
+  dialog.dialog_body.html('<%= j render("archive_overlay") %>');
+  Alchemy.SelectBox('#filter_bar');
+  Alchemy.watchForDialogs(dialog.dialog_body);
+  Alchemy.ImageLoader('#assign_image_list');
+  Alchemy.ListFilter(dialog.dialog_body);
+})();

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

@@ -0,0 +1,13 @@
+<%= alchemy_form_for [:admin, @picture] do |f| %>
+  <%= hidden_field_tag :query, params[:query] %>
+  <%= hidden_field_tag :size, params[:size] %>
+  <%= hidden_field_tag :tagged_with, params[:tagged_with] %>
+  <%= hidden_field_tag :filter, params[:filter] %>
+  <%= f.input :name %>
+  <div class="input tag_list">
+    <%= f.label :tag_list %>
+    <%= render 'alchemy/admin/partials/autocomplete_tag_list', f: f %>
+    <small class="hint"><%= _t('Please seperate the tags with commata') %></small>
+  </div>
+  <%= f.submit _t(:save) %>
+<% end %>

data/app/views/alchemy/admin/pictures/edit_multiple.html.erb

@@ -0,0 +1,30 @@
+<%= form_tag update_multiple_admin_pictures_path do %>
+  <%= hidden_field_tag :query, params[:query] %>
+  <%= hidden_field_tag :size, params[:size] %>
+  <%= hidden_field_tag :tagged_with, params[:tagged_with] %>
+  <%= hidden_field_tag :filter, params[:filter] %>
+
+  <% @pictures.pluck(:id).each do |id| %>
+  <%= hidden_field_tag "picture_ids[]", id %>
+  <% end %>
+
+  <div class="info">
+    <%= render_icon :info %>
+    <p><%= _t('You are about to edit many pictures at once') % {length: @pictures.size} %></p>
+  </div>
+
+  <div class="input text">
+    <%= label_tag :pictures_name, _t('Name'), class: 'control-label' %>
+    <%= text_field_tag :pictures_name %>
+  </div>
+
+  <div class="input tag_list">
+    <%= label_tag :pictures_tag_list, _t(:tags), class: 'control-label' %>
+    <%= text_field_tag :pictures_tag_list, @tags, data: {autocomplete: alchemy.autocomplete_admin_tags_path} %>
+    <small class="hint"><%= _t('Please seperate the tags with commata') %></small>
+  </div>
+
+  <div class="submit">
+    <%= button_tag _t(:save), name: nil, class: 'button' %>
+  </div>
+<% end %>

data/app/views/alchemy/admin/pictures/flush.js.erb

@@ -0,0 +1,2 @@
+Alchemy.growl('<%= @notice %>');
+Alchemy.pleaseWaitOverlay(false);

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

@@ -0,0 +1,109 @@
+<% content_for(:toolbar) do %>
+  <div class="toolbar_buttons">
+    <%= toolbar_button(
+      icon: 'upload',
+      label: _t(:upload_image),
+      url: alchemy.new_admin_picture_path(size: @size),
+      hotkey: 'alt+n',
+      dialog_options: {
+        title: _t(:upload_image),
+        size: '540x525'
+      },
+      class: 'icon_button',
+      title: _t(:upload_image),
+      if_permitted_to: [:create, Alchemy::Picture]
+    ) %>
+    <% if can? :create, Alchemy::Picture %>
+    <div class="toolbar_spacer"></div>
+    <% end %>
+    <div class="button_group">
+      <div class="button_with_label">
+        <%= link_to(
+          render_icon('zoom-out'),
+          alchemy.admin_pictures_path({
+            size: "small",
+            query: params[:query]
+          }),
+          title: _t(:small_thumbnails),
+          class: "icon_button please_wait"
+        ) %>
+      </div>
+      <div class="button_with_label">
+        <%= link_to(
+          render_icon('zoom-equal'),
+          alchemy.admin_pictures_path({
+            size: "medium",
+            query: params[:query]
+          }),
+          title: _t(:medium_thumbnails),
+          class: "icon_button please_wait"
+        ) %>
+      </div>
+      <div class="button_with_label">
+        <%= link_to(
+          render_icon('zoom-in'),
+          alchemy.admin_pictures_path({
+            size: "large",
+            query: params[:query]
+          }),
+          title: _t(:big_thumbnails),
+          class: "icon_button please_wait"
+        ) %>
+      </div>
+      <label><%= _t('Image size') %></label>
+      <%= hidden_field_tag('size', @size, id: 'overlay_thumbnails_size') %>
+    </div>
+    <% if can?(:flush, Alchemy::Picture) %>
+      <div class="toolbar_spacer"></div>
+      <%= toolbar_button(
+        icon: 'flush',
+        url: alchemy.flush_admin_pictures_path,
+        dialog: false,
+        link_options: {
+          remote: true,
+          method: :post
+        },
+        label: _t('Flush picture cache'),
+        class: 'icon_button please_wait',
+        title: _t('Flush picture cache'),
+        skip_permission_check: true
+      ) %>
+    <% end %>
+    <div class="toolbar_spacer"></div>
+    <div class="button_with_label">
+      <%= link_to(
+        render_icon('select_all'),
+        '',
+        id: 'select_all_pictures',
+        class: 'icon_button',
+        'data-alchemy-hotkey' => 'alt+a'
+      ) %>
+      <label><%= _t("Select all") %></label>
+    </div>
+  </div>
+
+  <%= render partial: 'alchemy/admin/partials/search_form' %>
+<% end %>
+
+<div id="picture_archive">
+  <h1>
+    <%= @pictures.total_count %>
+    <%= Alchemy::Picture.model_name.human(count: @pictures.total_count) %>
+    <%= _t("picture_library.filter.#{params[:filter]}") if params[:filter].present? %>
+  </h1>
+  <%= render 'archive' %>
+</div>
+
+<% content_for :javascripts do %>
+  <script type="text/javascript" charset="utf-8">
+    $(function() {
+      Alchemy.pictureSelector();
+      $('#select_all_pictures').on('click', function(e) {
+        $('.picture_tool.select :checkbox').prop('checked', true).change();
+        e.preventDefault;
+        return false;
+      });
+
+    });
+  </script>
+<% end %>

data/app/views/alchemy/admin/pictures/index.js.erb

@@ -0,0 +1,3 @@
+Alchemy.pleaseWaitOverlay(false);
+$('#archive_all').html('<%= j render("archive") %>');
+$('#filter_bar').replaceWith('<%= j render("filter_bar") %>');

data/app/views/alchemy/admin/pictures/info.html.erb

@@ -0,0 +1,38 @@
+<div class="resource_info">
+  <div class="value">
+    <label><%= Alchemy::Picture.human_attribute_name :name %></label>
+    <p><%= @picture.name %></p>
+  </div>
+  <div class="value">
+    <label><%= Alchemy::Picture.human_attribute_name :image_file_name %></label>
+    <p><%= @picture.image_file_name %></p>
+  </div>
+  <div class="value">
+    <label><%= Alchemy::Picture.human_attribute_name :image_file_dimensions %></label>
+    <p><%= @picture.image_file_dimensions %> px</p>
+  </div>
+  <div class="value">
+    <label><%= Alchemy::Picture.human_attribute_name :image_file_size %></label>
+    <p><%= number_to_human_size @picture.image_file_size %></p>
+  </div>
+
+  <% unless @picture.deletable? %>
+    <h2><%= _t(:this_picture_is_used_on_these_pages) %>:</h2>
+    <div id="pictures_page_list">
+    <% @picture.essence_pictures.group_by(&:page).each do |page, essence_pictures| %>
+      <div class="value">
+        <label><%= link_to page.name, edit_admin_page_path(page) %></label>
+        <ul>
+          <% essence_pictures.group_by(&:element).each do |element, essence_pictures| %>
+          <li class="<%= cycle('even', 'odd') %>">
+            <% page_link = link_to element.display_name_with_preview_text, edit_admin_page_path(page, :anchor => "element_#{element.id}") %>
+            <% pictures = essence_pictures.collect { |e| e.content.name_for_label }.to_sentence %>
+            <%= _t(:pictures_in_page, :page => page_link, :pictures => pictures) %>
+          </li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+    </div>
+  <% end %>
+</div>