Proyectos de Subversion Moodle

// 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;

        }

    }

};