"MDL-13766, fixed download dir"
[moodle.git] / comment / comment.js
CommitLineData
adacb0fe
DC
1// This file is part of Moodle - http://moodle.org/
2//
3// Moodle is free software: you can redistribute it and/or modify
4// it under the terms of the GNU General Public License as published by
5// the Free Software Foundation, either version 3 of the License, or
6// (at your option) any later version.
7//
8// Moodle is distributed in the hope that it will be useful,
9// but WITHOUT ANY WARRANTY; without even the implied warranty of
10// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11// GNU General Public License for more details.
12//
13// You should have received a copy of the GNU General Public License
14// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
15
1bcb7eb5 16/**
adacb0fe
DC
17 * Comment Helper
18 * @author Dongsheng Cai <dongsheng@moodle.com>
1bcb7eb5 19 */
ef502357
PS
20M.core_comment = {
21 /**
22 * Initialize commenting system
23 */
3b01539c 24 init: function(Y, options) {
ef502357
PS
25 var CommentHelper = function(args) {
26 CommentHelper.superclass.constructor.apply(this, arguments);
27 }
28 CommentHelper.NAME = "COMMENT";
29 CommentHelper.ATTRS = {
30 options: {},
31 lang: {}
32 };
33 Y.extend(CommentHelper, Y.Base, {
34 api: M.cfg.wwwroot+'/comment/comment_ajax.php',
35 initializer: function(args) {
36 var scope = this;
37 this.client_id = args.client_id;
38 this.itemid = args.itemid;
39 this.commentarea = args.commentarea;
40 this.courseid = args.courseid;
41 this.contextid = args.contextid;
76951100
DC
42 this.env = args.env;
43 // expand comments?
ef502357
PS
44 if (args.autostart) {
45 this.view(args.page);
46 }
76951100 47 // hide toggle link
ef502357
PS
48 if (args.notoggle) {
49 Y.one('#comment-link-'+this.client_id).setStyle('display', 'none');
50 }
51 // load comments
52 Y.one('#comment-link-'+this.client_id).on('click', function(e) {
53 e.preventDefault();
54 this.view(0);
55 return false;
56 }, this);
4b201bc6 57 CommentHelper.confirmoverlay = new Y.Overlay({
7deb5107 58bodyContent: '<div class="comment-delete-confirm"><a href="#" id="confirmdelete-'+this.client_id+'">'+M.str.moodle.yes+'</a> <a href="#" id="canceldelete-'+this.client_id+'">'+M.str.moodle.no+'</a></div>',
4b201bc6
DC
59 visible: false
60 });
61 CommentHelper.confirmoverlay.render(document.body);
ef502357
PS
62 },
63 post: function() {
64 var ta = Y.one('#dlg-content-'+this.client_id);
65 var scope = this;
66 var value = ta.get('value');
2b728cb5 67 if (value && value != M.str.moodle.addcomment) {
ef502357
PS
68 var params = {'content': value};
69 this.request({
70 action: 'add',
71 scope: scope,
72 params: params,
73 callback: function(id, obj, args) {
74 var scope = args.scope;
75 var cid = scope.client_id;
76 var ta = Y.one('#dlg-content-'+cid);
77 ta.set('value', '');
78 var container = Y.one('#comment-list-'+cid);
79 var result = scope.render([obj], true);
80 var newcomment = Y.Node.create(result.html);
81 container.appendChild(newcomment);
82 var ids = result.ids;
83 var linktext = Y.one('#comment-link-text-'+cid);
2b728cb5 84 linktext.set('innerHTML', M.str.moodle.comments + ' ('+obj.count+')');
ef502357
PS
85 for(var i in ids) {
86 var attributes = {
87 color: { to: '#06e' },
88 backgroundColor: { to: '#FFE390' }
89 };
90 var anim = new YAHOO.util.ColorAnim(ids[i], attributes);
91 anim.animate();
92 }
76951100
DC
93 scope.register_pagination();
94 scope.register_delete_buttons();
adacb0fe 95 }
ef502357
PS
96 }, true);
97 } else {
98 var attributes = {
99 backgroundColor: { from: '#FFE390', to:'#FFFFFF' }
100 };
101 var anim = new YAHOO.util.ColorAnim('dlg-content-'+cid, attributes);
102 anim.animate();
103 }
104 },
105 request: function(args, noloading) {
106 var params = {};
107 var scope = this;
108 if (args['scope']) {
109 scope = args['scope'];
110 }
111 //params['page'] = args.page?args.page:'';
112 params['env'] = '';
113 // the form element only accept certain file types
114 params['sesskey'] = M.cfg.sesskey;
115 params['action'] = args.action?args.action:'';
116 params['client_id'] = this.client_id;
117 params['itemid'] = this.itemid;
118 params['area'] = this.commentarea;
119 params['courseid'] = this.courseid;
120 params['contextid'] = this.contextid;
121 if (args['params']) {
122 for (i in args['params']) {
123 params[i] = args['params'][i];
adacb0fe 124 }
adacb0fe 125 }
ef502357
PS
126 var cfg = {
127 method: 'POST',
128 on: {
129 complete: function(id,o,p) {
130 if (!o) {
131 alert('IO FATAL');
4b201bc6 132 return false;
ef502357 133 }
384ab39a 134 var data = Y.JSON.parse(o.responseText);
ef502357
PS
135 if (data.error) {
136 alert(data.error);
137 return false;
138 } else {
139 args.callback(id,data,p);
140 return true;
141 }
7e7d2e64 142 }
ef502357
PS
143 },
144 arguments: {
145 scope: scope
146 },
147 headers: {
148 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
149 'User-Agent': 'MoodleComment/3.0'
150 },
151 data: build_querystring(params)
152 };
153 if (args.form) {
154 cfg.form = args.form;
adacb0fe 155 }
ef502357
PS
156 Y.io(this.api, cfg);
157 if (!noloading) {
158 this.wait();
159 }
160 },
161 render: function(list, newcmt) {
162 var ret = {};
163 ret.ids = [];
164 var template = Y.one('#cmt-tmpl');
165 var html = '';
166 for(var i in list) {
167 var htmlid = 'comment-'+list[i].id+'-'+this.client_id;
168 var val = template.get('innerHTML');
169 val = val.replace('___name___', list[i].username);
170 if (list[i]['delete']||newcmt) {
1150c1bd 171 list[i].content = '<div class="comment-delete"><a href="#" id ="comment-delete-'+this.client_id+'-'+list[i].id+'" title="'+M.str.moodle.deletecomment+'"><img src="'+M.util.image_url('t/delete', 'core')+'" /></a></div>' + list[i].content;
adacb0fe 172 }
ef502357
PS
173 val = val.replace('___time___', list[i].time);
174 val = val.replace('___picture___', list[i].avatar);
175 val = val.replace('___content___', list[i].content);
176 val = '<li id="'+htmlid+'">'+val+'</li>';
177 ret.ids.push(htmlid);
178 html = (val+html);
adacb0fe 179 }
ef502357
PS
180 ret.html = html;
181 return ret;
182 },
183 load: function(page) {
184 var scope = this;
185 var container = Y.one('#comment-ctrl-'+this.client_id);
186 var params = {
4b201bc6 187 'page': page
1bcb7eb5 188 }
ef502357
PS
189 this.request({
190 scope: scope,
191 params: params,
192 callback: function(id, ret, args) {
193 var linktext = Y.one('#comment-link-text-'+scope.client_id);
2b728cb5 194 linktext.set('innerHTML', M.str.moodle.comments + ' ('+ret.count+')');
ef502357
PS
195 var container = Y.one('#comment-list-'+scope.client_id);
196 var pagination = Y.one('#comment-pagination-'+scope.client_id);
197 if (ret.pagination) {
198 pagination.set('innerHTML', ret.pagination);
199 } else {
200 //empty paging bar
201 pagination.set('innerHTML', '');
adacb0fe 202 }
ef502357
PS
203 var result = scope.render(ret.list);
204 container.set('innerHTML', result.html);
205 args.scope.register_pagination();
206 args.scope.register_delete_buttons();
207 }
208 });
209 },
4c508047 210
bdf69389 211 dodelete: function(id) { // note: delete is a reserved word in javascript, chrome and safary do not like it at all here!
ef502357
PS
212 var scope = this;
213 var params = {'commentid': id};
4b201bc6 214 scope.cancel_delete();
7deb5107 215 function remove_dom(type, anim, cmt) {
ef502357 216 cmt.remove();
adacb0fe 217 }
ef502357
PS
218 this.request({
219 action: 'delete',
220 scope: scope,
221 params: params,
222 callback: function(id, resp, args) {
223 var htmlid= 'comment-'+resp.commentid+'-'+resp.client_id;
224 var attributes = {
225 width:{to:0},
226 height:{to:0}
227 };
228 var cmt = Y.one('#'+htmlid);
229 cmt.setStyle('overflow', 'hidden');
230 var anim = new YAHOO.util.Anim(htmlid, attributes, 1, YAHOO.util.Easing.easeOut);
231 anim.onComplete.subscribe(remove_dom, cmt, this);
232 anim.animate();
233 }
234 }, true);
235 },
236 register_actions: function() {
237 // add new comment
238 Y.one('#comment-action-post-'+this.client_id).on('click', function(e) {
239 e.preventDefault();
240 this.post();
241 return false;
242 }, this);
243 // cancel comment box
244 var cancel = Y.one('#comment-action-cancel-'+this.client_id);
245 if (cancel) {
246 cancel.on('click', function(e) {
247 e.preventDefault();
248 this.view(0);
249 return false;
250 }, this);
adacb0fe 251 }
ef502357
PS
252 },
253 register_delete_buttons: function() {
254 var scope = this;
255 // page buttons
b45fde05 256 Y.all('div.comment-delete a').each(
ef502357 257 function(node, id) {
2057b5ef 258 var theid = node.get('id');
4b201bc6
DC
259 var parseid = new RegExp("comment-delete-"+scope.client_id+"-(\\d+)", "i");
260 var commentid = theid.match(parseid);
261 if (commentid[1]) {
2057b5ef
DC
262 Y.Event.purgeElement('#'+theid, false, 'click');
263 }
ef502357 264 node.on('click', function(e, node) {
63eee7b4 265 e.preventDefault();
4b201bc6
DC
266 var width = CommentHelper.confirmoverlay.bodyNode.getStyle('width');
267 var re = new RegExp("(\\d+).*", "i");
268 var result = width.match(re);
ef502357 269 if (result[1]) {
4b201bc6
DC
270 width = Number(result[1]);
271 } else {
272 width = 0;
ef502357 273 }
63eee7b4
DC
274 //CommentHelper.confirmoverlay.set('xy', [e.pageX-(width/2), e.pageY]);
275 CommentHelper.confirmoverlay.set('xy', [e.pageX-width-5, e.pageY]);
4b201bc6 276 CommentHelper.confirmoverlay.set('visible', true);
1150c1bd
DC
277 Y.one('#canceldelete-'+scope.client_id).on('click', function(e) {
278 e.preventDefault();
4b201bc6
DC
279 scope.cancel_delete();
280 });
281 Y.Event.purgeElement('#confirmdelete-'+scope.client_id, false, 'click');
1150c1bd
DC
282 Y.one('#confirmdelete-'+scope.client_id).on('click', function(e) {
283 e.preventDefault();
4b201bc6
DC
284 if (commentid[1]) {
285 scope.dodelete(commentid[1]);
286 }
287 });
ef502357
PS
288 }, scope, node);
289 }
290 );
291 },
4b201bc6
DC
292 cancel_delete: function() {
293 CommentHelper.confirmoverlay.set('visible', false);
4b201bc6 294 },
ef502357
PS
295 register_pagination: function() {
296 var scope = this;
297 // page buttons
3e34183a 298 Y.all('#comment-pagination-'+this.client_id+' a').each(
ef502357
PS
299 function(node, id) {
300 node.on('click', function(e, node) {
1150c1bd 301 e.preventDefault();
ef502357
PS
302 var id = node.get('id');
303 var re = new RegExp("comment-page-"+this.client_id+"-(\\d+)", "i");
304 var result = id.match(re);
305 this.load(result[1]);
306 }, scope, node);
307 }
308 );
309 },
310 view: function(page) {
311 var container = Y.one('#comment-ctrl-'+this.client_id);
312 var ta = Y.one('#dlg-content-'+this.client_id);
313 var img = Y.one('#comment-img-'+this.client_id);
314 var d = container.getStyle('display');
315 if (d=='none'||d=='') {
316 // show
76951100
DC
317 if (this.env != 'block_comments') {
318 this.load(page);
319 } else {
320 this.register_delete_buttons();
321 this.register_pagination();
322 }
ef502357 323 container.setStyle('display', 'block');
bca09754 324 img.src=M.util.image_url('t/expanded', 'core');
ef502357
PS
325 } else {
326 // hide
327 container.setStyle('display', 'none');
bca09754 328 img.src=M.util.image_url('t/collapsed', 'core');
ef502357 329 ta.set('value','');
adacb0fe 330 }
ef502357
PS
331 //toggle_textarea.apply(ta, [false]);
332 //// reset textarea size
333 ta.on('click', function() {
334 this.toggle_textarea(true);
335 }, this)
336 //ta.onkeypress = function() {
337 //if (this.scrollHeight > this.clientHeight && !window.opera)
338 //this.rows += 1;
339 //}
340 ta.on('blur', function() {
341 this.toggle_textarea(false);
342 }, this);
343 this.register_actions();
344 return false;
345 },
346 toggle_textarea: function(focus) {
347 var t = Y.one('#dlg-content-'+this.client_id);
348 if (focus) {
2b728cb5 349 if (t.get('value') == M.str.moodle.addcomment) {
ef502357
PS
350 t.set('value', '');
351 t.setStyle('color', 'black');
352 }
353 }else{
354 if (t.get('value') == '') {
2b728cb5 355 t.set('value', M.str.moodle.addcomment);
ef502357 356 t.setStyle('color','grey');
76951100 357 t.set('rows', 2);
ef502357 358 }
adacb0fe 359 }
ef502357
PS
360 },
361 wait: function() {
362 var container = Y.one('#comment-list-'+this.client_id);
5aaa76ea 363 container.set('innerHTML', '<div class="mdl-align"><img src="'+M.util.image_url('i/loading', 'core')+'" /></div>');
adacb0fe 364 }
ef502357
PS
365 });
366
367 new CommentHelper(options);
34e20eb4
DC
368 },
369 init_admin: function(Y) {
370 var select_all = Y.one('#comment_select_all');
1150c1bd 371 select_all.on('click', function(e) {
34e20eb4
DC
372 var comments = document.getElementsByName('comments');
373 var checked = false;
374 for (var i in comments) {
375 if (comments[i].checked) {
376 checked=true;
377 }
378 }
4b201bc6 379 for (i in comments) {
34e20eb4
DC
380 comments[i].checked = !checked;
381 }
382 this.set('checked', !checked);
383 });
384
385 var comments_delete = Y.one('#comments_delete');
386 if (comments_delete) {
387 comments_delete.on('click', function(e) {
388 e.preventDefault();
389 var list = '';
390 var comments = document.getElementsByName('comments');
391 for (var i in comments) {
392 if (typeof comments[i] == 'object' && comments[i].checked) {
393 list += (comments[i].value + '-');
394 }
395 }
396 if (!list) {
397 return;
398 }
399 var args = {};
400 args.message = M.str.admin.confirmdeletecomments;
401 args.callback = function() {
402 var url = M.cfg.wwwroot + '/comment/index.php';
403
404 var data = {
405 'commentids': list,
406 'sesskey': M.cfg.sesskey,
407 'action': 'delete'
408 }
409 var cfg = {
410 method: 'POST',
411 on: {
412 complete: function(id,o,p) {
413 if (!o) {
414 alert('IO FATAL');
415 return;
416 }
417 if (o.responseText == 'yes') {
418 location.reload();
419 }
420 }
421 },
422 arguments: {
423 scope: this
424 },
425 headers: {
426 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
427 'User-Agent': 'MoodleComment/3.0'
428 },
429 data: build_querystring(data)
430 };
431 Y.io(url, cfg);
432 }
433 M.util.show_confirm_dialog(e, args);
434 });
435 }
ef502357
PS
436 }
437};