forked from refinery/refinerycms
/
_image_picker.html.erb
62 lines (59 loc) · 2.75 KB
/
_image_picker.html.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<%
description ||= 'image'
thumbnail ||= 'medium'
toggle_image_display ||= false
conditions ||= nil
randomiser = rand(Time.now.yesterday.to_i * Time.now.to_i)
current_image_link_href = refinery.insert_admin_images_path(:dialog => true, :callback => "image_picker_#{randomiser}_changed",
:width => 866, :height => 510, :conditions => conditions)
current_image_title = t('.change', :what => description.titleize)
-%>
<div id='image_picker_container_<%= randomiser %>'>
<%= link_to t('.show'), '', :class => "current_image_toggler" if toggle_image_display %>
<%= f.hidden_field field, :class => "current_image_id" -%>
<div class='current_image_container' style="margin-top: 10px<%= ";display: none" if toggle_image_display %>">
<a class='current_image_link dialog' href="<%= current_image_link_href %>" style='border: 0px' title='<%= current_image_title %>' name='<%= current_image_title %>'>
<% unless image.nil? -%>
<%= image_fu image, Refinery::Images.user_image_sizes[thumbnail.to_sym],
:class => "brown_border",
:class => "current_picked_image" %>
<% else -%>
<img class="current_picked_image" src="" alt="" style='display: none' />
<% end -%>
<span class='no_picked_image_selected nothing_selected'<%= " style='display: none;'".html_safe if image.present? %>>
<%= t('.none_selected') %>
</span>
</a>
<br/>
<%= link_to t('.remove_current'), "#",
:class => "remove_picked_image",
:style => "#{"display:none;" if image.nil?}" %>
</div>
</div>
<% content_for :javascripts do -%>
<script>
var image_picker_<%= randomiser %> = {};
$(document).ready(function(e) {
$.extend(true, image_picker_<%= randomiser %>, image_picker)
image_picker_<%= randomiser %> = image_picker_<%= randomiser %>.init({
thumbnail: '<%= thumbnail.html_safe %>'
, image_toggler: '<%= toggle_image_display ? ".current_image_toggler" : "null" %>'
, description: '<%= description %>'
, field: '.current_image_id'
, image_display: '.current_picked_image'
, no_image_message: '.no_picked_image_selected'
, remove_image_button: '.remove_picked_image'
, picker_container: '#image_picker_container_<%= (lambda {randomiser}).call %>'
, image_container: '.current_image_container'
, image_link: '.current_image_link'
});
});
image_picker_<%= randomiser %>_changed = function(args){
$.proxy(image_picker_<%= randomiser %>.changed, {
container: '#image_picker_container_<%= randomiser %>'
, picker: image_picker_<%= randomiser %>
, image: args
})();
};
</script>
<% end %>