Your IP : 192.168.165.1
/**
* Provides a tool for enabling/disabling elements using AJAX/REST.
*
* @module moodle-message_airnotifier-toolboxes
*/
// The CSS selectors we use.
var CSS = {
AIRNOTIFIERCONTENT: 'div[data-processor-name="airnotifier"]',
HIDEDEVICE: 'a.hidedevice',
DEVICELI: 'li.airnotifierdevice',
DIMCLASS: 'dimmed',
DIMMEDTEXT: 'dimmed_text',
DEVICEIDPREFIX: 'deviceid-'
};
/**
* The toolbox classes
*
* TOOLBOX is a generic class which should never be directly instantiated
* DEVICETOOLBOX is a class extending TOOLBOX containing code specific to devices
*/
var TOOLBOX = function() {
TOOLBOX.superclass.constructor.apply(this, arguments);
};
Y.extend(TOOLBOX, Y.Base, {
/**
* Replace the button click at the selector with the specified
* callback
*
* @param toolboxtarget The selector of the working area
* @param selector The 'button' to replace
* @param callback The callback to apply
* @param cursor An optional cursor style to apply
*/
replace_button: function(toolboxtarget, selector, callback, cursor) {
if (!cursor) {
// Set the default cursor type to pointer to match the anchor.
cursor = 'pointer';
}
var button = Y.one(toolboxtarget).all(selector)
.setStyle('cursor', cursor);
// On isn't chainable and will return an event.
button.on('click', callback, this);
return button;
},
/**
* Toggle the visibility and availability for the specified
* device show/hide button
*/
toggle_hide_device_ui: function(button) {
var element = button.ancestor(CSS.DEVICELI);
var hideicon = button.one('img');
var toggle_class = CSS.DIMMEDTEXT;
var status = '';
if (element.hasClass(toggle_class)) {
status = 'hide';
} else {
status = 'show';
}
// Change the UI.
element.toggleClass(toggle_class);
// We need to toggle dimming on the description too element.all(CSS.CONTENTAFTERLINK).toggleClass(CSS.DIMMEDTEXT);.
var newstring = M.util.get_string(status, 'moodle');
hideicon.setAttrs({
'alt': newstring,
'title': newstring,
'src': M.util.image_url('t/' + status)
});
button.set('title', newstring);
button.set('className', 'editing_' + status);
},
/**
* Send a request using the REST API
*
* @param data The data to submit
* @param statusspinner (optional) A statusspinner which may contain a section loader
* @param callbacksuccess Call back on success
* @return response responseText field from responce
*/
send_request: function(data, statusspinner, callbacksuccess) {
// Default data structure
if (!data) {
data = {};
}
// Handle any variables which we must pass back through to.
var pageparams = this.get('config').pageparams,
varname;
for (varname in pageparams) {
data[varname] = pageparams[varname];
}
if (statusspinner) {
statusspinner.show();
}
data.sesskey = M.cfg.sesskey;
var uri = M.cfg.wwwroot + this.get('ajaxurl');
// Define the configuration to send with the request.
var responsetext = [];
var config = {
method: 'POST',
data: data,
on: {
success: function(tid, response) {
try {
responsetext = Y.JSON.parse(response.responseText);
if (responsetext.error) {
Y.use('moodle-core-notification-ajaxexception', function() {
return new M.core.ajaxException(responsetext).show();
});
} else if (responsetext.success) {
callbacksuccess();
}
} catch (e) {
// Ignore.
}
if (statusspinner) {
statusspinner.hide();
}
},
failure: function(tid, response) {
if (statusspinner) {
statusspinner.hide();
}
Y.use('moodle-core-notification-ajaxexception', function() {
return new M.core.ajaxException(response).show();
});
}
},
context: this,
sync: false
};
// Send the request.
Y.io(uri, config);
return responsetext;
},
/**
* Return the module ID for the specified element
*
* @param element The <li> element to determine a module-id number for
* @return string The module ID
*/
get_element_id: function(element) {
return element.get('id').replace(CSS.DEVICEIDPREFIX, '');
}
},
{
NAME: 'device-toolbox',
ATTRS: {
ajaxurl: {
'value': 0
},
config: {
'value': 0
}
}
}
);
var DEVICETOOLBOX = function() {
DEVICETOOLBOX.superclass.constructor.apply(this, arguments);
};
Y.extend(DEVICETOOLBOX, TOOLBOX, {
/**
* Initialize the device toolbox
*
* Updates all span.commands with relevant handlers and other required changes
*/
initializer: function() {
this.setup_for_device();
},
/**
* Update any span.commands within the scope of the specified
* selector with AJAX equivelants
*
* @param baseselector The selector to limit scope to
* @return void
*/
setup_for_device: function(baseselector) {
if (!baseselector) {
baseselector = CSS.AIRNOTIFIERCONTENT;
}
Y.all(baseselector).each(this._setup_for_device, this);
},
_setup_for_device: function(toolboxtarget) {
// Show/Hide.
this.replace_button(toolboxtarget, CSS.HIDEDEVICE, this.toggle_hide_device);
},
toggle_hide_device: function(e) {
// Prevent the default button action.
e.preventDefault();
// Get the element we're working on.
var element = e.target.ancestor(CSS.DEVICELI);
var button = e.target.ancestor('a', true);
var value;
// Enable the device in case the CSS is dimmed.
if (element.hasClass(CSS.DIMMEDTEXT)) {
value = 1;
} else {
value = 0;
}
// Send the request.
var data = {
'field': 'enable',
'enable': value,
'id': this.get_element_id(element)
};
var spinner = M.util.add_spinner(Y, element);
var context = this;
var callback = function() {
context.toggle_hide_device_ui(button);
};
this.send_request(data, spinner, callback);
}
}, {
NAME: 'message-device-toolbox',
ATTRS: {
}
});
M.message = M.message || {};
M.message.init_device_toolbox = function(config) {
return new DEVICETOOLBOX(config);
};