media-panel.js
2.61 KB
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
var file_id = 1;
jQuery('#file').fileupload({
add: function(e, data){
data.files[0].id = file_id;
file_id++;
data.context = jQuery(tmpl("template-upload", data.files[0]));
jQuery('#media-upload-form').append(data.context);
data.submit();
},
progress: function (e, data) {
if (jQuery('#hide-uploads').data('bootstraped') == false) {
jQuery('#hide-uploads').show();
jQuery('#hide-uploads').data('bootstraped', true);
}
if (data.context) {
progress = parseInt(data.loaded / data.total * 100, 10);
data.context.find('.bar').css('width', progress + '%');
data.context.find('.percentage').text(progress + '%');
}
},
fail: function(e, data){
var file_id = '#file-'+data.files[0].id;
jQuery(file_id).find('.progress .bar').addClass('error');
jQuery(file_id).append("<div class='error-message'>" + data.jqXHR.responseText + "</div>")
}
});
jQuery('#hide-uploads').click(function(){
jQuery('#hide-uploads').hide();
jQuery('#show-uploads').show();
jQuery('.upload').slideUp();
return false;
});
jQuery('#show-uploads').click(function(){
jQuery('#hide-uploads').show();
jQuery('#show-uploads').hide();
jQuery('.upload').slideDown();
return false;
});
function loadPublishedMedia() {
var parent_id = jQuery('#published-media #parent_id').val();
var q = jQuery('#published-media #q').val();
var url = jQuery('#published-media').data('url');
jQuery('#published-media .items').addClass('fetching');
jQuery.ajax({
url: url,
data: {'parent_id': parent_id, 'q': q},
dataType: 'html',
success: function(response) {
jQuery("#published-media .items").html(response);
jQuery('#published-media .items').removeClass('fetching');
updateViewAllLinks();
},
error: function(response, textStatus, xhr) {
console.log(response);
console.log(textStatus);
}
});
}
function updateViewAllLinks() {
var parent_id = jQuery('#published-media #parent_id').val();
var q = jQuery('#published-media #q').val();
jQuery('#published-media .view-all').each(function(){
var key = jQuery(this).data('key');
var params = {parent_id: parent_id, q: q, key: key}
var href = jQuery(this).attr('href');
href = href.replace(/\?.*/, '?'+jQuery.param(params));
jQuery(this).attr('href', href);
});
}
jQuery('#published-media #parent_id').change(function(){ loadPublishedMedia() });
jQuery("#published-media #q").typeWatch({
callback: function (value) { loadPublishedMedia() },
wait: 750,
highlight: true,
captureLength: 2
});
jQuery("#published-media #q").bind('notext', function(){ loadPublishedMedia() });