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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
|
/**
* @file
* Handles the JS for the views file browser.
*
* Note that this does not currently support multiple file selection
*/
(function ($) {
namespace('Drupal.media.browser.views');
Drupal.behaviors.mediaViews = {
attach: function (context, settings) {
// Make sure when pressing enter on text inputs, the form isn't submitted
$('.ctools-auto-submit-full-form .views-exposed-form input:text, input:text.ctools-auto-submit', context)
.filter(':not(.ctools-auto-submit-exclude)')
.bind('keydown keyup', function (e) {
if(e.keyCode === 13) {
e.stopImmediatePropagation();
e.preventDefault();
}
});
// Disable the links on media items list
$('.view-content ul.media-list-thumbnails a').click(function() {
return false;
});
// We loop through the views listed in Drupal.settings.media.browser.views
// and set them up individually.
var views_ids = [];
for(var key in Drupal.settings.media.browser.views){
views_ids.push(key);
}
for (var i = 0; i < views_ids.length; i++) {
var views_id = views_ids[i];
for (var j= 0; j < Drupal.settings.media.browser.views[views_id].length; j++) {
var views_display_id = Drupal.settings.media.browser.views[views_id][j],
view = $('.view-id-' + views_id + '.view-display-id-' + views_display_id);
if (view.length) {
Drupal.media.browser.views.setup(view);
}
}
}
// Reset the state on tab-changes- bind on the 'select' event on the tabset
$('#media-browser-tabset').bind('tabsselect', function(event, ui) {
var view = $('.view', ui.panel);
if (view.length) {
Drupal.media.browser.views.select(view);
}
});
}
}
/**
* Event-function that is called with a view, when the tab containing that
* view is selected.
*/
Drupal.media.browser.views.select = function(view) {
// Reset the list of selected files
Drupal.media.browser.selectMedia([]);
// Reset all 'selected'-status.
$('.view-content .media-item', view).removeClass('selected');
}
/**
* Setup function. Called once for every Media Browser view.
*
* Sets up event-handlers for selecting items in the view.
*/
Drupal.media.browser.views.setup = function(view) {
// Ensure we only setup each view once..
if ($(view).hasClass('media-browser-views-processed')) {
return;
}
// Reset the list of selected files
Drupal.media.browser.selectMedia([]);
// Catch double click to submit a single item.
$('.view-content .media-item', view).bind('dblclick', function () {
var fid = $(this).closest('.media-item[data-fid]').data('fid'),
selectedFiles = new Array();
// Remove all currently selected files
$('.view-content .media-item', view).removeClass('selected');
// Mark it as selected
$(this).addClass('selected');
// Because the files are added using drupal_add_js() and due to the fact
// that drupal_get_js() runs a drupal_array_merge_deep() which re-numbers
// numeric key values, we have to search in Drupal.settings.media.files
// for the matching file ID rather than referencing it directly.
for (index in Drupal.settings.media.files) {
if (Drupal.settings.media.files[index].fid == fid) {
selectedFiles.push(Drupal.settings.media.files[index]);
// If multiple tabs contains the same file, it will be present in the
// files-array multiple times, so we break out early so we don't have
// it in the selectedFiles array multiple times.
// This would interfer with multi-selection, so...
break;
}
}
Drupal.media.browser.selectMediaAndSubmit(selectedFiles);
});
// Catch the click on a media item
$('.view-content .media-item', view).bind('click', function () {
var fid = $(this).closest('.media-item[data-fid]').data('fid'),
selectedFiles = new Array();
// Remove all currently selected files
$('.view-content .media-item', view).removeClass('selected');
// Mark it as selected
$(this).addClass('selected');
// Multiselect!
if (Drupal.settings.media.browser.params.multiselect) {
// Loop through the already selected files
for (index in Drupal.media.browser.selectedMedia) {
var currentFid = Drupal.media.browser.selectedMedia[index].fid;
// If the current file exists in the list of already selected
// files, we deselect instead of selecting
if (currentFid == fid) {
$(this).removeClass('selected');
// If we change the fid, the later matching won't
// add it back again because it can't find it.
fid = NaN;
// The previously selected file wasn't clicked, so we retain it
// as an active file
}
else {
// Add to list of already selected files
selectedFiles.push(Drupal.media.browser.selectedMedia[index]);
// Mark it as selected
$('.view-content *[data-fid=' + currentFid + '].media-item', view).addClass('selected');
}
}
}
// Because the files are added using drupal_add_js() and due to the fact
// that drupal_get_js() runs a drupal_array_merge_deep() which re-numbers
// numeric key values, we have to search in Drupal.settings.media.files
// for the matching file ID rather than referencing it directly.
for (index in Drupal.settings.media.files) {
if (Drupal.settings.media.files[index].fid == fid) {
selectedFiles.push(Drupal.settings.media.files[index]);
// If multiple tabs contains the same file, it will be present in the
// files-array multiple times, so we break out early so we don't have
// it in the selectedFiles array multiple times.
// This would interfer with multi-selection, so...
break;
}
}
Drupal.media.browser.selectMedia(selectedFiles);
});
// Add the processed class, so we dont accidentally process the same element twice..
$(view).addClass('media-browser-views-processed');
}
}(jQuery));
|
