| 1 |
efrain |
1 |
// YUI3 File Picker module for moodle
|
|
|
2 |
// Author: Dongsheng Cai <dongsheng@moodle.com>
|
|
|
3 |
|
|
|
4 |
/**
|
|
|
5 |
*
|
|
|
6 |
* File Picker UI
|
|
|
7 |
* =====
|
|
|
8 |
* this.fpnode, contains reference to filepicker Node, non-empty if and only if rendered
|
|
|
9 |
* this.api, stores the URL to make ajax request
|
|
|
10 |
* this.mainui, YUI Panel
|
|
|
11 |
* this.selectnode, contains reference to select-file Node
|
|
|
12 |
* this.selectui, YUI Panel for selecting particular file
|
|
|
13 |
* this.msg_dlg, YUI Panel for error or info message
|
|
|
14 |
* this.process_dlg, YUI Panel for processing existing filename
|
|
|
15 |
* this.treeview, YUI Treeview
|
|
|
16 |
* this.viewmode, store current view mode
|
|
|
17 |
* this.pathbar, reference to the Node with path bar
|
|
|
18 |
* this.pathnode, a Node element representing one folder in a path bar (not attached anywhere, just used for template)
|
|
|
19 |
* this.currentpath, the current path in the repository (or last requested path)
|
|
|
20 |
*
|
|
|
21 |
* Filepicker options:
|
|
|
22 |
* =====
|
|
|
23 |
* this.options.client_id, the instance id
|
|
|
24 |
* this.options.contextid
|
|
|
25 |
* this.options.itemid
|
|
|
26 |
* this.options.repositories, stores all repositories displayed in file picker
|
|
|
27 |
* this.options.formcallback
|
|
|
28 |
*
|
|
|
29 |
* Active repository options
|
|
|
30 |
* =====
|
|
|
31 |
* this.active_repo.id
|
|
|
32 |
* this.active_repo.defaultreturntype
|
|
|
33 |
* this.active_repo.nosearch
|
|
|
34 |
* this.active_repo.norefresh
|
|
|
35 |
* this.active_repo.nologin
|
|
|
36 |
* this.active_repo.help
|
|
|
37 |
* this.active_repo.manage
|
|
|
38 |
*
|
|
|
39 |
* Server responses
|
|
|
40 |
* =====
|
|
|
41 |
* this.filelist, cached filelist
|
|
|
42 |
* this.pages
|
|
|
43 |
* this.page
|
|
|
44 |
* this.filepath, current path (each element of the array is a part of the breadcrumb)
|
|
|
45 |
* this.logindata, cached login form
|
|
|
46 |
*/
|
|
|
47 |
|
|
|
48 |
YUI.add('moodle-core_filepicker', function(Y) {
|
|
|
49 |
/** help function to extract width/height style as a number, not as a string */
|
|
|
50 |
Y.Node.prototype.getStylePx = function(attr) {
|
|
|
51 |
var style = this.getStyle(attr);
|
|
|
52 |
if (''+style == '0' || ''+style == '0px') {
|
|
|
53 |
return 0;
|
|
|
54 |
}
|
|
|
55 |
var matches = style.match(/^([\d\.]+)px$/)
|
|
|
56 |
if (matches && parseFloat(matches[1])) {
|
|
|
57 |
return parseFloat(matches[1]);
|
|
|
58 |
}
|
|
|
59 |
return null;
|
|
|
60 |
}
|
|
|
61 |
|
|
|
62 |
/** if condition is met, the class is added to the node, otherwise - removed */
|
|
|
63 |
Y.Node.prototype.addClassIf = function(className, condition) {
|
|
|
64 |
if (condition) {
|
|
|
65 |
this.addClass(className);
|
|
|
66 |
} else {
|
|
|
67 |
this.removeClass(className);
|
|
|
68 |
}
|
|
|
69 |
return this;
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
/** sets the width(height) of the node considering existing minWidth(minHeight) */
|
|
|
73 |
Y.Node.prototype.setStyleAdv = function(stylename, value) {
|
|
|
74 |
var stylenameCap = stylename.substr(0,1).toUpperCase() + stylename.substr(1, stylename.length-1).toLowerCase();
|
|
|
75 |
this.setStyle(stylename, '' + Math.max(value, this.getStylePx('min'+stylenameCap)) + 'px')
|
|
|
76 |
return this;
|
|
|
77 |
}
|
|
|
78 |
|
|
|
79 |
/** set image source to src, if there is preview, remember it in lazyloading.
|
|
|
80 |
* If there is a preview and it was already loaded, use it. */
|
|
|
81 |
Y.Node.prototype.setImgSrc = function(src, realsrc, lazyloading) {
|
|
|
82 |
if (realsrc) {
|
|
|
83 |
if (M.core_filepicker.loadedpreviews[realsrc]) {
|
|
|
84 |
this.set('src', realsrc).addClass('realpreview');
|
|
|
85 |
return this;
|
|
|
86 |
} else {
|
|
|
87 |
if (!this.get('id')) {
|
|
|
88 |
this.generateID();
|
|
|
89 |
}
|
|
|
90 |
lazyloading[this.get('id')] = realsrc;
|
|
|
91 |
}
|
|
|
92 |
}
|
|
|
93 |
this.set('src', src);
|
|
|
94 |
return this;
|
|
|
95 |
}
|
|
|
96 |
|
|
|
97 |
/**
|
|
|
98 |
* Replaces the image source with preview. If the image is inside the treeview, we need
|
|
|
99 |
* also to update the html property of corresponding YAHOO.widget.HTMLNode
|
|
|
100 |
* @param array lazyloading array containing associations of imgnodeid->realsrc
|
|
|
101 |
*/
|
|
|
102 |
Y.Node.prototype.setImgRealSrc = function(lazyloading) {
|
|
|
103 |
if (this.get('id') && lazyloading[this.get('id')]) {
|
|
|
104 |
var newsrc = lazyloading[this.get('id')];
|
|
|
105 |
M.core_filepicker.loadedpreviews[newsrc] = true;
|
|
|
106 |
this.set('src', newsrc).addClass('realpreview');
|
|
|
107 |
delete lazyloading[this.get('id')];
|
|
|
108 |
var treenode = this.ancestor('.fp-treeview')
|
|
|
109 |
if (treenode && treenode.get('parentNode').treeview) {
|
|
|
110 |
treenode.get('parentNode').treeview.getRoot().refreshPreviews(this.get('id'), newsrc);
|
|
|
111 |
}
|
|
|
112 |
}
|
|
|
113 |
return this;
|
|
|
114 |
}
|
|
|
115 |
|
|
|
116 |
/** scan TreeView to find which node contains image with id=imgid and replace it's html
|
|
|
117 |
* with the new image source. */
|
|
|
118 |
Y.YUI2.widget.Node.prototype.refreshPreviews = function(imgid, newsrc, regex) {
|
|
|
119 |
if (!regex) {
|
|
|
120 |
regex = new RegExp("<img\\s[^>]*id=\""+imgid+"\"[^>]*?(/?)>", "im");
|
|
|
121 |
}
|
|
|
122 |
if (this.expanded || this.isLeaf) {
|
|
|
123 |
var html = this.getContentHtml();
|
|
|
124 |
if (html && this.setHtml && regex.test(html)) {
|
|
|
125 |
var newhtml = this.html.replace(regex, "<img id=\""+imgid+"\" src=\""+newsrc+"\" class=\"realpreview\"$1>", html);
|
|
|
126 |
this.setHtml(newhtml);
|
|
|
127 |
return true;
|
|
|
128 |
}
|
|
|
129 |
if (!this.isLeaf && this.children) {
|
|
|
130 |
for(var c in this.children) {
|
|
|
131 |
if (this.children[c].refreshPreviews(imgid, newsrc, regex)) {
|
|
|
132 |
return true;
|
|
|
133 |
}
|
|
|
134 |
}
|
|
|
135 |
}
|
|
|
136 |
}
|
|
|
137 |
return false;
|
|
|
138 |
}
|
|
|
139 |
|
|
|
140 |
/**
|
|
|
141 |
* Displays a list of files (used by filepicker, filemanager) inside the Node
|
|
|
142 |
*
|
|
|
143 |
* @param array options
|
|
|
144 |
* viewmode : 1 - icons, 2 - tree, 3 - table
|
|
|
145 |
* appendonly : whether fileslist need to be appended instead of replacing the existing content
|
|
|
146 |
* filenode : Node element that contains template for displaying one file
|
|
|
147 |
* callback : On click callback. The element of the fileslist array will be passed as argument
|
|
|
148 |
* rightclickcallback : On right click callback (optional).
|
|
|
149 |
* callbackcontext : context where callbacks are executed
|
|
|
150 |
* sortable : whether content may be sortable (in table mode)
|
|
|
151 |
* dynload : allow dynamic load for tree view
|
|
|
152 |
* filepath : for pre-building of tree view - the path to the current directory in filepicker format
|
|
|
153 |
* treeview_dynload : callback to function to dynamically load the folder in tree view
|
|
|
154 |
* classnamecallback : callback to function that returns the class name for an element
|
|
|
155 |
* @param array fileslist array of files to show, each array element may have attributes:
|
|
|
156 |
* title or fullname : file name
|
|
|
157 |
* shorttitle (optional) : display file name
|
|
|
158 |
* thumbnail : url of image
|
|
|
159 |
* icon : url of icon image
|
|
|
160 |
* thumbnail_width : width of thumbnail, default 90
|
|
|
161 |
* thumbnail_height : height of thumbnail, default 90
|
|
|
162 |
* thumbnail_alt : TODO not needed!
|
|
|
163 |
* description or thumbnail_title : alt text
|
|
|
164 |
* @param array lazyloading : reference to the array with lazy loading images
|
|
|
165 |
*/
|
|
|
166 |
Y.Node.prototype.fp_display_filelist = function(options, fileslist, lazyloading) {
|
|
|
167 |
var viewmodeclassnames = {1:'fp-iconview', 2:'fp-treeview', 3:'fp-tableview'};
|
|
|
168 |
var classname = viewmodeclassnames[options.viewmode];
|
|
|
169 |
var scope = this;
|
|
|
170 |
/** return whether file is a folder (different attributes in FileManager and FilePicker) */
|
|
|
171 |
var file_is_folder = function(node) {
|
|
|
172 |
if (node.children) {return true;}
|
|
|
173 |
if (node.type && node.type == 'folder') {return true;}
|
|
|
174 |
return false;
|
|
|
175 |
};
|
|
|
176 |
/** return the name of the file (different attributes in FileManager and FilePicker) */
|
|
|
177 |
var file_get_filename = function(node) {
|
|
|
178 |
return node.title ? node.title : node.fullname;
|
|
|
179 |
};
|
|
|
180 |
/** return display name of the file (different attributes in FileManager and FilePicker) */
|
|
|
181 |
var file_get_displayname = function(node) {
|
|
|
182 |
var displayname = node.shorttitle ? node.shorttitle : file_get_filename(node);
|
|
|
183 |
return Y.Escape.html(displayname);
|
|
|
184 |
};
|
|
|
185 |
/** return file description (different attributes in FileManager and FilePicker) */
|
|
|
186 |
var file_get_description = function(node) {
|
|
|
187 |
var description = '';
|
|
|
188 |
if (node.description) {
|
|
|
189 |
description = node.description;
|
|
|
190 |
} else if (node.thumbnail_title) {
|
|
|
191 |
description = node.thumbnail_title;
|
|
|
192 |
} else {
|
|
|
193 |
description = file_get_filename(node);
|
|
|
194 |
}
|
|
|
195 |
return Y.Escape.html(description);
|
|
|
196 |
};
|
|
|
197 |
/** help funciton for tree view */
|
|
|
198 |
var build_tree = function(node, level) {
|
|
|
199 |
// prepare file name with icon
|
|
|
200 |
var el = Y.Node.create('<div/>');
|
|
|
201 |
el.appendChild(options.filenode.cloneNode(true));
|
|
|
202 |
|
|
|
203 |
el.one('.fp-filename').setContent(file_get_displayname(node));
|
|
|
204 |
// TODO add tooltip with node.title or node.thumbnail_title
|
|
|
205 |
var tmpnodedata = {className:options.classnamecallback(node)};
|
|
|
206 |
el.get('children').addClass(tmpnodedata.className);
|
|
|
207 |
if (node.icon) {
|
|
|
208 |
el.one('.fp-icon').appendChild(Y.Node.create('<img/>'));
|
|
|
209 |
el.one('.fp-icon img').setImgSrc(node.icon, node.realicon, lazyloading);
|
|
|
210 |
}
|
|
|
211 |
// create node
|
|
|
212 |
tmpnodedata.html = el.getContent();
|
|
|
213 |
var tmpNode = new Y.YUI2.widget.HTMLNode(tmpnodedata, level, false);
|
|
|
214 |
if (node.dynamicLoadComplete) {
|
|
|
215 |
tmpNode.dynamicLoadComplete = true;
|
|
|
216 |
}
|
|
|
217 |
tmpNode.fileinfo = node;
|
|
|
218 |
tmpNode.isLeaf = !file_is_folder(node);
|
|
|
219 |
if (!tmpNode.isLeaf) {
|
|
|
220 |
if(node.expanded) {
|
|
|
221 |
tmpNode.expand();
|
|
|
222 |
}
|
|
|
223 |
tmpNode.path = node.path ? node.path : (node.filepath ? node.filepath : '');
|
|
|
224 |
for(var c in node.children) {
|
|
|
225 |
build_tree(node.children[c], tmpNode);
|
|
|
226 |
}
|
|
|
227 |
}
|
|
|
228 |
};
|
|
|
229 |
/** initialize tree view */
|
|
|
230 |
var initialize_tree_view = function() {
|
|
|
231 |
var parentid = scope.one('.'+classname).get('id');
|
|
|
232 |
// TODO MDL-32736 use YUI3 gallery TreeView
|
|
|
233 |
scope.treeview = new Y.YUI2.widget.TreeView(parentid);
|
|
|
234 |
if (options.dynload) {
|
|
|
235 |
scope.treeview.setDynamicLoad(Y.bind(options.treeview_dynload, options.callbackcontext), 1);
|
|
|
236 |
}
|
|
|
237 |
scope.treeview.singleNodeHighlight = true;
|
|
|
238 |
if (options.filepath && options.filepath.length) {
|
|
|
239 |
// we just jumped from icon/details view, we need to show all parents
|
|
|
240 |
// we extract as much information as possible from filepath and filelist
|
|
|
241 |
// and send additional requests to retrieve siblings for parent folders
|
|
|
242 |
var mytree = {};
|
|
|
243 |
var mytreeel = null;
|
|
|
244 |
for (var i in options.filepath) {
|
|
|
245 |
if (mytreeel == null) {
|
|
|
246 |
mytreeel = mytree;
|
|
|
247 |
} else {
|
|
|
248 |
mytreeel.children = [{}];
|
|
|
249 |
mytreeel = mytreeel.children[0];
|
|
|
250 |
}
|
|
|
251 |
var pathelement = options.filepath[i];
|
|
|
252 |
mytreeel.path = pathelement.path;
|
|
|
253 |
mytreeel.title = pathelement.name;
|
|
|
254 |
mytreeel.icon = pathelement.icon;
|
|
|
255 |
mytreeel.dynamicLoadComplete = true; // we will call it manually
|
|
|
256 |
mytreeel.expanded = true;
|
|
|
257 |
}
|
|
|
258 |
mytreeel.children = fileslist;
|
|
|
259 |
build_tree(mytree, scope.treeview.getRoot());
|
|
|
260 |
// manually call dynload for parent elements in the tree so we can load other siblings
|
|
|
261 |
if (options.dynload) {
|
|
|
262 |
var root = scope.treeview.getRoot();
|
|
|
263 |
// Whether search results are currently displayed in the active repository in the filepicker.
|
|
|
264 |
// We do not want to load siblings of parent elements when displaying search tree results.
|
|
|
265 |
var isSearchResult = typeof options.callbackcontext.active_repo !== 'undefined' &&
|
|
|
266 |
options.callbackcontext.active_repo.issearchresult;
|
|
|
267 |
while (root && root.children && root.children.length) {
|
|
|
268 |
root = root.children[0];
|
|
|
269 |
if (root.path == mytreeel.path) {
|
|
|
270 |
root.origpath = options.filepath;
|
|
|
271 |
root.origlist = fileslist;
|
|
|
272 |
} else if (!root.isLeaf && root.expanded && !isSearchResult) {
|
|
|
273 |
Y.bind(options.treeview_dynload, options.callbackcontext)(root, null);
|
|
|
274 |
}
|
|
|
275 |
}
|
|
|
276 |
}
|
|
|
277 |
} else {
|
|
|
278 |
// there is no path information, just display all elements as a list, without hierarchy
|
|
|
279 |
for(k in fileslist) {
|
|
|
280 |
build_tree(fileslist[k], scope.treeview.getRoot());
|
|
|
281 |
}
|
|
|
282 |
}
|
|
|
283 |
scope.treeview.subscribe('clickEvent', function(e){
|
|
|
284 |
e.node.highlight(false);
|
|
|
285 |
var callback = options.callback;
|
|
|
286 |
if (options.rightclickcallback && e.event.target &&
|
|
|
287 |
Y.Node(e.event.target).ancestor('.fp-treeview .fp-contextmenu', true)) {
|
|
|
288 |
callback = options.rightclickcallback;
|
|
|
289 |
}
|
|
|
290 |
Y.bind(callback, options.callbackcontext)(e, e.node.fileinfo);
|
|
|
291 |
Y.YUI2.util.Event.stopEvent(e.event)
|
|
|
292 |
});
|
|
|
293 |
// Simulate click on file not folder.
|
|
|
294 |
scope.treeview.subscribe('enterKeyPressed', function(node) {
|
|
|
295 |
if (node.children.length === 0) {
|
|
|
296 |
Y.one(node.getContentEl()).one('a').simulate('click');
|
|
|
297 |
}
|
|
|
298 |
});
|
|
|
299 |
// TODO MDL-32736 support right click
|
|
|
300 |
/*if (options.rightclickcallback) {
|
|
|
301 |
scope.treeview.subscribe('dblClickEvent', function(e){
|
|
|
302 |
e.node.highlight(false);
|
|
|
303 |
Y.bind(options.rightclickcallback, options.callbackcontext)(e, e.node.fileinfo);
|
|
|
304 |
});
|
|
|
305 |
}*/
|
|
|
306 |
scope.treeview.draw();
|
|
|
307 |
};
|
|
|
308 |
/** formatting function for table view */
|
|
|
309 |
var formatValue = function (o){
|
|
|
310 |
if (o.data[''+o.column.key+'_f_s']) {return o.data[''+o.column.key+'_f_s'];}
|
|
|
311 |
else if (o.data[''+o.column.key+'_f']) {return o.data[''+o.column.key+'_f'];}
|
|
|
312 |
else if (o.value) {return o.value;}
|
|
|
313 |
else {return '';}
|
|
|
314 |
};
|
|
|
315 |
/** formatting function for table view */
|
|
|
316 |
var formatTitle = function(o) {
|
|
|
317 |
var el = Y.Node.create('<div/>');
|
|
|
318 |
el.appendChild(options.filenode.cloneNode(true)); // TODO not node but string!
|
|
|
319 |
el.get('children').addClass(o.data['classname']);
|
|
|
320 |
el.one('.fp-filename').setContent(o.value);
|
|
|
321 |
if (o.data['icon']) {
|
|
|
322 |
el.one('.fp-icon').appendChild(Y.Node.create('<img/>'));
|
|
|
323 |
el.one('.fp-icon img').setImgSrc(o.data['icon'], o.data['realicon'], lazyloading);
|
|
|
324 |
}
|
|
|
325 |
if (options.rightclickcallback) {
|
|
|
326 |
el.get('children').addClass('fp-hascontextmenu');
|
|
|
327 |
}
|
|
|
328 |
// TODO add tooltip with o.data['title'] (o.value) or o.data['thumbnail_title']
|
|
|
329 |
return el.getContent();
|
|
|
330 |
}
|
|
|
331 |
|
|
|
332 |
/**
|
|
|
333 |
* Generate slave checkboxes based on toggleall's specification
|
|
|
334 |
* @param {object} o An object reprsenting the record for the current row.
|
|
|
335 |
* @return {html} The checkbox html
|
|
|
336 |
*/
|
|
|
337 |
var formatCheckbox = function(o) {
|
|
|
338 |
var el = Y.Node.create('<div/>');
|
|
|
339 |
var parentid = scope.one('.' + classname).get('id');
|
|
|
340 |
var checkbox = Y.Node.create('<input/>')
|
|
|
341 |
.setAttribute('type', 'checkbox')
|
|
|
342 |
.setAttribute('data-fieldtype', 'checkbox')
|
|
|
343 |
.setAttribute('data-fullname', o.data.fullname)
|
|
|
344 |
.setAttribute('data-action', 'toggle')
|
|
|
345 |
.setAttribute('data-toggle', 'slave')
|
|
|
346 |
.setAttribute('data-togglegroup', 'file-selections-' + parentid);
|
|
|
347 |
|
|
|
348 |
var checkboxLabel = Y.Node.create('<label>')
|
|
|
349 |
.setHTML("Select file '" + o.data.fullname + "'")
|
| 1441 |
ariadna |
350 |
.addClass('visually-hidden')
|
| 1 |
efrain |
351 |
.setAttrs({
|
|
|
352 |
for: checkbox.generateID(),
|
|
|
353 |
});
|
|
|
354 |
|
|
|
355 |
el.appendChild(checkbox);
|
|
|
356 |
el.appendChild(checkboxLabel);
|
|
|
357 |
return el.getContent();
|
|
|
358 |
};
|
|
|
359 |
/** sorting function for table view */
|
|
|
360 |
var sortFoldersFirst = function(a, b, desc) {
|
|
|
361 |
if (a.get('isfolder') && !b.get('isfolder')) {
|
|
|
362 |
return -1;
|
|
|
363 |
}
|
|
|
364 |
if (!a.get('isfolder') && b.get('isfolder')) {
|
|
|
365 |
return 1;
|
|
|
366 |
}
|
|
|
367 |
var aa = a.get(this.key), bb = b.get(this.key), dir = desc ? -1 : 1;
|
|
|
368 |
return (aa > bb) ? dir : ((aa < bb) ? -dir : 0);
|
|
|
369 |
}
|
|
|
370 |
/** initialize table view */
|
|
|
371 |
var initialize_table_view = function() {
|
|
|
372 |
var cols = [
|
|
|
373 |
{key: "displayname", label: M.util.get_string('name', 'moodle'), allowHTML: true, formatter: formatTitle,
|
|
|
374 |
sortable: true, sortFn: sortFoldersFirst},
|
|
|
375 |
{key: "datemodified", label: M.util.get_string('lastmodified', 'moodle'), allowHTML: true, formatter: formatValue,
|
|
|
376 |
sortable: true, sortFn: sortFoldersFirst},
|
|
|
377 |
{key: "size", label: M.util.get_string('size', 'repository'), allowHTML: true, formatter: formatValue,
|
|
|
378 |
sortable: true, sortFn: sortFoldersFirst},
|
|
|
379 |
{key: "mimetype", label: M.util.get_string('type', 'repository'), allowHTML: true,
|
|
|
380 |
sortable: true, sortFn: sortFoldersFirst}
|
|
|
381 |
];
|
|
|
382 |
|
|
|
383 |
// Generate a checkbox based on toggleall's specification
|
|
|
384 |
var div = Y.Node.create('<div/>');
|
|
|
385 |
var parentid = scope.one('.' + classname).get('id');
|
|
|
386 |
var checkbox = Y.Node.create('<input/>')
|
|
|
387 |
.setAttribute('type', 'checkbox')
|
|
|
388 |
// .setAttribute('title', M.util.get_string('selectallornone', 'form'))
|
|
|
389 |
.setAttribute('data-action', 'toggle')
|
|
|
390 |
.setAttribute('data-toggle', 'master')
|
|
|
391 |
.setAttribute('data-togglegroup', 'file-selections-' + parentid);
|
|
|
392 |
|
|
|
393 |
var checkboxLabel = Y.Node.create('<label>')
|
|
|
394 |
.setHTML(M.util.get_string('selectallornone', 'form'))
|
| 1441 |
ariadna |
395 |
.addClass('visually-hidden')
|
| 1 |
efrain |
396 |
.setAttrs({
|
|
|
397 |
for: checkbox.generateID(),
|
|
|
398 |
});
|
|
|
399 |
|
|
|
400 |
div.appendChild(checkboxLabel);
|
|
|
401 |
div.appendChild(checkbox);
|
|
|
402 |
|
|
|
403 |
// Define the selector for the click event handler.
|
|
|
404 |
var clickEventSelector = 'tr';
|
|
|
405 |
// Enable the selectable checkboxes
|
|
|
406 |
if (options.disablecheckboxes != undefined && !options.disablecheckboxes) {
|
|
|
407 |
clickEventSelector = 'tr td:not(:first-child)';
|
|
|
408 |
cols.unshift({
|
|
|
409 |
key: "",
|
|
|
410 |
label: div.getContent(),
|
|
|
411 |
allowHTML: true,
|
|
|
412 |
formatter: formatCheckbox,
|
|
|
413 |
sortable: false
|
|
|
414 |
});
|
|
|
415 |
}
|
|
|
416 |
scope.tableview = new Y.DataTable({columns: cols, data: fileslist});
|
|
|
417 |
scope.tableview.delegate('click', function (e, tableview) {
|
|
|
418 |
var record = tableview.getRecord(e.currentTarget.get('id'));
|
|
|
419 |
if (record) {
|
|
|
420 |
var callback = options.callback;
|
|
|
421 |
if (options.rightclickcallback && e.target.ancestor('.fp-tableview .fp-contextmenu', true)) {
|
|
|
422 |
callback = options.rightclickcallback;
|
|
|
423 |
}
|
|
|
424 |
Y.bind(callback, this)(e, record.getAttrs());
|
|
|
425 |
}
|
|
|
426 |
}, clickEventSelector, options.callbackcontext, scope.tableview);
|
|
|
427 |
|
|
|
428 |
if (options.rightclickcallback) {
|
|
|
429 |
scope.tableview.delegate('contextmenu', function (e, tableview) {
|
|
|
430 |
var record = tableview.getRecord(e.currentTarget.get('id'));
|
|
|
431 |
if (record) { Y.bind(options.rightclickcallback, this)(e, record.getAttrs()); }
|
|
|
432 |
}, 'tr', options.callbackcontext, scope.tableview);
|
|
|
433 |
}
|
|
|
434 |
}
|
|
|
435 |
/** append items in table view mode */
|
|
|
436 |
var append_files_table = function() {
|
|
|
437 |
if (options.appendonly) {
|
|
|
438 |
fileslist.forEach(function(el) {
|
|
|
439 |
this.tableview.data.add(el);
|
|
|
440 |
},scope);
|
|
|
441 |
}
|
|
|
442 |
scope.tableview.render(scope.one('.'+classname));
|
|
|
443 |
scope.tableview.sortable = options.sortable ? true : false;
|
|
|
444 |
};
|
|
|
445 |
/** append items in tree view mode */
|
|
|
446 |
var append_files_tree = function() {
|
|
|
447 |
if (options.appendonly) {
|
|
|
448 |
var parentnode = scope.treeview.getRoot();
|
|
|
449 |
if (scope.treeview.getHighlightedNode()) {
|
|
|
450 |
parentnode = scope.treeview.getHighlightedNode();
|
|
|
451 |
if (parentnode.isLeaf) {parentnode = parentnode.parent;}
|
|
|
452 |
}
|
|
|
453 |
for (var k in fileslist) {
|
|
|
454 |
build_tree(fileslist[k], parentnode);
|
|
|
455 |
}
|
|
|
456 |
scope.treeview.draw();
|
|
|
457 |
} else {
|
|
|
458 |
// otherwise files were already added in initialize_tree_view()
|
|
|
459 |
}
|
|
|
460 |
}
|
|
|
461 |
/** append items in icon view mode */
|
|
|
462 |
var append_files_icons = function() {
|
|
|
463 |
parent = scope.one('.'+classname);
|
|
|
464 |
for (var k in fileslist) {
|
|
|
465 |
var node = fileslist[k];
|
|
|
466 |
var element = options.filenode.cloneNode(true);
|
|
|
467 |
parent.appendChild(element);
|
|
|
468 |
element.addClass(options.classnamecallback(node));
|
|
|
469 |
var filenamediv = element.one('.fp-filename');
|
|
|
470 |
filenamediv.setContent(file_get_displayname(node));
|
|
|
471 |
var imgdiv = element.one('.fp-thumbnail'), width, height, src;
|
|
|
472 |
if (node.thumbnail) {
|
|
|
473 |
width = node.thumbnail_width ? node.thumbnail_width : 90;
|
|
|
474 |
height = node.thumbnail_height ? node.thumbnail_height : 90;
|
|
|
475 |
src = node.thumbnail;
|
|
|
476 |
} else {
|
|
|
477 |
width = 16;
|
|
|
478 |
height = 16;
|
|
|
479 |
src = node.icon;
|
|
|
480 |
}
|
|
|
481 |
filenamediv.setStyleAdv('width', width);
|
|
|
482 |
imgdiv.setStyleAdv('width', width).setStyleAdv('height', height);
|
|
|
483 |
var img = Y.Node.create('<img/>').setAttrs({
|
|
|
484 |
title: file_get_description(node),
|
|
|
485 |
alt: Y.Escape.html(node.thumbnail_alt ? node.thumbnail_alt : file_get_filename(node))}).
|
|
|
486 |
setStyle('maxWidth', ''+width+'px').
|
|
|
487 |
setStyle('maxHeight', ''+height+'px');
|
|
|
488 |
img.setImgSrc(src, node.realthumbnail, lazyloading);
|
|
|
489 |
imgdiv.appendChild(img);
|
|
|
490 |
element.on('click', function(e, nd) {
|
|
|
491 |
if (options.rightclickcallback && e.target.ancestor('.fp-iconview .fp-contextmenu', true)) {
|
|
|
492 |
Y.bind(options.rightclickcallback, this)(e, nd);
|
|
|
493 |
} else {
|
|
|
494 |
Y.bind(options.callback, this)(e, nd);
|
|
|
495 |
}
|
|
|
496 |
}, options.callbackcontext, node);
|
|
|
497 |
if (options.rightclickcallback) {
|
|
|
498 |
element.on('contextmenu', options.rightclickcallback, options.callbackcontext, node);
|
|
|
499 |
}
|
|
|
500 |
}
|
|
|
501 |
}
|
|
|
502 |
|
|
|
503 |
// Notify the user if any of the files has a problem status.
|
|
|
504 |
var problemFiles = [];
|
|
|
505 |
fileslist.forEach(function(file) {
|
|
|
506 |
if (!file_is_folder(file) && file.hasOwnProperty('status') && file.status != 0) {
|
|
|
507 |
problemFiles.push(file);
|
|
|
508 |
}
|
|
|
509 |
});
|
|
|
510 |
if (problemFiles.length > 0) {
|
|
|
511 |
require(["core/notification", "core/str"], function(Notification, Str) {
|
|
|
512 |
problemFiles.forEach(function(problemFile) {
|
|
|
513 |
Str.get_string('storedfilecannotreadfile', 'error', problemFile.fullname).then(function(string) {
|
|
|
514 |
Notification.addNotification({
|
|
|
515 |
message: string,
|
|
|
516 |
type: "error"
|
|
|
517 |
});
|
|
|
518 |
return;
|
|
|
519 |
}).catch(Notification.exception);
|
|
|
520 |
});
|
|
|
521 |
});
|
|
|
522 |
}
|
|
|
523 |
|
|
|
524 |
// If table view, need some additional properties
|
|
|
525 |
// before passing fileslist to the YUI tableview
|
|
|
526 |
if (options.viewmode == 3) {
|
|
|
527 |
fileslist.forEach(function(el) {
|
|
|
528 |
el.displayname = file_get_displayname(el);
|
|
|
529 |
el.isfolder = file_is_folder(el);
|
|
|
530 |
el.classname = options.classnamecallback(el);
|
|
|
531 |
}, scope);
|
|
|
532 |
}
|
|
|
533 |
|
|
|
534 |
// initialize files view
|
|
|
535 |
if (!options.appendonly) {
|
|
|
536 |
var parent = Y.Node.create('<div/>').addClass(classname);
|
|
|
537 |
this.setContent('').appendChild(parent);
|
|
|
538 |
parent.generateID();
|
|
|
539 |
if (options.viewmode == 2) {
|
|
|
540 |
initialize_tree_view();
|
|
|
541 |
} else if (options.viewmode == 3) {
|
|
|
542 |
initialize_table_view();
|
|
|
543 |
} else {
|
|
|
544 |
// nothing to initialize for icon view
|
|
|
545 |
}
|
|
|
546 |
}
|
|
|
547 |
|
|
|
548 |
// append files to the list
|
|
|
549 |
if (options.viewmode == 2) {
|
|
|
550 |
append_files_tree();
|
|
|
551 |
} else if (options.viewmode == 3) {
|
|
|
552 |
append_files_table();
|
|
|
553 |
} else {
|
|
|
554 |
append_files_icons();
|
|
|
555 |
}
|
|
|
556 |
|
|
|
557 |
}
|
|
|
558 |
}, '@VERSION@', {
|
|
|
559 |
requires:['base', 'node', 'yui2-treeview', 'panel', 'cookie', 'datatable', 'datatable-sort']
|
|
|
560 |
});
|
|
|
561 |
|
|
|
562 |
M.core_filepicker = M.core_filepicker || {};
|
|
|
563 |
|
|
|
564 |
/**
|
|
|
565 |
* instances of file pickers used on page
|
|
|
566 |
*/
|
|
|
567 |
M.core_filepicker.instances = M.core_filepicker.instances || {};
|
|
|
568 |
M.core_filepicker.active_filepicker = null;
|
|
|
569 |
|
|
|
570 |
/**
|
|
|
571 |
* HTML Templates to use in FilePicker
|
|
|
572 |
*/
|
|
|
573 |
M.core_filepicker.templates = M.core_filepicker.templates || {};
|
|
|
574 |
|
|
|
575 |
/**
|
|
|
576 |
* Array of image sources for real previews (realicon or realthumbnail) that are already loaded
|
|
|
577 |
*/
|
|
|
578 |
M.core_filepicker.loadedpreviews = M.core_filepicker.loadedpreviews || {};
|
|
|
579 |
|
|
|
580 |
/**
|
|
|
581 |
* Set selected file info
|
|
|
582 |
*
|
|
|
583 |
* @param object file info
|
|
|
584 |
*/
|
|
|
585 |
M.core_filepicker.select_file = function(file) {
|
|
|
586 |
M.core_filepicker.active_filepicker.select_file(file);
|
|
|
587 |
}
|
|
|
588 |
|
|
|
589 |
/**
|
|
|
590 |
* Init and show file picker
|
|
|
591 |
*/
|
|
|
592 |
M.core_filepicker.show = function(Y, options) {
|
|
|
593 |
if (!M.core_filepicker.instances[options.client_id]) {
|
|
|
594 |
M.core_filepicker.init(Y, options);
|
|
|
595 |
}
|
|
|
596 |
M.core_filepicker.instances[options.client_id].options.formcallback = options.formcallback;
|
|
|
597 |
M.core_filepicker.instances[options.client_id].show();
|
|
|
598 |
};
|
|
|
599 |
|
|
|
600 |
M.core_filepicker.set_templates = function(Y, templates) {
|
|
|
601 |
for (var templid in templates) {
|
|
|
602 |
M.core_filepicker.templates[templid] = templates[templid];
|
|
|
603 |
}
|
|
|
604 |
}
|
|
|
605 |
|
|
|
606 |
/**
|
|
|
607 |
* Add new file picker to current instances
|
|
|
608 |
*/
|
|
|
609 |
M.core_filepicker.init = function(Y, options) {
|
|
|
610 |
var FilePickerHelper = function(options) {
|
|
|
611 |
FilePickerHelper.superclass.constructor.apply(this, arguments);
|
|
|
612 |
};
|
|
|
613 |
|
|
|
614 |
FilePickerHelper.NAME = "FilePickerHelper";
|
|
|
615 |
FilePickerHelper.ATTRS = {
|
|
|
616 |
options: {},
|
|
|
617 |
lang: {}
|
|
|
618 |
};
|
|
|
619 |
|
|
|
620 |
Y.extend(FilePickerHelper, Y.Base, {
|
|
|
621 |
api: M.cfg.wwwroot+'/repository/repository_ajax.php',
|
|
|
622 |
cached_responses: {},
|
|
|
623 |
waitinterval : null, // When the loading template is being displayed and its animation is running this will be an interval instance.
|
|
|
624 |
initializer: function(options) {
|
|
|
625 |
this.options = options;
|
|
|
626 |
if (!this.options.savepath) {
|
|
|
627 |
this.options.savepath = '/';
|
|
|
628 |
}
|
|
|
629 |
},
|
|
|
630 |
|
|
|
631 |
destructor: function() {
|
|
|
632 |
},
|
|
|
633 |
|
|
|
634 |
request: function(args, redraw) {
|
|
|
635 |
var api = (args.api ? args.api : this.api) + '?action='+args.action;
|
|
|
636 |
var params = {};
|
|
|
637 |
var scope = args['scope'] ? args['scope'] : this;
|
|
|
638 |
params['repo_id']=args.repository_id;
|
|
|
639 |
params['p'] = args.path?args.path:'';
|
|
|
640 |
params['page'] = args.page?args.page:'';
|
|
|
641 |
params['env']=this.options.env;
|
|
|
642 |
// the form element only accept certain file types
|
|
|
643 |
params['accepted_types']=this.options.accepted_types;
|
|
|
644 |
params['sesskey'] = M.cfg.sesskey;
|
|
|
645 |
params['client_id'] = args.client_id;
|
|
|
646 |
params['itemid'] = this.options.itemid?this.options.itemid:0;
|
|
|
647 |
params['maxbytes'] = this.options.maxbytes?this.options.maxbytes:-1;
|
|
|
648 |
// The unlimited value of areamaxbytes is -1, it is defined by FILE_AREA_MAX_BYTES_UNLIMITED.
|
|
|
649 |
params['areamaxbytes'] = this.options.areamaxbytes ? this.options.areamaxbytes : -1;
|
|
|
650 |
if (this.options.context && this.options.context.id) {
|
|
|
651 |
params['ctx_id'] = this.options.context.id;
|
|
|
652 |
}
|
|
|
653 |
if (args['params']) {
|
|
|
654 |
for (i in args['params']) {
|
|
|
655 |
params[i] = args['params'][i];
|
|
|
656 |
}
|
|
|
657 |
}
|
|
|
658 |
if (args.action == 'upload') {
|
|
|
659 |
var list = [];
|
|
|
660 |
for(var k in params) {
|
|
|
661 |
var value = params[k];
|
|
|
662 |
if(value instanceof Array) {
|
|
|
663 |
for(var i in value) {
|
|
|
664 |
list.push(k+'[]='+value[i]);
|
|
|
665 |
}
|
|
|
666 |
} else {
|
|
|
667 |
list.push(k+'='+value);
|
|
|
668 |
}
|
|
|
669 |
}
|
|
|
670 |
params = list.join('&');
|
|
|
671 |
} else {
|
|
|
672 |
params = build_querystring(params);
|
|
|
673 |
}
|
|
|
674 |
var cfg = {
|
|
|
675 |
method: 'POST',
|
|
|
676 |
on: {
|
|
|
677 |
complete: function(id,o,p) {
|
|
|
678 |
var data = null;
|
|
|
679 |
try {
|
|
|
680 |
data = Y.JSON.parse(o.responseText);
|
|
|
681 |
} catch(e) {
|
|
|
682 |
if (o && o.status && o.status > 0) {
|
|
|
683 |
Y.use('moodle-core-notification-exception', function() {
|
|
|
684 |
return new M.core.exception(e);
|
|
|
685 |
});
|
|
|
686 |
return;
|
|
|
687 |
}
|
|
|
688 |
}
|
|
|
689 |
// error checking
|
|
|
690 |
if (data && data.error) {
|
| 1441 |
ariadna |
691 |
if (data.errorcode === 'invalidfiletype') {
|
|
|
692 |
// File type errors are not really errors, so report them less scarily.
|
|
|
693 |
Y.use('moodle-core-notification-alert', function() {
|
|
|
694 |
return new M.core.alert({
|
|
|
695 |
title: M.util.get_string('error', 'moodle'),
|
|
|
696 |
message: data.error,
|
|
|
697 |
});
|
|
|
698 |
});
|
|
|
699 |
} else {
|
|
|
700 |
Y.use('moodle-core-notification-ajaxexception', function() {
|
|
|
701 |
return new M.core.ajaxException(data);
|
|
|
702 |
});
|
|
|
703 |
}
|
|
|
704 |
if (args.onerror) {
|
|
|
705 |
args.onerror(id, data, p);
|
|
|
706 |
} else {
|
|
|
707 |
// Don't know what to do, so blank the dialogue to ensure it is not left in an inconsistent state.
|
|
|
708 |
// This is not great. The user needs to re-click 'Upload file' to reset the display.
|
|
|
709 |
this.fpnode.one('.fp-content').setContent('');
|
|
|
710 |
}
|
| 1 |
efrain |
711 |
return;
|
|
|
712 |
} else {
|
|
|
713 |
if (data.msg) {
|
| 1441 |
ariadna |
714 |
// As far as I can tell, msg will never be set by any PHP code. -- Tim Oct 2024.
|
| 1 |
efrain |
715 |
scope.print_msg(data.msg, 'info');
|
|
|
716 |
}
|
|
|
717 |
// cache result if applicable
|
|
|
718 |
if (args.action != 'upload' && data.allowcaching) {
|
|
|
719 |
scope.cached_responses[params] = data;
|
|
|
720 |
}
|
|
|
721 |
// invoke callback
|
|
|
722 |
args.callback(id,data,p);
|
|
|
723 |
}
|
|
|
724 |
}
|
|
|
725 |
},
|
|
|
726 |
arguments: {
|
|
|
727 |
scope: scope
|
|
|
728 |
},
|
|
|
729 |
headers: {
|
|
|
730 |
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
|
|
731 |
},
|
|
|
732 |
data: params,
|
|
|
733 |
context: this
|
|
|
734 |
};
|
|
|
735 |
if (args.form) {
|
|
|
736 |
cfg.form = args.form;
|
|
|
737 |
}
|
|
|
738 |
// check if result of the same request has been already cached. If not, request it
|
|
|
739 |
// (never applicable in case of form submission and/or upload action):
|
|
|
740 |
if (!args.form && args.action != 'upload' && scope.cached_responses[params]) {
|
|
|
741 |
args.callback(null, scope.cached_responses[params], {scope: scope})
|
|
|
742 |
} else {
|
|
|
743 |
Y.io(api, cfg);
|
|
|
744 |
if (redraw) {
|
|
|
745 |
this.wait();
|
|
|
746 |
}
|
|
|
747 |
}
|
|
|
748 |
},
|
|
|
749 |
/** displays the dialog and processes rename/overwrite if there is a file with the same name in the same filearea*/
|
|
|
750 |
process_existing_file: function(data) {
|
|
|
751 |
var scope = this;
|
|
|
752 |
var handleOverwrite = function(e) {
|
|
|
753 |
// overwrite
|
|
|
754 |
e.preventDefault();
|
|
|
755 |
var data = this.process_dlg.dialogdata;
|
|
|
756 |
var params = {}
|
|
|
757 |
params['existingfilename'] = data.existingfile.filename;
|
|
|
758 |
params['existingfilepath'] = data.existingfile.filepath;
|
|
|
759 |
params['newfilename'] = data.newfile.filename;
|
|
|
760 |
params['newfilepath'] = data.newfile.filepath;
|
|
|
761 |
this.hide_header();
|
|
|
762 |
this.request({
|
|
|
763 |
'params': params,
|
|
|
764 |
'scope': this,
|
|
|
765 |
'action':'overwrite',
|
|
|
766 |
'path': '',
|
|
|
767 |
'client_id': this.options.client_id,
|
|
|
768 |
'repository_id': this.active_repo.id,
|
|
|
769 |
'callback': function(id, o, args) {
|
|
|
770 |
scope.hide();
|
|
|
771 |
// Add an arbitrary parameter to the URL to force browsers to re-load the new image even
|
|
|
772 |
// if the file name has not changed.
|
|
|
773 |
var urlimage = data.existingfile.url + "?time=" + (new Date()).getTime();
|
|
|
774 |
if (scope.options.editor_target && scope.options.env == 'editor') {
|
|
|
775 |
// editor needs to update url
|
|
|
776 |
scope.options.editor_target.value = urlimage;
|
|
|
777 |
scope.options.editor_target.dispatchEvent(new Event('change'), {'bubbles': true});
|
|
|
778 |
}
|
|
|
779 |
var fileinfo = {'client_id':scope.options.client_id,
|
|
|
780 |
'url': urlimage,
|
|
|
781 |
'file': data.existingfile.filename};
|
|
|
782 |
var formcallback_scope = scope.options.magicscope ? scope.options.magicscope : scope;
|
|
|
783 |
scope.options.formcallback.apply(formcallback_scope, [fileinfo]);
|
|
|
784 |
}
|
|
|
785 |
}, true);
|
|
|
786 |
}
|
|
|
787 |
var handleRename = function(e) {
|
|
|
788 |
// inserts file with the new name
|
|
|
789 |
e.preventDefault();
|
|
|
790 |
var scope = this;
|
|
|
791 |
var data = this.process_dlg.dialogdata;
|
|
|
792 |
if (scope.options.editor_target && scope.options.env == 'editor') {
|
|
|
793 |
scope.options.editor_target.value = data.newfile.url;
|
|
|
794 |
scope.options.editor_target.dispatchEvent(new Event('change'), {'bubbles': true});
|
|
|
795 |
}
|
|
|
796 |
scope.hide();
|
|
|
797 |
var formcallback_scope = scope.options.magicscope ? scope.options.magicscope : scope;
|
|
|
798 |
var fileinfo = {'client_id':scope.options.client_id,
|
|
|
799 |
'url':data.newfile.url,
|
|
|
800 |
'file':data.newfile.filename};
|
|
|
801 |
scope.options.formcallback.apply(formcallback_scope, [fileinfo]);
|
|
|
802 |
}
|
|
|
803 |
var handleCancel = function(e) {
|
|
|
804 |
// Delete tmp file
|
|
|
805 |
e.preventDefault();
|
|
|
806 |
var params = {};
|
|
|
807 |
params['newfilename'] = this.process_dlg.dialogdata.newfile.filename;
|
|
|
808 |
params['newfilepath'] = this.process_dlg.dialogdata.newfile.filepath;
|
|
|
809 |
this.request({
|
|
|
810 |
'params': params,
|
|
|
811 |
'scope': this,
|
|
|
812 |
'action':'deletetmpfile',
|
|
|
813 |
'path': '',
|
|
|
814 |
'client_id': this.options.client_id,
|
|
|
815 |
'repository_id': this.active_repo.id,
|
|
|
816 |
'callback': function(id, o, args) {
|
|
|
817 |
// let it be in background, from user point of view nothing is happenning
|
|
|
818 |
}
|
|
|
819 |
}, false);
|
|
|
820 |
this.process_dlg.hide();
|
|
|
821 |
this.selectui.hide();
|
|
|
822 |
}
|
|
|
823 |
if (!this.process_dlg) {
|
|
|
824 |
this.process_dlg_node = Y.Node.create(M.core_filepicker.templates.processexistingfile);
|
|
|
825 |
var node = this.process_dlg_node;
|
|
|
826 |
node.generateID();
|
|
|
827 |
this.process_dlg = new M.core.dialogue({
|
|
|
828 |
draggable : true,
|
|
|
829 |
bodyContent : node,
|
|
|
830 |
headerContent: M.util.get_string('fileexistsdialogheader', 'repository'),
|
|
|
831 |
centered : true,
|
|
|
832 |
modal : true,
|
|
|
833 |
visible : false,
|
|
|
834 |
zIndex : this.options.zIndex
|
|
|
835 |
});
|
|
|
836 |
node.one('.fp-dlg-butoverwrite').on('click', handleOverwrite, this);
|
|
|
837 |
node.one('.fp-dlg-butrename').on('click', handleRename, this);
|
|
|
838 |
node.one('.fp-dlg-butcancel').on('click', handleCancel, this);
|
|
|
839 |
if (this.options.env == 'editor') {
|
|
|
840 |
node.one('.fp-dlg-text').setContent(M.util.get_string('fileexistsdialog_editor', 'repository'));
|
|
|
841 |
} else {
|
|
|
842 |
node.one('.fp-dlg-text').setContent(M.util.get_string('fileexistsdialog_filemanager', 'repository'));
|
|
|
843 |
}
|
|
|
844 |
}
|
|
|
845 |
this.selectnode.removeClass('loading');
|
|
|
846 |
this.process_dlg.dialogdata = data;
|
|
|
847 |
this.process_dlg_node.one('.fp-dlg-butrename').setContent(M.util.get_string('renameto', 'repository', data.newfile.filename));
|
|
|
848 |
this.process_dlg.show();
|
|
|
849 |
},
|
|
|
850 |
/** displays error instead of filepicker contents */
|
|
|
851 |
display_error: function(errortext, errorcode) {
|
|
|
852 |
this.fpnode.one('.fp-content').setContent(M.core_filepicker.templates.error);
|
|
|
853 |
this.fpnode.one('.fp-content .fp-error').
|
|
|
854 |
addClass(errorcode).
|
|
|
855 |
setContent(Y.Escape.html(errortext));
|
|
|
856 |
},
|
|
|
857 |
/** displays message in a popup */
|
|
|
858 |
print_msg: function(msg, type) {
|
|
|
859 |
var header = M.util.get_string('error', 'moodle');
|
|
|
860 |
if (type != 'error') {
|
|
|
861 |
type = 'info'; // one of only two types excepted
|
|
|
862 |
header = M.util.get_string('info', 'moodle');
|
|
|
863 |
}
|
|
|
864 |
if (!this.msg_dlg) {
|
|
|
865 |
this.msg_dlg_node = Y.Node.create(M.core_filepicker.templates.message);
|
|
|
866 |
this.msg_dlg_node.generateID();
|
|
|
867 |
|
|
|
868 |
this.msg_dlg = new M.core.dialogue({
|
|
|
869 |
draggable : true,
|
|
|
870 |
bodyContent : this.msg_dlg_node,
|
|
|
871 |
centered : true,
|
|
|
872 |
modal : true,
|
|
|
873 |
visible : false,
|
|
|
874 |
zIndex : this.options.zIndex
|
|
|
875 |
});
|
|
|
876 |
this.msg_dlg_node.one('.fp-msg-butok').on('click', function(e) {
|
|
|
877 |
e.preventDefault();
|
|
|
878 |
this.msg_dlg.hide();
|
|
|
879 |
}, this);
|
|
|
880 |
}
|
|
|
881 |
|
|
|
882 |
this.msg_dlg.set('headerContent', header);
|
|
|
883 |
this.msg_dlg_node.removeClass('fp-msg-info').removeClass('fp-msg-error').addClass('fp-msg-'+type)
|
|
|
884 |
this.msg_dlg_node.one('.fp-msg-text').setContent(Y.Escape.html(msg));
|
|
|
885 |
this.msg_dlg.show();
|
|
|
886 |
},
|
|
|
887 |
view_files: function(appenditems) {
|
|
|
888 |
this.viewbar_set_enabled(true);
|
|
|
889 |
this.print_path();
|
|
|
890 |
/*if ((appenditems == null) && (!this.filelist || !this.filelist.length) && !this.active_repo.hasmorepages) {
|
|
|
891 |
// TODO do it via classes and adjust for each view mode!
|
|
|
892 |
// If there are no items and no next page, just display status message and quit
|
|
|
893 |
this.display_error(M.util.get_string('nofilesavailable', 'repository'), 'nofilesavailable');
|
|
|
894 |
return;
|
|
|
895 |
}*/
|
|
|
896 |
if (this.viewmode == 2) {
|
|
|
897 |
this.view_as_list(appenditems);
|
|
|
898 |
} else if (this.viewmode == 3) {
|
|
|
899 |
this.view_as_table(appenditems);
|
|
|
900 |
} else {
|
|
|
901 |
this.view_as_icons(appenditems);
|
|
|
902 |
}
|
|
|
903 |
this.fpnode.one('.fp-content').setAttribute('tabindex', '0');
|
|
|
904 |
this.fpnode.one('.fp-content').focus();
|
|
|
905 |
// display/hide the link for requesting next page
|
|
|
906 |
if (!appenditems && this.active_repo.hasmorepages) {
|
|
|
907 |
if (!this.fpnode.one('.fp-content .fp-nextpage')) {
|
|
|
908 |
this.fpnode.one('.fp-content').append(M.core_filepicker.templates.nextpage);
|
|
|
909 |
}
|
|
|
910 |
this.fpnode.one('.fp-content .fp-nextpage').one('a,button').on('click', function(e) {
|
|
|
911 |
e.preventDefault();
|
|
|
912 |
this.fpnode.one('.fp-content .fp-nextpage').addClass('loading');
|
|
|
913 |
this.request_next_page();
|
|
|
914 |
}, this);
|
|
|
915 |
}
|
|
|
916 |
if (!this.active_repo.hasmorepages && this.fpnode.one('.fp-content .fp-nextpage')) {
|
|
|
917 |
this.fpnode.one('.fp-content .fp-nextpage').remove();
|
|
|
918 |
}
|
|
|
919 |
if (this.fpnode.one('.fp-content .fp-nextpage')) {
|
|
|
920 |
this.fpnode.one('.fp-content .fp-nextpage').removeClass('loading');
|
|
|
921 |
}
|
|
|
922 |
this.content_scrolled();
|
|
|
923 |
},
|
|
|
924 |
content_scrolled: function(e) {
|
|
|
925 |
setTimeout(Y.bind(function() {
|
|
|
926 |
if (this.processingimages) {
|
|
|
927 |
return;
|
|
|
928 |
}
|
|
|
929 |
this.processingimages = true;
|
|
|
930 |
var scope = this,
|
|
|
931 |
fpcontent = this.fpnode.one('.fp-content'),
|
|
|
932 |
fpcontenty = fpcontent.getY(),
|
|
|
933 |
fpcontentheight = fpcontent.getStylePx('height'),
|
|
|
934 |
nextpage = fpcontent.one('.fp-nextpage'),
|
|
|
935 |
is_node_visible = function(node) {
|
|
|
936 |
var offset = node.getY()-fpcontenty;
|
|
|
937 |
if (offset <= fpcontentheight && (offset >=0 || offset+node.getStylePx('height')>=0)) {
|
|
|
938 |
return true;
|
|
|
939 |
}
|
|
|
940 |
return false;
|
|
|
941 |
};
|
|
|
942 |
// automatically load next page when 'more' link becomes visible
|
|
|
943 |
if (nextpage && !nextpage.hasClass('loading') && is_node_visible(nextpage)) {
|
|
|
944 |
nextpage.one('a,button').simulate('click');
|
|
|
945 |
}
|
|
|
946 |
// replace src for visible images that need to be lazy-loaded
|
|
|
947 |
if (scope.lazyloading) {
|
|
|
948 |
fpcontent.all('img').each( function(node) {
|
|
|
949 |
if (node.get('id') && scope.lazyloading[node.get('id')] && is_node_visible(node)) {
|
|
|
950 |
node.setImgRealSrc(scope.lazyloading);
|
|
|
951 |
}
|
|
|
952 |
});
|
|
|
953 |
}
|
|
|
954 |
this.processingimages = false;
|
|
|
955 |
}, this), 200)
|
|
|
956 |
},
|
|
|
957 |
treeview_dynload: function(node, cb) {
|
|
|
958 |
var retrieved_children = {};
|
|
|
959 |
if (node.children) {
|
|
|
960 |
for (var i in node.children) {
|
|
|
961 |
retrieved_children[node.children[i].path] = node.children[i];
|
|
|
962 |
}
|
|
|
963 |
}
|
|
|
964 |
this.request({
|
|
|
965 |
action:'list',
|
|
|
966 |
client_id: this.options.client_id,
|
|
|
967 |
repository_id: this.active_repo.id,
|
|
|
968 |
path:node.path?node.path:'',
|
|
|
969 |
page:node.page?args.page:'',
|
|
|
970 |
scope:this,
|
|
|
971 |
callback: function(id, obj, args) {
|
|
|
972 |
var list = obj.list;
|
|
|
973 |
var scope = args.scope;
|
|
|
974 |
// check that user did not leave the view mode before recieving this response
|
|
|
975 |
if (!(scope.active_repo.id == obj.repo_id && scope.viewmode == 2 && node && node.getChildrenEl())) {
|
|
|
976 |
return;
|
|
|
977 |
}
|
|
|
978 |
if (cb != null) { // (in manual mode do not update current path)
|
|
|
979 |
scope.viewbar_set_enabled(true);
|
|
|
980 |
scope.parse_repository_options(obj);
|
|
|
981 |
}
|
|
|
982 |
node.highlight(false);
|
|
|
983 |
node.origlist = obj.list ? obj.list : null;
|
|
|
984 |
node.origpath = obj.path ? obj.path : null;
|
|
|
985 |
node.children = [];
|
|
|
986 |
for(k in list) {
|
|
|
987 |
if (list[k].children && retrieved_children[list[k].path]) {
|
|
|
988 |
// if this child is a folder and has already been retrieved
|
|
|
989 |
node.children[node.children.length] = retrieved_children[list[k].path];
|
|
|
990 |
} else {
|
|
|
991 |
// append new file to the list
|
|
|
992 |
scope.view_as_list([list[k]]);
|
|
|
993 |
}
|
|
|
994 |
}
|
|
|
995 |
if (cb == null) {
|
|
|
996 |
node.refresh();
|
|
|
997 |
} else {
|
|
|
998 |
// invoke callback requested by TreeView component
|
|
|
999 |
cb();
|
|
|
1000 |
}
|
|
|
1001 |
scope.content_scrolled();
|
|
|
1002 |
}
|
|
|
1003 |
}, false);
|
|
|
1004 |
},
|
|
|
1005 |
classnamecallback : function(node) {
|
|
|
1006 |
var classname = '';
|
|
|
1007 |
if (node.children) {
|
|
|
1008 |
classname = classname + ' fp-folder';
|
|
|
1009 |
}
|
|
|
1010 |
if (node.isref) {
|
|
|
1011 |
classname = classname + ' fp-isreference';
|
|
|
1012 |
}
|
|
|
1013 |
if (node.iscontrolledlink) {
|
|
|
1014 |
classname = classname + ' fp-iscontrolledlink';
|
|
|
1015 |
}
|
|
|
1016 |
if (node.refcount) {
|
|
|
1017 |
classname = classname + ' fp-hasreferences';
|
|
|
1018 |
}
|
|
|
1019 |
if (node.originalmissing) {
|
|
|
1020 |
classname = classname + ' fp-originalmissing';
|
|
|
1021 |
}
|
|
|
1022 |
return Y.Lang.trim(classname);
|
|
|
1023 |
},
|
|
|
1024 |
/** displays list of files in tree (list) view mode. If param appenditems is specified,
|
|
|
1025 |
* appends those items to the end of the list. Otherwise (default behaviour)
|
|
|
1026 |
* clears the contents and displays the items from this.filelist */
|
|
|
1027 |
view_as_list: function(appenditems) {
|
|
|
1028 |
var list = (appenditems != null) ? appenditems : this.filelist;
|
|
|
1029 |
this.viewmode = 2;
|
|
|
1030 |
if (!this.filelist || this.filelist.length==0 && (!this.filepath || !this.filepath.length)) {
|
|
|
1031 |
this.display_error(M.util.get_string('nofilesavailable', 'repository'), 'nofilesavailable');
|
|
|
1032 |
return;
|
|
|
1033 |
}
|
|
|
1034 |
|
|
|
1035 |
var element_template = Y.Node.create(M.core_filepicker.templates.listfilename);
|
|
|
1036 |
var options = {
|
|
|
1037 |
viewmode : this.viewmode,
|
|
|
1038 |
appendonly : (appenditems != null),
|
|
|
1039 |
filenode : element_template,
|
|
|
1040 |
callbackcontext : this,
|
|
|
1041 |
callback : function(e, node) {
|
|
|
1042 |
// TODO MDL-32736 e is not an event here but an object with properties 'event' and 'node'
|
|
|
1043 |
if (!node.children) {
|
|
|
1044 |
if (e.node.parent && e.node.parent.origpath) {
|
|
|
1045 |
// set the current path
|
|
|
1046 |
this.filepath = e.node.parent.origpath;
|
|
|
1047 |
this.filelist = e.node.parent.origlist;
|
|
|
1048 |
this.print_path();
|
|
|
1049 |
}
|
|
|
1050 |
this.select_file(node);
|
|
|
1051 |
} else {
|
|
|
1052 |
// save current path and filelist (in case we want to jump to other viewmode)
|
|
|
1053 |
this.filepath = e.node.origpath;
|
|
|
1054 |
this.filelist = e.node.origlist;
|
|
|
1055 |
this.currentpath = e.node.path;
|
|
|
1056 |
this.print_path();
|
|
|
1057 |
this.content_scrolled();
|
|
|
1058 |
}
|
|
|
1059 |
},
|
|
|
1060 |
classnamecallback : this.classnamecallback,
|
|
|
1061 |
dynload : this.active_repo.dynload,
|
|
|
1062 |
filepath : this.filepath,
|
|
|
1063 |
treeview_dynload : this.treeview_dynload
|
|
|
1064 |
};
|
|
|
1065 |
this.fpnode.one('.fp-content').fp_display_filelist(options, list, this.lazyloading);
|
|
|
1066 |
},
|
|
|
1067 |
/** displays list of files in icon view mode. If param appenditems is specified,
|
|
|
1068 |
* appends those items to the end of the list. Otherwise (default behaviour)
|
|
|
1069 |
* clears the contents and displays the items from this.filelist */
|
|
|
1070 |
view_as_icons: function(appenditems) {
|
|
|
1071 |
this.viewmode = 1;
|
|
|
1072 |
var list = (appenditems != null) ? appenditems : this.filelist;
|
|
|
1073 |
var element_template = Y.Node.create(M.core_filepicker.templates.iconfilename);
|
|
|
1074 |
if ((appenditems == null) && (!this.filelist || !this.filelist.length)) {
|
|
|
1075 |
this.display_error(M.util.get_string('nofilesavailable', 'repository'), 'nofilesavailable');
|
|
|
1076 |
return;
|
|
|
1077 |
}
|
|
|
1078 |
var options = {
|
|
|
1079 |
viewmode : this.viewmode,
|
|
|
1080 |
appendonly : (appenditems != null),
|
|
|
1081 |
filenode : element_template,
|
|
|
1082 |
callbackcontext : this,
|
|
|
1083 |
callback : function(e, node) {
|
|
|
1084 |
if (e.preventDefault) {
|
|
|
1085 |
e.preventDefault();
|
|
|
1086 |
}
|
|
|
1087 |
if(node.children) {
|
|
|
1088 |
if (this.active_repo.dynload) {
|
|
|
1089 |
this.list({'path':node.path});
|
|
|
1090 |
} else {
|
|
|
1091 |
this.filelist = node.children;
|
|
|
1092 |
this.view_files();
|
|
|
1093 |
}
|
|
|
1094 |
} else {
|
|
|
1095 |
this.select_file(node);
|
|
|
1096 |
}
|
|
|
1097 |
},
|
|
|
1098 |
classnamecallback : this.classnamecallback
|
|
|
1099 |
};
|
|
|
1100 |
this.fpnode.one('.fp-content').fp_display_filelist(options, list, this.lazyloading);
|
|
|
1101 |
},
|
|
|
1102 |
/** displays list of files in table view mode. If param appenditems is specified,
|
|
|
1103 |
* appends those items to the end of the list. Otherwise (default behaviour)
|
|
|
1104 |
* clears the contents and displays the items from this.filelist */
|
|
|
1105 |
view_as_table: function(appenditems) {
|
|
|
1106 |
this.viewmode = 3;
|
|
|
1107 |
var list = (appenditems != null) ? appenditems : this.filelist;
|
|
|
1108 |
if (!appenditems && (!this.filelist || this.filelist.length==0) && !this.active_repo.hasmorepages) {
|
|
|
1109 |
this.display_error(M.util.get_string('nofilesavailable', 'repository'), 'nofilesavailable');
|
|
|
1110 |
return;
|
|
|
1111 |
}
|
|
|
1112 |
var element_template = Y.Node.create(M.core_filepicker.templates.listfilename);
|
|
|
1113 |
var options = {
|
|
|
1114 |
viewmode : this.viewmode,
|
|
|
1115 |
appendonly : (appenditems != null),
|
|
|
1116 |
filenode : element_template,
|
|
|
1117 |
callbackcontext : this,
|
|
|
1118 |
sortable : !this.active_repo.hasmorepages,
|
|
|
1119 |
callback : function(e, node) {
|
|
|
1120 |
if (e.preventDefault) {e.preventDefault();}
|
|
|
1121 |
if (node.children) {
|
|
|
1122 |
if (this.active_repo.dynload) {
|
|
|
1123 |
this.list({'path':node.path});
|
|
|
1124 |
} else {
|
|
|
1125 |
this.filelist = node.children;
|
|
|
1126 |
this.view_files();
|
|
|
1127 |
}
|
|
|
1128 |
} else {
|
|
|
1129 |
this.select_file(node);
|
|
|
1130 |
}
|
|
|
1131 |
},
|
|
|
1132 |
classnamecallback : this.classnamecallback
|
|
|
1133 |
};
|
|
|
1134 |
this.fpnode.one('.fp-content').fp_display_filelist(options, list, this.lazyloading);
|
|
|
1135 |
},
|
|
|
1136 |
/** If more than one page available, requests and displays the files from the next page */
|
|
|
1137 |
request_next_page: function() {
|
|
|
1138 |
if (!this.active_repo.hasmorepages || this.active_repo.nextpagerequested) {
|
|
|
1139 |
// nothing to load
|
|
|
1140 |
return;
|
|
|
1141 |
}
|
|
|
1142 |
this.active_repo.nextpagerequested = true;
|
|
|
1143 |
var nextpage = this.active_repo.page+1;
|
|
|
1144 |
var args = {
|
|
|
1145 |
page: nextpage,
|
|
|
1146 |
repo_id: this.active_repo.id
|
|
|
1147 |
};
|
|
|
1148 |
var action = this.active_repo.issearchresult ? 'search' : 'list';
|
|
|
1149 |
this.request({
|
|
|
1150 |
path: this.currentpath,
|
|
|
1151 |
scope: this,
|
|
|
1152 |
action: action,
|
|
|
1153 |
client_id: this.options.client_id,
|
|
|
1154 |
repository_id: args.repo_id,
|
|
|
1155 |
params: args,
|
|
|
1156 |
callback: function(id, obj, args) {
|
|
|
1157 |
var scope = args.scope;
|
|
|
1158 |
// Check that we are still in the same repository and are expecting this page. We have no way
|
|
|
1159 |
// to compare the requested page and the one returned, so we assume that if the last chunk
|
|
|
1160 |
// of the breadcrumb is similar, then we probably are on the same page.
|
|
|
1161 |
var samepage = true;
|
|
|
1162 |
if (obj.path && scope.filepath) {
|
|
|
1163 |
var pathbefore = scope.filepath[scope.filepath.length-1];
|
|
|
1164 |
var pathafter = obj.path[obj.path.length-1];
|
|
|
1165 |
if (pathbefore.path != pathafter.path) {
|
|
|
1166 |
samepage = false;
|
|
|
1167 |
}
|
|
|
1168 |
}
|
|
|
1169 |
if (scope.active_repo.hasmorepages && obj.list && obj.page &&
|
|
|
1170 |
obj.repo_id == scope.active_repo.id &&
|
|
|
1171 |
obj.page == scope.active_repo.page+1 && samepage) {
|
|
|
1172 |
scope.parse_repository_options(obj, true);
|
|
|
1173 |
scope.view_files(obj.list)
|
|
|
1174 |
}
|
|
|
1175 |
}
|
|
|
1176 |
}, false);
|
|
|
1177 |
},
|
|
|
1178 |
select_file: function(args) {
|
|
|
1179 |
var argstitle = args.shorttitle ? args.shorttitle : args.title;
|
|
|
1180 |
// Limit the string length so it fits nicely on mobile devices
|
|
|
1181 |
var titlelength = 30;
|
|
|
1182 |
if (argstitle.length > titlelength) {
|
|
|
1183 |
argstitle = argstitle.substring(0, titlelength) + '...';
|
|
|
1184 |
}
|
|
|
1185 |
Y.one('#fp-file_label_'+this.options.client_id).setContent(Y.Escape.html(M.util.get_string('select', 'repository')+' '+argstitle));
|
|
|
1186 |
this.selectui.show();
|
|
|
1187 |
Y.one('#'+this.selectnode.get('id')).focus();
|
|
|
1188 |
var client_id = this.options.client_id;
|
|
|
1189 |
var selectnode = this.selectnode;
|
|
|
1190 |
var return_types = this.options.repositories[this.active_repo.id].return_types;
|
|
|
1191 |
selectnode.removeClass('loading');
|
|
|
1192 |
selectnode.one('.fp-saveas input').set('value', args.title);
|
|
|
1193 |
|
|
|
1194 |
var imgnode = Y.Node.create('<img/>').
|
|
|
1195 |
set('src', args.realthumbnail ? args.realthumbnail : args.thumbnail).
|
|
|
1196 |
setStyle('maxHeight', ''+(args.thumbnail_height ? args.thumbnail_height : 90)+'px').
|
|
|
1197 |
setStyle('maxWidth', ''+(args.thumbnail_width ? args.thumbnail_width : 90)+'px');
|
|
|
1198 |
selectnode.one('.fp-thumbnail').setContent('').appendChild(imgnode);
|
|
|
1199 |
|
|
|
1200 |
// filelink is the array of file-link-types available for this repository in this env
|
|
|
1201 |
var filelinktypes = [2/*FILE_INTERNAL*/,1/*FILE_EXTERNAL*/,4/*FILE_REFERENCE*/,8/*FILE_CONTROLLED_LINK*/];
|
|
|
1202 |
var filelink = {}, firstfilelink = null, filelinkcount = 0;
|
|
|
1203 |
for (var i in filelinktypes) {
|
|
|
1204 |
var allowed = (return_types & filelinktypes[i]) &&
|
|
|
1205 |
(this.options.return_types & filelinktypes[i]);
|
|
|
1206 |
if (filelinktypes[i] == 1/*FILE_EXTERNAL*/ && !this.options.externallink && this.options.env == 'editor') {
|
|
|
1207 |
// special configuration setting 'repositoryallowexternallinks' may prevent
|
|
|
1208 |
// using external links in editor environment
|
|
|
1209 |
allowed = false;
|
|
|
1210 |
}
|
|
|
1211 |
filelink[filelinktypes[i]] = allowed;
|
|
|
1212 |
firstfilelink = (firstfilelink==null && allowed) ? filelinktypes[i] : firstfilelink;
|
|
|
1213 |
filelinkcount += allowed ? 1 : 0;
|
|
|
1214 |
}
|
|
|
1215 |
var defaultreturntype = this.options.repositories[this.active_repo.id].defaultreturntype;
|
|
|
1216 |
if (defaultreturntype) {
|
|
|
1217 |
if (filelink[defaultreturntype]) {
|
|
|
1218 |
firstfilelink = defaultreturntype;
|
|
|
1219 |
}
|
|
|
1220 |
}
|
|
|
1221 |
// make radio buttons enabled if this file-link-type is available and only if there are more than one file-link-type option
|
|
|
1222 |
// check the first available file-link-type option
|
|
|
1223 |
for (var linktype in filelink) {
|
|
|
1224 |
var el = selectnode.one('.fp-linktype-'+linktype);
|
|
|
1225 |
el.addClassIf('uneditable', !(filelink[linktype] && filelinkcount>1));
|
|
|
1226 |
el.one('input').set('checked', (firstfilelink == linktype) ? 'checked' : '').simulate('change');
|
|
|
1227 |
}
|
|
|
1228 |
|
|
|
1229 |
// TODO MDL-32532: attributes 'hasauthor' and 'haslicense' need to be obsolete,
|
|
|
1230 |
selectnode.one('.fp-setauthor input').set('value', args.author ? args.author : this.options.author);
|
|
|
1231 |
this.populateLicensesSelect(selectnode.one('.fp-setlicense select'), args);
|
|
|
1232 |
selectnode.one('form #filesource-'+client_id).set('value', args.source);
|
|
|
1233 |
selectnode.one('form #filesourcekey-'+client_id).set('value', args.sourcekey);
|
|
|
1234 |
|
|
|
1235 |
// display static information about a file (when known)
|
|
|
1236 |
var attrs = ['datemodified','datecreated','size','license','author','dimensions'];
|
|
|
1237 |
for (var i in attrs) {
|
|
|
1238 |
if (selectnode.one('.fp-'+attrs[i])) {
|
|
|
1239 |
var value = (args[attrs[i]+'_f']) ? args[attrs[i]+'_f'] : (args[attrs[i]] ? args[attrs[i]] : '');
|
|
|
1240 |
selectnode.one('.fp-'+attrs[i]).addClassIf('fp-unknown', ''+value == '')
|
|
|
1241 |
.one('.fp-value').setContent(Y.Escape.html(value));
|
|
|
1242 |
}
|
|
|
1243 |
}
|
| 1441 |
ariadna |
1244 |
// Load popover for the filepicker content.
|
|
|
1245 |
var filepickerContent = Y.one('.file-picker.fp-select');
|
|
|
1246 |
require(['theme_boost/bootstrap/popover'], function(Popover) {
|
|
|
1247 |
var popoverTriggerList = filepickerContent.getDOMNode().querySelectorAll('[data-bs-toggle="popover"]');
|
|
|
1248 |
popoverTriggerList.forEach((popoverTriggerEl) => {
|
|
|
1249 |
new Popover(popoverTriggerEl);
|
|
|
1250 |
});
|
|
|
1251 |
});
|
| 1 |
efrain |
1252 |
},
|
|
|
1253 |
setup_select_file: function() {
|
|
|
1254 |
var client_id = this.options.client_id;
|
|
|
1255 |
var selectnode = this.selectnode;
|
|
|
1256 |
var getfile = selectnode.one('.fp-select-confirm');
|
|
|
1257 |
var filePickerHelper = this;
|
|
|
1258 |
// bind labels with corresponding inputs
|
|
|
1259 |
selectnode.all('.fp-saveas,.fp-linktype-2,.fp-linktype-1,.fp-linktype-4,fp-linktype-8,.fp-setauthor,.fp-setlicense').each(function (node) {
|
|
|
1260 |
node.all('label').set('for', node.one('input,select').generateID());
|
|
|
1261 |
});
|
|
|
1262 |
selectnode.one('.fp-linktype-2 input').setAttrs({value: 2, name: 'linktype'});
|
|
|
1263 |
selectnode.one('.fp-linktype-1 input').setAttrs({value: 1, name: 'linktype'});
|
|
|
1264 |
selectnode.one('.fp-linktype-4 input').setAttrs({value: 4, name: 'linktype'});
|
|
|
1265 |
selectnode.one('.fp-linktype-8 input').setAttrs({value: 8, name: 'linktype'});
|
|
|
1266 |
var changelinktype = function(e) {
|
|
|
1267 |
if (e.currentTarget.get('checked')) {
|
|
|
1268 |
var allowinputs = e.currentTarget.get('value') != 1/*FILE_EXTERNAL*/;
|
|
|
1269 |
selectnode.all('.fp-setauthor,.fp-setlicense,.fp-saveas').each(function(node){
|
|
|
1270 |
node.addClassIf('uneditable', !allowinputs);
|
|
|
1271 |
node.all('input,select').set('disabled', allowinputs?'':'disabled');
|
|
|
1272 |
});
|
|
|
1273 |
|
|
|
1274 |
// If the link to the file is selected, only then.
|
|
|
1275 |
// Remember: this is not to be done for all repos.
|
|
|
1276 |
// Only for those repos where the filereferencewarning is set.
|
|
|
1277 |
// The value 4 represents FILE_REFERENCE here.
|
|
|
1278 |
if (e.currentTarget.get('value') === '4') {
|
|
|
1279 |
var filereferencewarning = filePickerHelper.active_repo.filereferencewarning;
|
|
|
1280 |
if (filereferencewarning) {
|
|
|
1281 |
var fileReferenceNode = e.currentTarget.ancestor('.fp-linktype-4');
|
|
|
1282 |
var fileReferenceWarningNode = Y.Node.create('<div/>').
|
|
|
1283 |
addClass('alert alert-warning px-3 py-1 my-1 small').
|
|
|
1284 |
setAttrs({role: 'alert'}).
|
|
|
1285 |
setContent(filereferencewarning);
|
|
|
1286 |
fileReferenceNode.append(fileReferenceWarningNode);
|
|
|
1287 |
}
|
|
|
1288 |
} else {
|
|
|
1289 |
var fileReferenceInput = selectnode.one('.fp-linktype-4 input');
|
|
|
1290 |
var fileReferenceWarningNode = fileReferenceInput.ancestor('.fp-linktype-4').one('.alert-warning');
|
|
|
1291 |
if (fileReferenceWarningNode) {
|
|
|
1292 |
fileReferenceWarningNode.remove();
|
|
|
1293 |
}
|
|
|
1294 |
}
|
|
|
1295 |
}
|
|
|
1296 |
};
|
|
|
1297 |
selectnode.all('.fp-linktype-2,.fp-linktype-1,.fp-linktype-4,.fp-linktype-8').each(function (node) {
|
|
|
1298 |
node.one('input').on('change', changelinktype, this);
|
|
|
1299 |
});
|
|
|
1300 |
// register event on clicking submit button
|
|
|
1301 |
getfile.on('click', function(e) {
|
|
|
1302 |
e.preventDefault();
|
|
|
1303 |
var client_id = this.options.client_id;
|
|
|
1304 |
var scope = this;
|
|
|
1305 |
var repository_id = this.active_repo.id;
|
|
|
1306 |
var title = selectnode.one('.fp-saveas input').get('value');
|
|
|
1307 |
var filesource = selectnode.one('form #filesource-'+client_id).get('value');
|
|
|
1308 |
var filesourcekey = selectnode.one('form #filesourcekey-'+client_id).get('value');
|
| 11 |
efrain |
1309 |
var params = {
|
|
|
1310 |
'title': title,
|
|
|
1311 |
'source': filesource,
|
|
|
1312 |
'savepath': this.options.savepath || '/',
|
|
|
1313 |
'sourcekey': filesourcekey,
|
|
|
1314 |
};
|
| 1 |
efrain |
1315 |
var license = selectnode.one('.fp-setlicense select');
|
|
|
1316 |
if (license) {
|
|
|
1317 |
params['license'] = license.get('value');
|
|
|
1318 |
var origlicense = selectnode.one('.fp-license .fp-value');
|
|
|
1319 |
if (origlicense) {
|
|
|
1320 |
origlicense = origlicense.getContent();
|
|
|
1321 |
}
|
|
|
1322 |
if (this.options.rememberuserlicensepref) {
|
|
|
1323 |
this.set_preference('recentlicense', license.get('value'));
|
|
|
1324 |
}
|
|
|
1325 |
}
|
|
|
1326 |
params['author'] = selectnode.one('.fp-setauthor input').get('value');
|
|
|
1327 |
|
|
|
1328 |
var return_types = this.options.repositories[this.active_repo.id].return_types;
|
|
|
1329 |
if (this.options.env == 'editor') {
|
|
|
1330 |
// in editor, images are stored in '/' only
|
|
|
1331 |
params.savepath = '/';
|
|
|
1332 |
}
|
|
|
1333 |
if ((this.options.externallink || this.options.env != 'editor') &&
|
|
|
1334 |
(return_types & 1/*FILE_EXTERNAL*/) &&
|
|
|
1335 |
(this.options.return_types & 1/*FILE_EXTERNAL*/) &&
|
|
|
1336 |
selectnode.one('.fp-linktype-1 input').get('checked')) {
|
|
|
1337 |
params['linkexternal'] = 'yes';
|
|
|
1338 |
} else if ((return_types & 4/*FILE_REFERENCE*/) &&
|
|
|
1339 |
(this.options.return_types & 4/*FILE_REFERENCE*/) &&
|
|
|
1340 |
selectnode.one('.fp-linktype-4 input').get('checked')) {
|
|
|
1341 |
params['usefilereference'] = '1';
|
|
|
1342 |
} else if ((return_types & 8/*FILE_CONTROLLED_LINK*/) &&
|
|
|
1343 |
(this.options.return_types & 8/*FILE_CONTROLLED_LINK*/) &&
|
|
|
1344 |
selectnode.one('.fp-linktype-8 input').get('checked')) {
|
|
|
1345 |
params['usecontrolledlink'] = '1';
|
|
|
1346 |
}
|
|
|
1347 |
|
|
|
1348 |
selectnode.addClass('loading');
|
|
|
1349 |
this.request({
|
|
|
1350 |
action:'download',
|
|
|
1351 |
client_id: client_id,
|
|
|
1352 |
repository_id: repository_id,
|
|
|
1353 |
'params': params,
|
|
|
1354 |
onerror: function(id, obj, args) {
|
|
|
1355 |
selectnode.removeClass('loading');
|
|
|
1356 |
scope.selectui.hide();
|
|
|
1357 |
},
|
|
|
1358 |
callback: function(id, obj, args) {
|
|
|
1359 |
selectnode.removeClass('loading');
|
|
|
1360 |
if (obj.event == 'fileexists') {
|
|
|
1361 |
scope.process_existing_file(obj);
|
|
|
1362 |
return;
|
|
|
1363 |
}
|
|
|
1364 |
if (scope.options.editor_target && scope.options.env=='editor') {
|
|
|
1365 |
scope.options.editor_target.value=obj.url;
|
|
|
1366 |
scope.options.editor_target.dispatchEvent(new Event('change'), {'bubbles': true});
|
|
|
1367 |
}
|
|
|
1368 |
scope.hide();
|
|
|
1369 |
obj.client_id = client_id;
|
|
|
1370 |
var formcallback_scope = args.scope.options.magicscope ? args.scope.options.magicscope : args.scope;
|
|
|
1371 |
scope.options.formcallback.apply(formcallback_scope, [obj]);
|
|
|
1372 |
}
|
|
|
1373 |
}, false);
|
|
|
1374 |
}, this);
|
|
|
1375 |
var elform = selectnode.one('form');
|
|
|
1376 |
elform.appendChild(Y.Node.create('<input/>').
|
|
|
1377 |
setAttrs({type:'hidden',id:'filesource-'+client_id}));
|
|
|
1378 |
elform.appendChild(Y.Node.create('<input/>').
|
|
|
1379 |
setAttrs({type:'hidden',id:'filesourcekey-'+client_id}));
|
|
|
1380 |
elform.on('keydown', function(e) {
|
|
|
1381 |
if (e.keyCode == 13) {
|
|
|
1382 |
getfile.simulate('click');
|
|
|
1383 |
e.preventDefault();
|
|
|
1384 |
}
|
|
|
1385 |
}, this);
|
|
|
1386 |
var cancel = selectnode.one('.fp-select-cancel');
|
|
|
1387 |
cancel.on('click', function(e) {
|
|
|
1388 |
e.preventDefault();
|
|
|
1389 |
this.selectui.hide();
|
|
|
1390 |
}, this);
|
|
|
1391 |
},
|
|
|
1392 |
wait: function() {
|
|
|
1393 |
// First check there isn't already an interval in play, and if there is kill it now.
|
|
|
1394 |
if (this.waitinterval != null) {
|
|
|
1395 |
clearInterval(this.waitinterval);
|
|
|
1396 |
}
|
|
|
1397 |
// Prepare the root node we will set content for and the loading template we want to display as a YUI node.
|
|
|
1398 |
var root = this.fpnode.one('.fp-content');
|
|
|
1399 |
var content = Y.Node.create(M.core_filepicker.templates.loading).addClass('fp-content-hidden').setStyle('opacity', 0);
|
|
|
1400 |
var count = 0;
|
|
|
1401 |
// Initiate an interval, we will have a count which will increment every 100 milliseconds.
|
|
|
1402 |
// Count 0 - the loading icon will have visibility set to hidden (invisible) and have an opacity of 0 (invisible also)
|
|
|
1403 |
// Count 5 - the visiblity will be switched to visible but opacity will still be at 0 (inivisible)
|
|
|
1404 |
// Counts 6 - 15 opacity will be increased by 0.1 making the loading icon visible over the period of a second
|
|
|
1405 |
// Count 16 - The interval will be cancelled.
|
|
|
1406 |
var interval = setInterval(function(){
|
|
|
1407 |
if (!content || !root.contains(content) || count >= 15) {
|
|
|
1408 |
clearInterval(interval);
|
|
|
1409 |
return true;
|
|
|
1410 |
}
|
|
|
1411 |
if (count == 5) {
|
|
|
1412 |
content.removeClass('fp-content-hidden');
|
|
|
1413 |
} else if (count > 5) {
|
|
|
1414 |
var opacity = parseFloat(content.getStyle('opacity'));
|
|
|
1415 |
content.setStyle('opacity', opacity + 0.1);
|
|
|
1416 |
}
|
|
|
1417 |
count++;
|
|
|
1418 |
return false;
|
|
|
1419 |
}, 100);
|
|
|
1420 |
// Store the wait interval so that we can check it in the future.
|
|
|
1421 |
this.waitinterval = interval;
|
|
|
1422 |
// Set the content to the loading template.
|
|
|
1423 |
root.setContent(content);
|
|
|
1424 |
},
|
|
|
1425 |
viewbar_set_enabled: function(mode) {
|
|
|
1426 |
var viewbar = this.fpnode.one('.fp-viewbar')
|
|
|
1427 |
if (viewbar) {
|
|
|
1428 |
if (mode) {
|
|
|
1429 |
viewbar.addClass('enabled').removeClass('disabled');
|
|
|
1430 |
this.fpnode.all('.fp-vb-icons,.fp-vb-tree,.fp-vb-details').setAttribute("aria-disabled", "false");
|
|
|
1431 |
this.fpnode.all('.fp-vb-icons,.fp-vb-tree,.fp-vb-details').setAttribute("tabindex", "");
|
|
|
1432 |
} else {
|
|
|
1433 |
viewbar.removeClass('enabled').addClass('disabled');
|
|
|
1434 |
this.fpnode.all('.fp-vb-icons,.fp-vb-tree,.fp-vb-details').setAttribute("aria-disabled", "true");
|
|
|
1435 |
this.fpnode.all('.fp-vb-icons,.fp-vb-tree,.fp-vb-details').setAttribute("tabindex", "-1");
|
|
|
1436 |
}
|
|
|
1437 |
}
|
|
|
1438 |
this.fpnode.all('.fp-vb-icons,.fp-vb-tree,.fp-vb-details').removeClass('checked');
|
|
|
1439 |
var modes = {1:'icons', 2:'tree', 3:'details'};
|
|
|
1440 |
this.fpnode.all('.fp-vb-'+modes[this.viewmode]).addClass('checked');
|
|
|
1441 |
},
|
|
|
1442 |
viewbar_clicked: function(e) {
|
|
|
1443 |
e.preventDefault();
|
|
|
1444 |
var viewbar = this.fpnode.one('.fp-viewbar')
|
|
|
1445 |
if (!viewbar || !viewbar.hasClass('disabled')) {
|
|
|
1446 |
if (e.currentTarget.hasClass('fp-vb-tree')) {
|
|
|
1447 |
this.viewmode = 2;
|
|
|
1448 |
} else if (e.currentTarget.hasClass('fp-vb-details')) {
|
|
|
1449 |
this.viewmode = 3;
|
|
|
1450 |
} else {
|
|
|
1451 |
this.viewmode = 1;
|
|
|
1452 |
}
|
|
|
1453 |
this.viewbar_set_enabled(true)
|
|
|
1454 |
this.view_files();
|
|
|
1455 |
this.set_preference('recentviewmode', this.viewmode);
|
|
|
1456 |
}
|
|
|
1457 |
},
|
|
|
1458 |
render: function() {
|
|
|
1459 |
var client_id = this.options.client_id;
|
|
|
1460 |
var fpid = "filepicker-"+ client_id;
|
|
|
1461 |
var labelid = 'fp-dialog-label_'+ client_id;
|
|
|
1462 |
var width = 873;
|
|
|
1463 |
var draggable = true;
|
|
|
1464 |
this.fpnode = Y.Node.create(M.core_filepicker.templates.generallayout).
|
|
|
1465 |
set('id', 'filepicker-'+client_id).set('aria-labelledby', labelid);
|
|
|
1466 |
|
|
|
1467 |
if (this.in_iframe()) {
|
|
|
1468 |
width = Math.floor(window.innerWidth * 0.95);
|
|
|
1469 |
draggable = false;
|
|
|
1470 |
}
|
|
|
1471 |
|
|
|
1472 |
this.mainui = new M.core.dialogue({
|
|
|
1473 |
extraClasses : ['filepicker'],
|
|
|
1474 |
draggable : draggable,
|
|
|
1475 |
bodyContent : this.fpnode,
|
|
|
1476 |
headerContent: '<h3 id="'+ labelid +'">'+ M.util.get_string('filepicker', 'repository') +'</h3>',
|
|
|
1477 |
centered : true,
|
|
|
1478 |
modal : true,
|
|
|
1479 |
visible : false,
|
|
|
1480 |
width : width+'px',
|
|
|
1481 |
responsiveWidth : 768,
|
|
|
1482 |
height : '558px',
|
|
|
1483 |
zIndex : this.options.zIndex,
|
|
|
1484 |
focusOnPreviousTargetAfterHide: true,
|
|
|
1485 |
focusAfterHide: this.options.previousActiveElement
|
|
|
1486 |
});
|
|
|
1487 |
|
|
|
1488 |
// create panel for selecting a file (initially hidden)
|
|
|
1489 |
this.selectnode = Y.Node.create(M.core_filepicker.templates.selectlayout).
|
|
|
1490 |
set('id', 'filepicker-select-'+client_id).
|
|
|
1491 |
set('aria-live', 'assertive').
|
|
|
1492 |
set('role', 'dialog');
|
|
|
1493 |
|
|
|
1494 |
var fplabel = 'fp-file_label_'+ client_id;
|
|
|
1495 |
this.selectui = new M.core.dialogue({
|
|
|
1496 |
headerContent: '<h3 id="' + fplabel +'">'+M.util.get_string('select', 'repository')+'</h3>',
|
|
|
1497 |
draggable : true,
|
|
|
1498 |
width : '450px',
|
|
|
1499 |
bodyContent : this.selectnode,
|
|
|
1500 |
centered : true,
|
|
|
1501 |
modal : true,
|
|
|
1502 |
visible : false,
|
|
|
1503 |
zIndex : this.options.zIndex
|
|
|
1504 |
});
|
|
|
1505 |
Y.one('#'+this.selectnode.get('id')).setAttribute('aria-labelledby', fplabel);
|
|
|
1506 |
// event handler for lazy loading of thumbnails and next page
|
|
|
1507 |
this.fpnode.one('.fp-content').on(['scroll','resize'], this.content_scrolled, this);
|
|
|
1508 |
// save template for one path element and location of path bar
|
|
|
1509 |
if (this.fpnode.one('.fp-path-folder')) {
|
|
|
1510 |
this.pathnode = this.fpnode.one('.fp-path-folder');
|
|
|
1511 |
this.pathbar = this.pathnode.get('parentNode');
|
|
|
1512 |
this.pathbar.removeChild(this.pathnode);
|
|
|
1513 |
}
|
|
|
1514 |
// assign callbacks for view mode switch buttons
|
|
|
1515 |
this.fpnode.one('.fp-vb-icons').on('click', this.viewbar_clicked, this);
|
|
|
1516 |
this.fpnode.one('.fp-vb-tree').on('click', this.viewbar_clicked, this);
|
|
|
1517 |
this.fpnode.one('.fp-vb-details').on('click', this.viewbar_clicked, this);
|
|
|
1518 |
|
|
|
1519 |
// assign callbacks for toolbar links
|
|
|
1520 |
this.setup_toolbar();
|
|
|
1521 |
this.setup_select_file();
|
|
|
1522 |
this.hide_header();
|
|
|
1523 |
|
|
|
1524 |
// processing repository listing
|
|
|
1525 |
// Resort the repositories by sortorder
|
|
|
1526 |
var sorted_repositories = [];
|
|
|
1527 |
var i;
|
|
|
1528 |
for (i in this.options.repositories) {
|
|
|
1529 |
sorted_repositories[i] = this.options.repositories[i];
|
|
|
1530 |
}
|
|
|
1531 |
sorted_repositories.sort(function(a,b){return a.sortorder-b.sortorder});
|
|
|
1532 |
// extract one repository template and repeat it for all repositories available,
|
|
|
1533 |
// set name and icon and assign callbacks
|
|
|
1534 |
var reponode = this.fpnode.one('.fp-repo');
|
|
|
1535 |
if (reponode) {
|
|
|
1536 |
var list = reponode.get('parentNode');
|
|
|
1537 |
list.removeChild(reponode);
|
|
|
1538 |
for (i in sorted_repositories) {
|
|
|
1539 |
var repository = sorted_repositories[i];
|
|
|
1540 |
var h = (parseInt(i) == 0) ? parseInt(i) : parseInt(i) - 1,
|
|
|
1541 |
j = (parseInt(i) == Object.keys(sorted_repositories).length - 1) ? parseInt(i) : parseInt(i) + 1;
|
|
|
1542 |
var previousrepository = sorted_repositories[h];
|
|
|
1543 |
var nextrepository = sorted_repositories[j];
|
|
|
1544 |
var node = reponode.cloneNode(true);
|
|
|
1545 |
list.appendChild(node);
|
|
|
1546 |
node.
|
|
|
1547 |
set('id', 'fp-repo-'+client_id+'-'+repository.id).
|
|
|
1548 |
on('click', function(e, repository_id) {
|
|
|
1549 |
e.preventDefault();
|
|
|
1550 |
this.set_preference('recentrepository', repository_id);
|
|
|
1551 |
this.hide_header();
|
|
|
1552 |
this.list({'repo_id':repository_id});
|
|
|
1553 |
}, this /*handler running scope*/, repository.id/*second argument of handler*/);
|
|
|
1554 |
node.on('key', function(e, previousrepositoryid, nextrepositoryid, clientid, repositoryid) {
|
|
|
1555 |
this.changeHighlightedRepository(e, clientid, repositoryid, previousrepositoryid, nextrepositoryid);
|
|
|
1556 |
}, 'down:38,40', this, previousrepository.id, nextrepository.id, client_id, repository.id);
|
|
|
1557 |
node.on('key', function(e, repositoryid) {
|
|
|
1558 |
e.preventDefault();
|
|
|
1559 |
this.set_preference('recentrepository', repositoryid);
|
|
|
1560 |
this.hide_header();
|
|
|
1561 |
this.list({'repo_id': repositoryid});
|
|
|
1562 |
}, 'enter', this, repository.id);
|
|
|
1563 |
node.one('.fp-repo-name').setContent(Y.Escape.html(repository.name));
|
|
|
1564 |
node.one('.fp-repo-icon').set('src', repository.icon);
|
|
|
1565 |
if (i==0) {
|
|
|
1566 |
node.addClass('first');
|
|
|
1567 |
}
|
|
|
1568 |
if (i==sorted_repositories.length-1) {
|
|
|
1569 |
node.addClass('last');
|
|
|
1570 |
}
|
|
|
1571 |
if (i%2) {
|
|
|
1572 |
node.addClass('even');
|
|
|
1573 |
} else {
|
|
|
1574 |
node.addClass('odd');
|
|
|
1575 |
}
|
|
|
1576 |
}
|
|
|
1577 |
}
|
|
|
1578 |
// display error if no repositories found
|
|
|
1579 |
if (sorted_repositories.length==0) {
|
|
|
1580 |
this.display_error(M.util.get_string('norepositoriesavailable', 'repository'), 'norepositoriesavailable')
|
|
|
1581 |
}
|
|
|
1582 |
// display repository that was used last time
|
|
|
1583 |
this.mainui.show();
|
|
|
1584 |
this.show_recent_repository();
|
|
|
1585 |
},
|
|
|
1586 |
/**
|
|
|
1587 |
* Change the highlighted repository to a new one.
|
|
|
1588 |
*
|
|
|
1589 |
* @param {object} event The key event
|
|
|
1590 |
* @param {integer} clientid The client id to identify the repo class.
|
|
|
1591 |
* @param {integer} oldrepositoryid The repository id that we are removing the highlight for
|
|
|
1592 |
* @param {integer} previousrepositoryid The previous repository id.
|
|
|
1593 |
* @param {integer} nextrepositoryid The next repository id.
|
|
|
1594 |
*/
|
|
|
1595 |
changeHighlightedRepository: function(event, clientid, oldrepositoryid, previousrepositoryid, nextrepositoryid) {
|
|
|
1596 |
event.preventDefault();
|
|
|
1597 |
var newrepositoryid = (event.keyCode == '40') ? nextrepositoryid : previousrepositoryid;
|
|
|
1598 |
this.fpnode.one('#fp-repo-' + clientid + '-' + oldrepositoryid).setAttribute('tabindex', '-1');
|
|
|
1599 |
this.fpnode.one('#fp-repo-' + clientid + '-' + newrepositoryid)
|
|
|
1600 |
.setAttribute('tabindex', '0')
|
|
|
1601 |
.focus();
|
|
|
1602 |
},
|
|
|
1603 |
parse_repository_options: function(data, appendtolist) {
|
|
|
1604 |
if (appendtolist) {
|
|
|
1605 |
if (data.list) {
|
|
|
1606 |
if (!this.filelist) {
|
|
|
1607 |
this.filelist = [];
|
|
|
1608 |
}
|
|
|
1609 |
for (var i in data.list) {
|
|
|
1610 |
this.filelist[this.filelist.length] = data.list[i];
|
|
|
1611 |
}
|
|
|
1612 |
}
|
|
|
1613 |
} else {
|
|
|
1614 |
this.filelist = data.list?data.list:null;
|
|
|
1615 |
this.lazyloading = {};
|
|
|
1616 |
}
|
|
|
1617 |
this.filepath = data.path?data.path:null;
|
|
|
1618 |
this.objecttag = data.object?data.object:null;
|
|
|
1619 |
this.active_repo = {};
|
|
|
1620 |
this.active_repo.issearchresult = data.issearchresult ? true : false;
|
|
|
1621 |
this.active_repo.defaultreturntype = data.defaultreturntype?data.defaultreturntype:null;
|
|
|
1622 |
this.active_repo.dynload = data.dynload?data.dynload:false;
|
|
|
1623 |
this.active_repo.pages = Number(data.pages?data.pages:null);
|
|
|
1624 |
this.active_repo.page = Number(data.page?data.page:null);
|
|
|
1625 |
this.active_repo.hasmorepages = (this.active_repo.pages && this.active_repo.page && (this.active_repo.page < this.active_repo.pages || this.active_repo.pages == -1))
|
|
|
1626 |
this.active_repo.id = data.repo_id?data.repo_id:null;
|
|
|
1627 |
this.active_repo.nosearch = (data.login || data.nosearch); // this is either login form or 'nosearch' attribute set
|
|
|
1628 |
this.active_repo.norefresh = (data.login || data.norefresh); // this is either login form or 'norefresh' attribute set
|
|
|
1629 |
this.active_repo.nologin = (data.login || data.nologin); // this is either login form or 'nologin' attribute is set
|
|
|
1630 |
this.active_repo.logouttext = data.logouttext?data.logouttext:null;
|
|
|
1631 |
this.active_repo.logouturl = (data.logouturl || '');
|
|
|
1632 |
this.active_repo.message = (data.message || '');
|
|
|
1633 |
this.active_repo.help = data.help?data.help:null;
|
|
|
1634 |
this.active_repo.manage = data.manage?data.manage:null;
|
|
|
1635 |
// Warning message related to the file reference option, if applicable to the given repository.
|
|
|
1636 |
this.active_repo.filereferencewarning = data.filereferencewarning ? data.filereferencewarning : null;
|
|
|
1637 |
this.print_header();
|
|
|
1638 |
},
|
|
|
1639 |
print_login: function(data) {
|
|
|
1640 |
this.parse_repository_options(data);
|
|
|
1641 |
var client_id = this.options.client_id;
|
|
|
1642 |
var repository_id = data.repo_id;
|
|
|
1643 |
var l = this.logindata = data.login;
|
|
|
1644 |
var loginurl = '';
|
|
|
1645 |
var action = data['login_btn_action'] ? data['login_btn_action'] : 'login';
|
|
|
1646 |
var form_id = 'fp-form-'+client_id;
|
|
|
1647 |
|
|
|
1648 |
var loginform_node = Y.Node.create(M.core_filepicker.templates.loginform);
|
|
|
1649 |
loginform_node.one('form').set('id', form_id);
|
|
|
1650 |
this.fpnode.one('.fp-content').setContent('').appendChild(loginform_node);
|
|
|
1651 |
var templates = {
|
|
|
1652 |
'popup' : loginform_node.one('.fp-login-popup'),
|
|
|
1653 |
'textarea' : loginform_node.one('.fp-login-textarea'),
|
|
|
1654 |
'select' : loginform_node.one('.fp-login-select'),
|
|
|
1655 |
'text' : loginform_node.one('.fp-login-text'),
|
|
|
1656 |
'radio' : loginform_node.one('.fp-login-radiogroup'),
|
|
|
1657 |
'checkbox' : loginform_node.one('.fp-login-checkbox'),
|
|
|
1658 |
'input' : loginform_node.one('.fp-login-input')
|
|
|
1659 |
};
|
|
|
1660 |
var container;
|
|
|
1661 |
for (var i in templates) {
|
|
|
1662 |
if (templates[i]) {
|
|
|
1663 |
container = templates[i].get('parentNode');
|
|
|
1664 |
container.removeChild(templates[i]);
|
|
|
1665 |
}
|
|
|
1666 |
}
|
|
|
1667 |
|
|
|
1668 |
for(var k in l) {
|
|
|
1669 |
if (templates[l[k].type]) {
|
|
|
1670 |
var node = templates[l[k].type].cloneNode(true);
|
|
|
1671 |
} else {
|
|
|
1672 |
node = templates['input'].cloneNode(true);
|
|
|
1673 |
}
|
|
|
1674 |
if (l[k].type == 'popup') {
|
|
|
1675 |
// submit button
|
|
|
1676 |
loginurl = l[k].url;
|
|
|
1677 |
var popupbutton = node.one('button');
|
|
|
1678 |
popupbutton.on('click', function(e){
|
|
|
1679 |
M.core_filepicker.active_filepicker = this;
|
|
|
1680 |
window.open(loginurl, 'repo_auth', 'location=0,status=0,width=500,height=300,scrollbars=yes');
|
|
|
1681 |
e.preventDefault();
|
|
|
1682 |
}, this);
|
|
|
1683 |
loginform_node.one('form').on('keydown', function(e) {
|
|
|
1684 |
if (e.keyCode == 13) {
|
|
|
1685 |
popupbutton.simulate('click');
|
|
|
1686 |
e.preventDefault();
|
|
|
1687 |
}
|
|
|
1688 |
}, this);
|
|
|
1689 |
loginform_node.all('.fp-login-submit').remove();
|
|
|
1690 |
action = 'popup';
|
|
|
1691 |
} else if(l[k].type=='textarea') {
|
|
|
1692 |
// textarea element
|
|
|
1693 |
if (node.one('label')) {
|
|
|
1694 |
node.one('label').set('for', l[k].id).setContent(l[k].label);
|
|
|
1695 |
}
|
|
|
1696 |
node.one('textarea').setAttrs({id:l[k].id, name:l[k].name});
|
|
|
1697 |
} else if(l[k].type=='select') {
|
|
|
1698 |
// select element
|
|
|
1699 |
if (node.one('label')) {
|
|
|
1700 |
node.one('label').set('for', l[k].id).setContent(l[k].label);
|
|
|
1701 |
}
|
|
|
1702 |
node.one('select').setAttrs({id:l[k].id, name:l[k].name}).setContent('');
|
|
|
1703 |
for (i in l[k].options) {
|
|
|
1704 |
node.one('select').appendChild(
|
|
|
1705 |
Y.Node.create('<option/>').
|
|
|
1706 |
set('value', l[k].options[i].value).
|
|
|
1707 |
setContent(l[k].options[i].label));
|
|
|
1708 |
}
|
|
|
1709 |
} else if(l[k].type=='radio') {
|
|
|
1710 |
// radio input element
|
|
|
1711 |
node.all('label').setContent(l[k].label);
|
|
|
1712 |
var list = l[k].value.split('|');
|
|
|
1713 |
var labels = l[k].value_label.split('|');
|
|
|
1714 |
var radionode = null;
|
|
|
1715 |
for(var item in list) {
|
|
|
1716 |
if (radionode == null) {
|
|
|
1717 |
radionode = node.one('.fp-login-radio');
|
|
|
1718 |
radionode.one('input').set('checked', 'checked');
|
|
|
1719 |
} else {
|
|
|
1720 |
var x = radionode.cloneNode(true);
|
|
|
1721 |
radionode.insert(x, 'after');
|
|
|
1722 |
radionode = x;
|
|
|
1723 |
radionode.one('input').set('checked', '');
|
|
|
1724 |
}
|
|
|
1725 |
radionode.one('input').setAttrs({id:''+l[k].id+item, name:l[k].name,
|
|
|
1726 |
type:l[k].type, value:list[item]});
|
|
|
1727 |
radionode.all('label').setContent(labels[item]).set('for', ''+l[k].id+item)
|
|
|
1728 |
}
|
|
|
1729 |
if (radionode == null) {
|
|
|
1730 |
node.one('.fp-login-radio').remove();
|
|
|
1731 |
}
|
|
|
1732 |
} else {
|
|
|
1733 |
// input element
|
|
|
1734 |
if (node.one('label')) { node.one('label').set('for', l[k].id).setContent(l[k].label) }
|
|
|
1735 |
node.one('input').
|
|
|
1736 |
set('type', l[k].type).
|
|
|
1737 |
set('id', l[k].id).
|
|
|
1738 |
set('name', l[k].name).
|
|
|
1739 |
set('value', l[k].value?l[k].value:'')
|
|
|
1740 |
}
|
|
|
1741 |
container.appendChild(node);
|
|
|
1742 |
}
|
|
|
1743 |
// custom label text for submit button
|
|
|
1744 |
if (data['login_btn_label']) {
|
|
|
1745 |
loginform_node.all('.fp-login-submit').setContent(data['login_btn_label'])
|
|
|
1746 |
}
|
|
|
1747 |
// register button action for login and search
|
|
|
1748 |
if (action == 'login' || action == 'search') {
|
|
|
1749 |
loginform_node.one('.fp-login-submit').on('click', function(e){
|
|
|
1750 |
e.preventDefault();
|
|
|
1751 |
this.hide_header();
|
|
|
1752 |
this.request({
|
|
|
1753 |
'scope': this,
|
|
|
1754 |
'action':(action == 'search') ? 'search' : 'signin',
|
|
|
1755 |
'path': '',
|
|
|
1756 |
'client_id': client_id,
|
|
|
1757 |
'repository_id': repository_id,
|
|
|
1758 |
'form': {id:form_id, upload:false, useDisabled:true},
|
|
|
1759 |
'callback': this.display_response
|
|
|
1760 |
}, true);
|
|
|
1761 |
}, this);
|
|
|
1762 |
}
|
|
|
1763 |
// if 'Enter' is pressed in the form, simulate the button click
|
|
|
1764 |
if (loginform_node.one('.fp-login-submit')) {
|
|
|
1765 |
loginform_node.one('form').on('keydown', function(e) {
|
|
|
1766 |
if (e.keyCode == 13) {
|
|
|
1767 |
loginform_node.one('.fp-login-submit').simulate('click')
|
|
|
1768 |
e.preventDefault();
|
|
|
1769 |
}
|
|
|
1770 |
}, this);
|
|
|
1771 |
}
|
|
|
1772 |
},
|
|
|
1773 |
display_response: function(id, obj, args) {
|
|
|
1774 |
var scope = args.scope;
|
|
|
1775 |
// highlight the current repository in repositories list
|
|
|
1776 |
scope.fpnode.all('.fp-repo.active')
|
|
|
1777 |
.removeClass('active')
|
|
|
1778 |
.setAttribute('aria-selected', 'false')
|
|
|
1779 |
.setAttribute('tabindex', '-1');
|
|
|
1780 |
scope.fpnode.all('.nav-link')
|
|
|
1781 |
.removeClass('active')
|
|
|
1782 |
.setAttribute('aria-selected', 'false')
|
|
|
1783 |
.setAttribute('tabindex', '-1');
|
|
|
1784 |
var activenode = scope.fpnode.one('#fp-repo-' + scope.options.client_id + '-' + obj.repo_id);
|
|
|
1785 |
activenode.addClass('active')
|
|
|
1786 |
.setAttribute('aria-selected', 'true')
|
|
|
1787 |
.setAttribute('tabindex', '0');
|
|
|
1788 |
activenode.all('.nav-link').addClass('active');
|
|
|
1789 |
// add class repository_REPTYPE to the filepicker (for repository-specific styles)
|
|
|
1790 |
for (var i in scope.options.repositories) {
|
|
|
1791 |
scope.fpnode.removeClass('repository_'+scope.options.repositories[i].type)
|
|
|
1792 |
}
|
|
|
1793 |
if (obj.repo_id && scope.options.repositories[obj.repo_id]) {
|
|
|
1794 |
scope.fpnode.addClass('repository_'+scope.options.repositories[obj.repo_id].type)
|
|
|
1795 |
}
|
| 1441 |
ariadna |
1796 |
var filepickerContent = Y.one('.file-picker .fp-repo-items');
|
|
|
1797 |
filepickerContent.focus();
|
|
|
1798 |
// Load popover for the filepicker content.
|
|
|
1799 |
require(['theme_boost/bootstrap/popover'], function(Popover) {
|
|
|
1800 |
var popoverTriggerList = filepickerContent.getDOMNode().querySelectorAll('[data-bs-toggle="popover"]');
|
|
|
1801 |
popoverTriggerList.forEach((popoverTriggerEl) => {
|
|
|
1802 |
new Popover(popoverTriggerEl);
|
|
|
1803 |
});
|
|
|
1804 |
});
|
| 1 |
efrain |
1805 |
|
|
|
1806 |
// display response
|
|
|
1807 |
if (obj.login) {
|
|
|
1808 |
scope.viewbar_set_enabled(false);
|
|
|
1809 |
scope.print_login(obj);
|
|
|
1810 |
} else if (obj.upload) {
|
|
|
1811 |
scope.viewbar_set_enabled(false);
|
|
|
1812 |
scope.parse_repository_options(obj);
|
|
|
1813 |
scope.create_upload_form(obj);
|
|
|
1814 |
} else if (obj.object) {
|
|
|
1815 |
M.core_filepicker.active_filepicker = scope;
|
|
|
1816 |
scope.viewbar_set_enabled(false);
|
|
|
1817 |
scope.parse_repository_options(obj);
|
|
|
1818 |
scope.create_object_container(obj.object);
|
|
|
1819 |
} else if (obj.list) {
|
|
|
1820 |
scope.viewbar_set_enabled(true);
|
|
|
1821 |
scope.parse_repository_options(obj);
|
|
|
1822 |
scope.view_files();
|
|
|
1823 |
}
|
|
|
1824 |
},
|
|
|
1825 |
list: function(args) {
|
|
|
1826 |
if (!args) {
|
|
|
1827 |
args = {};
|
|
|
1828 |
}
|
|
|
1829 |
if (!args.repo_id) {
|
|
|
1830 |
args.repo_id = this.active_repo.id;
|
|
|
1831 |
}
|
|
|
1832 |
if (!args.path) {
|
|
|
1833 |
args.path = '';
|
|
|
1834 |
}
|
|
|
1835 |
this.currentpath = args.path;
|
|
|
1836 |
this.request({
|
|
|
1837 |
action: 'list',
|
|
|
1838 |
client_id: this.options.client_id,
|
|
|
1839 |
repository_id: args.repo_id,
|
|
|
1840 |
path: args.path,
|
|
|
1841 |
page: args.page,
|
|
|
1842 |
scope: this,
|
|
|
1843 |
callback: this.display_response
|
|
|
1844 |
}, true);
|
|
|
1845 |
},
|
|
|
1846 |
populateLicensesSelect: function(licensenode, filenode) {
|
|
|
1847 |
if (!licensenode) {
|
|
|
1848 |
return;
|
|
|
1849 |
}
|
|
|
1850 |
licensenode.setContent('');
|
|
|
1851 |
var selectedlicense = this.options.defaultlicense;
|
|
|
1852 |
if (filenode) {
|
|
|
1853 |
// File has a license already, use it.
|
|
|
1854 |
selectedlicense = filenode.license;
|
|
|
1855 |
} else if (this.options.rememberuserlicensepref && this.get_preference('recentlicense')) {
|
|
|
1856 |
// When 'Remember user licence preference' is enabled use the last license selected by the user, if any.
|
|
|
1857 |
selectedlicense = this.get_preference('recentlicense');
|
|
|
1858 |
}
|
|
|
1859 |
var licenses = this.options.licenses;
|
|
|
1860 |
for (var i in licenses) {
|
|
|
1861 |
// Include the file's current license, even if not enabled, to prevent displaying
|
|
|
1862 |
// misleading information about which license the file currently has assigned to it.
|
|
|
1863 |
if (licenses[i].enabled == true || (filenode !== undefined && licenses[i].shortname === filenode.license)) {
|
|
|
1864 |
var option = Y.Node.create('<option/>').
|
|
|
1865 |
set('selected', (licenses[i].shortname == selectedlicense)).
|
|
|
1866 |
set('value', licenses[i].shortname).
|
|
|
1867 |
setContent(Y.Escape.html(licenses[i].fullname));
|
|
|
1868 |
licensenode.appendChild(option);
|
|
|
1869 |
}
|
|
|
1870 |
}
|
|
|
1871 |
},
|
|
|
1872 |
create_object_container: function(data) {
|
|
|
1873 |
var content = this.fpnode.one('.fp-content');
|
|
|
1874 |
content.setContent('');
|
|
|
1875 |
//var str = '<object data="'+data.src+'" type="'+data.type+'" width="98%" height="98%" id="container_object" class="fp-object-container mdl-align"></object>';
|
|
|
1876 |
var container = Y.Node.create('<object/>').
|
|
|
1877 |
setAttrs({data:data.src, type:data.type, id:'container_object'}).
|
|
|
1878 |
addClass('fp-object-container');
|
|
|
1879 |
content.setContent('').appendChild(container);
|
|
|
1880 |
},
|
|
|
1881 |
create_upload_form: function(data) {
|
|
|
1882 |
var client_id = this.options.client_id;
|
|
|
1883 |
var id = data.upload.id+'_'+client_id;
|
|
|
1884 |
var content = this.fpnode.one('.fp-content');
|
|
|
1885 |
var template_name = 'uploadform_'+this.options.repositories[data.repo_id].type;
|
|
|
1886 |
var template = M.core_filepicker.templates[template_name] || M.core_filepicker.templates['uploadform'];
|
|
|
1887 |
content.setContent(template);
|
|
|
1888 |
|
|
|
1889 |
content.all('.fp-file,.fp-saveas,.fp-setauthor,.fp-setlicense').each(function (node) {
|
|
|
1890 |
node.all('label').set('for', node.one('input,select').generateID());
|
|
|
1891 |
});
|
|
|
1892 |
content.one('form').set('id', id);
|
|
|
1893 |
content.one('.fp-file input').set('name', 'repo_upload_file');
|
|
|
1894 |
if (data.upload.label && content.one('.fp-file label')) {
|
|
|
1895 |
content.one('.fp-file label').setContent(data.upload.label);
|
|
|
1896 |
}
|
|
|
1897 |
content.one('.fp-saveas input').set('name', 'title');
|
|
|
1898 |
content.one('.fp-setauthor input').setAttrs({name:'author', value:this.options.author});
|
|
|
1899 |
content.one('.fp-setlicense select').set('name', 'license');
|
|
|
1900 |
this.populateLicensesSelect(content.one('.fp-setlicense select'));
|
|
|
1901 |
// append hidden inputs to the upload form
|
|
|
1902 |
content.one('form').appendChild(Y.Node.create('<input/>').
|
|
|
1903 |
setAttrs({type:'hidden',name:'itemid',value:this.options.itemid}));
|
|
|
1904 |
var types = this.options.accepted_types;
|
|
|
1905 |
for (var i in types) {
|
|
|
1906 |
content.one('form').appendChild(Y.Node.create('<input/>').
|
|
|
1907 |
setAttrs({type:'hidden',name:'accepted_types[]',value:types[i]}));
|
|
|
1908 |
}
|
|
|
1909 |
|
|
|
1910 |
var scope = this;
|
|
|
1911 |
content.one('.fp-upload-btn').on('click', function(e) {
|
|
|
1912 |
e.preventDefault();
|
|
|
1913 |
var license = content.one('.fp-setlicense select');
|
|
|
1914 |
|
|
|
1915 |
if (this.options.rememberuserlicensepref) {
|
|
|
1916 |
this.set_preference('recentlicense', license.get('value'));
|
|
|
1917 |
}
|
|
|
1918 |
if (!content.one('.fp-file input').get('value')) {
|
|
|
1919 |
scope.print_msg(M.util.get_string('nofilesattached', 'repository'), 'error');
|
|
|
1920 |
return false;
|
|
|
1921 |
}
|
|
|
1922 |
this.hide_header();
|
|
|
1923 |
scope.request({
|
|
|
1924 |
scope: scope,
|
|
|
1925 |
action:'upload',
|
|
|
1926 |
client_id: client_id,
|
| 11 |
efrain |
1927 |
params: {'savepath': scope.options.savepath || '/'},
|
| 1 |
efrain |
1928 |
repository_id: scope.active_repo.id,
|
|
|
1929 |
form: {id: id, upload:true},
|
|
|
1930 |
onerror: function(id, o, args) {
|
|
|
1931 |
scope.create_upload_form(data);
|
|
|
1932 |
},
|
|
|
1933 |
callback: function(id, o, args) {
|
|
|
1934 |
if (o.event == 'fileexists') {
|
|
|
1935 |
scope.create_upload_form(data);
|
|
|
1936 |
scope.process_existing_file(o);
|
|
|
1937 |
return;
|
|
|
1938 |
}
|
|
|
1939 |
if (scope.options.editor_target&&scope.options.env=='editor') {
|
|
|
1940 |
scope.options.editor_target.value=o.url;
|
|
|
1941 |
scope.options.editor_target.dispatchEvent(new Event('change'), {'bubbles': true});
|
|
|
1942 |
}
|
|
|
1943 |
scope.hide();
|
|
|
1944 |
o.client_id = client_id;
|
|
|
1945 |
var formcallback_scope = args.scope.options.magicscope ? args.scope.options.magicscope : args.scope;
|
|
|
1946 |
scope.options.formcallback.apply(formcallback_scope, [o]);
|
|
|
1947 |
}
|
|
|
1948 |
}, true);
|
|
|
1949 |
}, this);
|
|
|
1950 |
},
|
|
|
1951 |
/** setting handlers and labels for elements in toolbar. Called once during the initial render of filepicker */
|
|
|
1952 |
setup_toolbar: function() {
|
|
|
1953 |
var client_id = this.options.client_id;
|
|
|
1954 |
var toolbar = this.fpnode.one('.fp-toolbar');
|
|
|
1955 |
toolbar.one('.fp-tb-logout').one('a,button').on('click', function(e) {
|
|
|
1956 |
e.preventDefault();
|
|
|
1957 |
if (!this.active_repo.nologin) {
|
|
|
1958 |
this.hide_header();
|
|
|
1959 |
this.request({
|
|
|
1960 |
action:'logout',
|
|
|
1961 |
client_id: this.options.client_id,
|
|
|
1962 |
repository_id: this.active_repo.id,
|
|
|
1963 |
path:'',
|
|
|
1964 |
callback: this.display_response
|
|
|
1965 |
}, true);
|
|
|
1966 |
}
|
|
|
1967 |
if (this.active_repo.logouturl) {
|
|
|
1968 |
window.open(this.active_repo.logouturl, 'repo_auth', 'location=0,status=0,width=500,height=300,scrollbars=yes');
|
|
|
1969 |
}
|
|
|
1970 |
}, this);
|
|
|
1971 |
toolbar.one('.fp-tb-refresh').one('a,button').on('click', function(e) {
|
|
|
1972 |
e.preventDefault();
|
|
|
1973 |
if (!this.active_repo.norefresh) {
|
|
|
1974 |
this.list({ path: this.currentpath });
|
|
|
1975 |
}
|
|
|
1976 |
}, this);
|
|
|
1977 |
toolbar.one('.fp-tb-search form').
|
|
|
1978 |
set('method', 'POST').
|
|
|
1979 |
set('id', 'fp-tb-search-'+client_id).
|
|
|
1980 |
on('submit', function(e) {
|
|
|
1981 |
e.preventDefault();
|
|
|
1982 |
if (!this.active_repo.nosearch) {
|
|
|
1983 |
this.request({
|
|
|
1984 |
scope: this,
|
|
|
1985 |
action:'search',
|
|
|
1986 |
client_id: this.options.client_id,
|
|
|
1987 |
repository_id: this.active_repo.id,
|
|
|
1988 |
form: {id: 'fp-tb-search-'+client_id, upload:false, useDisabled:true},
|
|
|
1989 |
callback: this.display_response
|
|
|
1990 |
}, true);
|
|
|
1991 |
}
|
|
|
1992 |
}, this);
|
|
|
1993 |
|
|
|
1994 |
// it does not matter what kind of element is .fp-tb-manage, we create a dummy <a>
|
|
|
1995 |
// element and use it to open url on click event
|
|
|
1996 |
var managelnk = Y.Node.create('<a/>').
|
|
|
1997 |
setAttrs({id:'fp-tb-manage-'+client_id+'-link', target:'_blank'}).
|
|
|
1998 |
setStyle('display', 'none');
|
|
|
1999 |
toolbar.append(managelnk);
|
|
|
2000 |
toolbar.one('.fp-tb-manage').one('a,button').
|
|
|
2001 |
on('click', function(e) {
|
|
|
2002 |
e.preventDefault();
|
|
|
2003 |
managelnk.simulate('click')
|
|
|
2004 |
});
|
|
|
2005 |
|
|
|
2006 |
// same with .fp-tb-help
|
|
|
2007 |
var helplnk = Y.Node.create('<a/>').
|
|
|
2008 |
setAttrs({id:'fp-tb-help-'+client_id+'-link', target:'_blank'}).
|
|
|
2009 |
setStyle('display', 'none');
|
|
|
2010 |
toolbar.append(helplnk);
|
|
|
2011 |
toolbar.one('.fp-tb-help').one('a,button').
|
|
|
2012 |
on('click', function(e) {
|
|
|
2013 |
e.preventDefault();
|
|
|
2014 |
helplnk.simulate('click')
|
|
|
2015 |
});
|
|
|
2016 |
},
|
|
|
2017 |
hide_header: function() {
|
|
|
2018 |
if (this.fpnode.one('.fp-toolbar')) {
|
|
|
2019 |
this.fpnode.one('.fp-toolbar').addClass('empty');
|
|
|
2020 |
}
|
|
|
2021 |
if (this.pathbar) {
|
|
|
2022 |
this.pathbar.setContent('').addClass('empty');
|
|
|
2023 |
}
|
|
|
2024 |
},
|
|
|
2025 |
print_header: function() {
|
|
|
2026 |
var r = this.active_repo;
|
|
|
2027 |
var scope = this;
|
|
|
2028 |
var client_id = this.options.client_id;
|
|
|
2029 |
this.hide_header();
|
|
|
2030 |
this.print_path();
|
|
|
2031 |
var toolbar = this.fpnode.one('.fp-toolbar');
|
|
|
2032 |
if (!toolbar) { return; }
|
|
|
2033 |
|
|
|
2034 |
var enable_tb_control = function(node, enabled) {
|
|
|
2035 |
if (!node) { return; }
|
|
|
2036 |
node.addClassIf('disabled', !enabled).addClassIf('enabled', enabled)
|
|
|
2037 |
if (enabled) {
|
|
|
2038 |
toolbar.removeClass('empty');
|
|
|
2039 |
}
|
|
|
2040 |
}
|
|
|
2041 |
|
|
|
2042 |
// TODO 'back' permanently disabled for now. Note, flickr_public uses 'Logout' for it!
|
|
|
2043 |
enable_tb_control(toolbar.one('.fp-tb-back'), false);
|
|
|
2044 |
|
|
|
2045 |
// search form
|
|
|
2046 |
enable_tb_control(toolbar.one('.fp-tb-search'), !r.nosearch);
|
|
|
2047 |
if(!r.nosearch) {
|
|
|
2048 |
var searchform = toolbar.one('.fp-tb-search form');
|
|
|
2049 |
searchform.setContent('');
|
|
|
2050 |
this.request({
|
|
|
2051 |
scope: this,
|
|
|
2052 |
action:'searchform',
|
|
|
2053 |
repository_id: this.active_repo.id,
|
|
|
2054 |
callback: function(id, obj, args) {
|
|
|
2055 |
if (obj.repo_id == scope.active_repo.id && obj.form) {
|
|
|
2056 |
// if we did not jump to another repository meanwhile
|
|
|
2057 |
searchform.setContent(obj.form);
|
|
|
2058 |
// Highlight search text when user click for search.
|
|
|
2059 |
var searchnode = searchform.one('input[name="s"]');
|
|
|
2060 |
if (searchnode) {
|
|
|
2061 |
searchnode.once('click', function(e) {
|
|
|
2062 |
e.preventDefault();
|
|
|
2063 |
this.select();
|
|
|
2064 |
});
|
|
|
2065 |
}
|
|
|
2066 |
}
|
|
|
2067 |
}
|
|
|
2068 |
}, false);
|
|
|
2069 |
}
|
|
|
2070 |
|
|
|
2071 |
// refresh button
|
|
|
2072 |
// weather we use cache for this instance, this button will reload listing anyway
|
|
|
2073 |
enable_tb_control(toolbar.one('.fp-tb-refresh'), !r.norefresh);
|
|
|
2074 |
|
|
|
2075 |
// login button
|
|
|
2076 |
enable_tb_control(toolbar.one('.fp-tb-logout'), !r.nologin);
|
|
|
2077 |
|
|
|
2078 |
// manage url
|
|
|
2079 |
enable_tb_control(toolbar.one('.fp-tb-manage'), r.manage);
|
|
|
2080 |
Y.one('#fp-tb-manage-'+client_id+'-link').set('href', r.manage);
|
|
|
2081 |
|
|
|
2082 |
// help url
|
|
|
2083 |
enable_tb_control(toolbar.one('.fp-tb-help'), r.help);
|
|
|
2084 |
Y.one('#fp-tb-help-'+client_id+'-link').set('href', r.help);
|
|
|
2085 |
|
|
|
2086 |
// message
|
|
|
2087 |
enable_tb_control(toolbar.one('.fp-tb-message'), r.message);
|
|
|
2088 |
toolbar.one('.fp-tb-message').setContent(r.message);
|
|
|
2089 |
},
|
|
|
2090 |
print_path: function() {
|
|
|
2091 |
if (!this.pathbar) {
|
|
|
2092 |
return;
|
|
|
2093 |
}
|
|
|
2094 |
this.pathbar.setContent('').addClass('empty');
|
|
|
2095 |
var p = this.filepath;
|
|
|
2096 |
if (p && p.length!=0 && this.viewmode != 2) {
|
|
|
2097 |
for(var i = 0; i < p.length; i++) {
|
|
|
2098 |
var el = this.pathnode.cloneNode(true);
|
|
|
2099 |
this.pathbar.appendChild(el);
|
|
|
2100 |
if (i == 0) {
|
|
|
2101 |
el.addClass('first');
|
|
|
2102 |
}
|
|
|
2103 |
if (i == p.length-1) {
|
|
|
2104 |
el.addClass('last');
|
|
|
2105 |
}
|
|
|
2106 |
if (i%2) {
|
|
|
2107 |
el.addClass('even');
|
|
|
2108 |
} else {
|
|
|
2109 |
el.addClass('odd');
|
|
|
2110 |
}
|
|
|
2111 |
el.all('.fp-path-folder-name').setContent(Y.Escape.html(p[i].name));
|
|
|
2112 |
el.on('click',
|
|
|
2113 |
function(e, path) {
|
|
|
2114 |
e.preventDefault();
|
|
|
2115 |
this.list({'path':path});
|
|
|
2116 |
},
|
|
|
2117 |
this, p[i].path);
|
|
|
2118 |
}
|
|
|
2119 |
this.pathbar.removeClass('empty');
|
|
|
2120 |
}
|
|
|
2121 |
},
|
|
|
2122 |
hide: function() {
|
|
|
2123 |
this.selectui.hide();
|
|
|
2124 |
if (this.process_dlg) {
|
|
|
2125 |
this.process_dlg.hide();
|
|
|
2126 |
}
|
|
|
2127 |
if (this.msg_dlg) {
|
|
|
2128 |
this.msg_dlg.hide();
|
|
|
2129 |
}
|
|
|
2130 |
this.mainui.hide();
|
|
|
2131 |
},
|
|
|
2132 |
show: function() {
|
|
|
2133 |
if (this.fpnode) {
|
|
|
2134 |
this.hide();
|
|
|
2135 |
this.mainui.show();
|
|
|
2136 |
this.show_recent_repository();
|
|
|
2137 |
} else {
|
|
|
2138 |
this.launch();
|
|
|
2139 |
}
|
|
|
2140 |
},
|
|
|
2141 |
launch: function() {
|
|
|
2142 |
this.render();
|
|
|
2143 |
},
|
|
|
2144 |
show_recent_repository: function() {
|
|
|
2145 |
this.hide_header();
|
|
|
2146 |
this.viewbar_set_enabled(false);
|
|
|
2147 |
var repository_id = this.get_preference('recentrepository');
|
|
|
2148 |
this.viewmode = this.get_preference('recentviewmode');
|
|
|
2149 |
if (this.viewmode != 2 && this.viewmode != 3) {
|
|
|
2150 |
this.viewmode = 1;
|
|
|
2151 |
}
|
|
|
2152 |
if (this.options.repositories[repository_id]) {
|
|
|
2153 |
this.list({'repo_id':repository_id});
|
|
|
2154 |
}
|
|
|
2155 |
},
|
|
|
2156 |
get_preference: function (name) {
|
|
|
2157 |
if (this.options.userprefs[name]) {
|
|
|
2158 |
return this.options.userprefs[name];
|
|
|
2159 |
} else {
|
|
|
2160 |
return false;
|
|
|
2161 |
}
|
|
|
2162 |
},
|
|
|
2163 |
set_preference: function(name, value) {
|
|
|
2164 |
if (this.options.userprefs[name] != value) {
|
|
|
2165 |
require(['core_user/repository'], function(UserRepository) {
|
|
|
2166 |
UserRepository.setUserPreference('filepicker_' + name, value);
|
|
|
2167 |
this.options.userprefs[name] = value;
|
|
|
2168 |
}.bind(this));
|
|
|
2169 |
}
|
|
|
2170 |
},
|
|
|
2171 |
in_iframe: function () {
|
|
|
2172 |
// If we're not the top window then we're in an iFrame
|
|
|
2173 |
return window.self !== window.top;
|
|
|
2174 |
}
|
|
|
2175 |
});
|
|
|
2176 |
var loading = Y.one('#filepicker-loading-'+options.client_id);
|
|
|
2177 |
if (loading) {
|
|
|
2178 |
loading.setStyle('display', 'none');
|
|
|
2179 |
}
|
|
|
2180 |
M.core_filepicker.instances[options.client_id] = new FilePickerHelper(options);
|
|
|
2181 |
};
|