You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.8 KiB
94 lines
3.8 KiB
2 years ago
|
// This file is part of Moodle - http://moodle.org/
|
||
|
|
//
|
||
|
|
// Moodle is free software: you can redistribute it and/or modify
|
||
|
|
// it under the terms of the GNU General Public License as published by
|
||
|
|
// the Free Software Foundation, either version 3 of the License, or
|
||
|
|
// (at your option) any later version.
|
||
|
|
//
|
||
|
|
// Moodle is distributed in the hope that it will be useful,
|
||
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
// GNU General Public License for more details.
|
||
|
|
//
|
||
|
|
// You should have received a copy of the GNU General Public License
|
||
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Form listing Javascript.
|
||
|
|
*
|
||
|
|
* It mainly handles loading the main content div when cliking on a tab/row.
|
||
|
|
* @copyright 2012 Jerome Mouneyrac
|
||
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
||
|
|
*/
|
||
|
|
|
||
|
|
M.form_listing = {};
|
||
|
|
M.form_listing.Y = null;
|
||
|
|
M.form_listing.instances = [];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This function is called for each listing form on page.
|
||
|
|
*
|
||
|
|
* @param {Array} params : {int} hiddeninputid - the id of the hidden input element
|
||
|
|
* {int} elementid - the id of the full form element
|
||
|
|
* {Array} items - items has for key the value return by the form, and for content an array with two attributs: mainhtml and rowhtml.
|
||
|
|
* {string} hideall - button label to hide all tabs(rows).
|
||
|
|
* {string} showall - button label to show all tabs(rows).
|
||
|
|
* {string} inputname - the name of the input element
|
||
|
|
* {string} currentvalue - the currently selected tab(row)
|
||
|
|
*/
|
||
|
|
M.form_listing.init = function(Y, params) {
|
||
|
|
if (params && params.hiddeninputid && params.elementid) {
|
||
|
|
|
||
|
|
// Replace the radio buttons by a hidden input.
|
||
|
|
Y.one('#formlistinginputcontainer_' + params.inputname).setHTML('<input name='+params.inputname+' type=hidden id='+params.hiddeninputid+' value='+params.currentvalue+' />');
|
||
|
|
|
||
|
|
var caption = Y.one('#'+params.elementid+'_caption');
|
||
|
|
var allitems = Y.one('#'+params.elementid+'_all');
|
||
|
|
var selecteditem = Y.one('#'+params.elementid+'_main');
|
||
|
|
var hiddeninput = Y.one('#'+params.hiddeninputid);
|
||
|
|
|
||
|
|
// Do not display the listing by default.
|
||
|
|
var show = 0;
|
||
|
|
allitems.hide();
|
||
|
|
|
||
|
|
// Refresh the main item + set the hidden input to its value.
|
||
|
|
var selectitem = function(e) {
|
||
|
|
var index = this.get('id').replace(params.elementid+'_all_',"");
|
||
|
|
hiddeninput.set('value', items[index]);
|
||
|
|
selecteditem.setHTML(params.items[items[index]].mainhtml);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Caption Onlick event to display/hide the listing.
|
||
|
|
var onclick = function(e) {
|
||
|
|
if (!show) {
|
||
|
|
allitems.show(true);
|
||
|
|
show = 1;
|
||
|
|
caption.setHTML(params.hideall);
|
||
|
|
} else {
|
||
|
|
allitems.hide(true);
|
||
|
|
show = 0;
|
||
|
|
caption.setHTML(params.showall);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
caption.on('click', onclick);
|
||
|
|
|
||
|
|
// Fill the item rows with html + add event.
|
||
|
|
// PS: we need to save the items into a temporary "items[]" array because params.items keys could be url.
|
||
|
|
// This temporary items[] avoid not working calls like Y.one('#myitems_http:www.google.com').
|
||
|
|
var items = [];
|
||
|
|
var itemindex = 0;
|
||
|
|
for (itemid in params.items) {
|
||
|
|
items[itemindex] = itemid;
|
||
|
|
|
||
|
|
// Add the row.
|
||
|
|
allitems.append("<div id="+params.elementid+'_all_'+itemindex+" class='formlistingrow'>" + params.items[itemid].rowhtml + "</div>");
|
||
|
|
|
||
|
|
// Add click event to the row.
|
||
|
|
Y.one('#'+params.elementid+'_all_'+itemindex).on('click', selectitem);
|
||
|
|
|
||
|
|
itemindex = itemindex + 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|