File: /home/i/e/s/iestorre/moodleAW/moodle06/mod/assign/feedback/editpdf/yui/src/editor/js/editor.js
// 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/>.
/**
* Provides an in browser PDF editor.
*
* @module moodle-assignfeedback_editpdf-editor
*/
/**
* EDITOR
* This is an in browser PDF editor.
*
* @namespace M.assignfeedback_editpdf.editor
* @class Editor
* @constructor
* @extends Y.Base
*/
EDITOR = function() {
EDITOR.superclass.constructor.apply(this, arguments);
};
EDITOR.prototype = {
// Instance variables.
/**
* The dialogue used for all action menu displays.
* @property type
* @type M.core.dialogue
* @protected
*/
dialogue : null,
/**
* The number of pages in the pdf.
* @property type
* @type int
* @protected
*/
pagecount : 0,
/**
* The active page in the editor.
* @property type
* @type int
* @protected
*/
currentpage : 0,
/**
* A list of page objects. Each page has a list of comments and annotations.
* @property type
* @type array
* @protected
*/
pages : [],
/**
* The yui node for the loading icon.
* @property type
* @type Y.Node
* @protected
*/
loadingicon : null,
/**
* Image object of the current page image.
* @property type
* @type Image
* @protected
*/
pageimage : null,
/**
* YUI Graphic class for drawing shapes.
* @property type
* @type Y.Graphic
* @protected
*/
graphic : null,
/**
* Info about the current edit operation.
* @property currentedit
* @type M.assignfeedback_editpdf.edit
* @protected
*/
currentedit : new M.assignfeedback_editpdf.edit(),
/**
* Current drawable.
* @property currentdrawable
* @type M.assignfeedback_editpdf.drawable (or false)
* @protected
*/
currentdrawable : false,
/**
* Current drawables.
* @property drawables
* @type array(M.assignfeedback_editpdf.drawable)
* @protected
*/
drawables : [],
/**
* Current comment when the comment menu is open.
* @property currentcomment
* @type M.assignfeedback_editpdf.comment
* @protected
*/
currentcomment : null,
/**
* Current annotation when the select tool is used.
* @property currentannotation
* @type M.assignfeedback_editpdf.annotation
* @protected
*/
currentannotation : null,
/**
* Last selected annotation tool
* @property lastannotationtool
* @type String
* @protected
*/
lastanntationtool : "pen",
/**
* The users comments quick list
* @property quicklist
* @type M.assignfeedback_editpdf.quickcommentlist
* @protected
*/
quicklist : null,
/**
* The search comments window.
* @property searchcommentswindow
* @type M.core.dialogue
* @protected
*/
searchcommentswindow : null,
/**
* The selected stamp picture.
* @property currentstamp
* @type String
* @protected
*/
currentstamp : null,
/**
* The stamps.
* @property stamps
* @type Array
* @protected
*/
stamps : [],
/**
* Prevent new comments from appearing
* immediately after clicking off a current
* comment
* @property editingcomment
* @type Boolean
* @public
*/
editingcomment : false,
/**
* Called during the initialisation process of the object.
* @method initializer
*/
initializer : function() {
var link;
link = Y.one('#' + this.get('linkid'));
if (link) {
link.on('click', this.link_handler, this);
link.on('key', this.link_handler, 'down:13', this);
this.currentedit.start = false;
this.currentedit.end = false;
if (!this.get('readonly')) {
this.quicklist = new M.assignfeedback_editpdf.quickcommentlist(this);
}
}
},
/**
* Called to show/hide buttons and set the current colours/stamps.
* @method refresh_button_state
*/
refresh_button_state : function() {
var button, currenttoolnode, imgurl;
// Initalise the colour buttons.
button = Y.one(SELECTOR.COMMENTCOLOURBUTTON);
imgurl = M.util.image_url('background_colour_' + this.currentedit.commentcolour, 'assignfeedback_editpdf');
button.one('img').setAttribute('src', imgurl);
if (this.currentedit.commentcolour === 'clear') {
button.one('img').setStyle('borderStyle', 'dashed');
} else {
button.one('img').setStyle('borderStyle', 'solid');
}
button = Y.one(SELECTOR.ANNOTATIONCOLOURBUTTON);
imgurl = M.util.image_url('colour_' + this.currentedit.annotationcolour, 'assignfeedback_editpdf');
button.one('img').setAttribute('src', imgurl);
currenttoolnode = Y.one(TOOLSELECTOR[this.currentedit.tool]);
currenttoolnode.addClass('assignfeedback_editpdf_selectedbutton');
currenttoolnode.setAttribute('aria-pressed', 'true');
button = Y.one(SELECTOR.STAMPSBUTTON);
button.one('img').setAttrs({'src': this.get_stamp_image_url(this.currentedit.stamp),
'height': '16',
'width': '16'});
},
/**
* Called to get the bounds of the drawing region.
* @method get_canvas_bounds
*/
get_canvas_bounds : function() {
var canvas = Y.one(SELECTOR.DRAWINGCANVAS),
offsetcanvas = canvas.getXY(),
offsetleft = offsetcanvas[0],
offsettop = offsetcanvas[1],
width = parseInt(canvas.getStyle('width'), 10),
height = parseInt(canvas.getStyle('height'), 10);
return new M.assignfeedback_editpdf.rect(offsetleft, offsettop, width, height);
},
/**
* Called to translate from window coordinates to canvas coordinates.
* @method get_canvas_coordinates
* @param M.assignfeedback_editpdf.point point in window coordinats.
*/
get_canvas_coordinates : function(point) {
var bounds = this.get_canvas_bounds(),
newpoint = new M.assignfeedback_editpdf.point(point.x - bounds.x, point.y - bounds.y);
bounds.x = bounds.y = 0;
newpoint.clip(bounds);
return newpoint;
},
/**
* Called to translate from canvas coordinates to window coordinates.
* @method get_window_coordinates
* @param M.assignfeedback_editpdf.point point in window coordinats.
*/
get_window_coordinates : function(point) {
var bounds = this.get_canvas_bounds(),
newpoint = new M.assignfeedback_editpdf.point(point.x + bounds.x, point.y + bounds.y);
return newpoint;
},
/**
* Called to open the pdf editing dialogue.
* @method link_handler
*/
link_handler : function(e) {
var drawingcanvas;
e.preventDefault();
if (!this.dialogue) {
this.dialogue = new M.core.dialogue({
headerContent: this.get('header'),
bodyContent: this.get('body'),
footerContent: this.get('footer'),
modal: true,
width: '840px',
visible: false,
draggable: true
});
// Add custom class for styling.
this.dialogue.get('boundingBox').addClass(CSS.DIALOGUE);
this.loadingicon = Y.one(SELECTOR.LOADINGICON);
drawingcanvas = Y.one(SELECTOR.DRAWINGCANVAS);
this.graphic = new Y.Graphic({render : SELECTOR.DRAWINGCANVAS});
if (!this.get('readonly')) {
drawingcanvas.on('gesturemovestart', this.edit_start, null, this);
drawingcanvas.on('gesturemove', this.edit_move, null, this);
drawingcanvas.on('gesturemoveend', this.edit_end, null, this);
this.refresh_button_state();
}
this.load_all_pages();
}
this.dialogue.centerDialogue();
this.dialogue.show();
drawingcanvas.on('windowresize', this.resize, this);
},
/**
* Called to load the information and annotations for all pages.
* @method load_all_pages
*/
load_all_pages : function() {
var ajaxurl = AJAXBASE,
config,
checkconversionstatus,
ajax_error_total;
config = {
method: 'get',
context: this,
sync: false,
data : {
sesskey : M.cfg.sesskey,
action : 'loadallpages',
userid : this.get('userid'),
attemptnumber : this.get('attemptnumber'),
assignmentid : this.get('assignmentid'),
readonly : this.get('readonly') ? 1 : 0
},
on: {
success: function(tid, response) {
this.all_pages_loaded(response.responseText);
},
failure: function(tid, response) {
return new M.core.exception(response.responseText);
}
}
};
Y.io(ajaxurl, config);
// If pages are not loaded, check PDF conversion status for the progress bar.
if (this.pagecount <= 0) {
checkconversionstatus = {
method: 'get',
context: this,
sync: false,
data : {
sesskey : M.cfg.sesskey,
action : 'conversionstatus',
userid : this.get('userid'),
attemptnumber : this.get('attemptnumber'),
assignmentid : this.get('assignmentid')
},
on: {
success: function(tid, response) {
ajax_error_total = 0;
if (this.pagecount === 0) {
var pagetotal = this.get('pagetotal');
// Update the progress bar.
var progressbarcontainer = Y.one(SELECTOR.PROGRESSBARCONTAINER);
var progressbar = progressbarcontainer.one('.bar');
if (progressbar) {
// Calculate progress.
var progress = (response.response / pagetotal) * 100;
progressbar.setStyle('width', progress + '%');
progressbarcontainer.setAttribute('aria-valuenow', progress);
}
// New ajax request delayed of a second.
Y.later(1000, this, function () {
Y.io(AJAXBASEPROGRESS, checkconversionstatus);
});
}
},
failure: function(tid, response) {
ajax_error_total = ajax_error_total + 1;
// We only continue on error if the all pages were not generated,
// and if the ajax call did not produce 5 errors in the row.
if (this.pagecount === 0 && ajax_error_total < 5) {
Y.later(1000, this, function () {
Y.io(AJAXBASEPROGRESS, checkconversionstatus);
});
}
return new M.core.exception(response.responseText);
}
}
};
// We start the AJAX "generated page total number" call a second later to give a chance to
// the AJAX "combined pdf generation" call to clean the previous submission images.
Y.later(1000, this, function () {
ajax_error_total = 0;
Y.io(AJAXBASEPROGRESS, checkconversionstatus);
});
}
},
/**
* The info about all pages in the pdf has been returned.
* @param string The ajax response as text.
* @protected
* @method all_pages_loaded
*/
all_pages_loaded : function(responsetext) {
var data, i, j, comment, error;
try {
data = Y.JSON.parse(responsetext);
if (data.error || !data.pagecount) {
this.dialogue.hide();
// Display alert dialogue.
error = new M.core.alert({ message: M.util.get_string('cannotopenpdf', 'assignfeedback_editpdf') });
error.show();
return;
}
} catch (e) {
this.dialogue.hide();
// Display alert dialogue.
error = new M.core.alert({ title: M.util.get_string('cannotopenpdf', 'assignfeedback_editpdf')});
error.show();
return;
}
this.pagecount = data.pagecount;
this.pages = data.pages;
for (i = 0; i < this.pages.length; i++) {
for (j = 0; j < this.pages[i].comments.length; j++) {
comment = this.pages[i].comments[j];
this.pages[i].comments[j] = new M.assignfeedback_editpdf.comment(this,
comment.gradeid,
comment.pageno,
comment.x,
comment.y,
comment.width,
comment.colour,
comment.rawtext);
}
for (j = 0; j < this.pages[i].annotations.length; j++) {
data = this.pages[i].annotations[j];
this.pages[i].annotations[j] = this.create_annotation(data.type, data);
}
}
// Update the ui.
if (this.quicklist) {
this.quicklist.load();
}
this.setup_navigation();
this.setup_toolbar();
this.change_page();
},
/**
* Get the full pluginfile url for an image file - just given the filename.
*
* @public
* @method get_stamp_image_url
* @param string filename
*/
get_stamp_image_url : function(filename) {
var urls = this.get('stampfiles'),
fullurl = '';
Y.Array.each(urls, function(url) {
if (url.indexOf(filename) > 0) {
fullurl = url;
}
}, this);
return fullurl;
},
/**
* Attach listeners and enable the color picker buttons.
* @protected
* @method setup_toolbar
*/
setup_toolbar : function() {
var toolnode,
commentcolourbutton,
annotationcolourbutton,
searchcommentsbutton,
currentstampbutton,
stampfiles,
picker,
filename;
searchcommentsbutton = Y.one(SELECTOR.SEARCHCOMMENTSBUTTON);
searchcommentsbutton.on('click', this.open_search_comments, this);
searchcommentsbutton.on('key', this.open_search_comments, 'down:13', this);
if (this.get('readonly')) {
return;
}
// Setup the tool buttons.
Y.each(TOOLSELECTOR, function(selector, tool) {
toolnode = Y.one(selector);
toolnode.on('click', this.handle_tool_button, this, tool);
toolnode.on('key', this.handle_tool_button, 'down:13', this, tool);
toolnode.setAttribute('aria-pressed', 'false');
}, this);
// Set the default tool.
commentcolourbutton = Y.one(SELECTOR.COMMENTCOLOURBUTTON);
picker = new M.assignfeedback_editpdf.colourpicker({
buttonNode: commentcolourbutton,
colours: COMMENTCOLOUR,
iconprefix: 'background_colour_',
callback: function (e) {
var colour = e.target.getAttribute('data-colour');
if (!colour) {
colour = e.target.ancestor().getAttribute('data-colour');
}
this.currentedit.commentcolour = colour;
this.handle_tool_button(e, "comment");
},
context: this
});
annotationcolourbutton = Y.one(SELECTOR.ANNOTATIONCOLOURBUTTON);
picker = new M.assignfeedback_editpdf.colourpicker({
buttonNode: annotationcolourbutton,
iconprefix: 'colour_',
colours: ANNOTATIONCOLOUR,
callback: function (e) {
var colour = e.target.getAttribute('data-colour');
if (!colour) {
colour = e.target.ancestor().getAttribute('data-colour');
}
this.currentedit.annotationcolour = colour;
if (this.lastannotationtool) {
this.handle_tool_button(e, this.lastannotationtool);
} else {
this.handle_tool_button(e, "pen");
}
},
context: this
});
stampfiles = this.get('stampfiles');
if (stampfiles.length <= 0) {
Y.one(TOOLSELECTOR.stamp).ancestor().hide();
} else {
filename = stampfiles[0].substr(stampfiles[0].lastIndexOf('/') + 1);
this.currentedit.stamp = filename;
currentstampbutton = Y.one(SELECTOR.STAMPSBUTTON);
picker = new M.assignfeedback_editpdf.stamppicker({
buttonNode: currentstampbutton,
stamps: stampfiles,
callback: function(e) {
var stamp = e.target.getAttribute('data-stamp'),
filename;
if (!stamp) {
stamp = e.target.ancestor().getAttribute('data-stamp');
}
filename = stamp.substr(stamp.lastIndexOf('/'));
this.currentedit.stamp = filename;
this.handle_tool_button(e, "stamp");
},
context: this
});
this.refresh_button_state();
}
},
/**
* Change the current tool.
* @protected
* @method handle_tool_button
*/
handle_tool_button : function(e, tool) {
var currenttoolnode;
e.preventDefault();
// Change style of the pressed button.
currenttoolnode = Y.one(TOOLSELECTOR[this.currentedit.tool]);
currenttoolnode.removeClass('assignfeedback_editpdf_selectedbutton');
currenttoolnode.setAttribute('aria-pressed', 'false');
this.currentedit.tool = tool;
if (tool !== "comment" && tool !== "select" && tool !== "stamp") {
this.lastannotationtool = tool;
}
this.refresh_button_state();
},
/**
* JSON encode the current page data - stripping out drawable references which cannot be encoded.
* @protected
* @method stringify_current_page
* @return string
*/
stringify_current_page : function() {
var comments = [],
annotations = [],
page,
i = 0;
for (i = 0; i < this.pages[this.currentpage].comments.length; i++) {
comments[i] = this.pages[this.currentpage].comments[i].clean();
}
for (i = 0; i < this.pages[this.currentpage].annotations.length; i++) {
annotations[i] = this.pages[this.currentpage].annotations[i].clean();
}
page = { comments : comments, annotations : annotations };
return Y.JSON.stringify(page);
},
/**
* Generate a drawable from the current in progress edit.
* @protected
* @method get_current_drawable
*/
get_current_drawable : function() {
var comment,
annotation,
drawable = false;
if (!this.currentedit.start || !this.currentedit.end) {
return false;
}
if (this.currentedit.tool === 'comment') {
comment = new M.assignfeedback_editpdf.comment(this);
drawable = comment.draw_current_edit(this.currentedit);
} else {
annotation = this.create_annotation(this.currentedit.tool, {});
if (annotation) {
drawable = annotation.draw_current_edit(this.currentedit);
}
}
return drawable;
},
/**
* Redraw the active edit.
* @protected
* @method redraw_active_edit
*/
redraw_current_edit : function() {
if (this.currentdrawable) {
this.currentdrawable.erase();
}
this.currentdrawable = this.get_current_drawable();
},
/**
* Event handler for mousedown or touchstart.
* @protected
* @param Event
* @method edit_start
*/
edit_start : function(e) {
e.preventDefault();
var canvas = Y.one(SELECTOR.DRAWINGCANVAS),
offset = canvas.getXY(),
scrolltop = canvas.get('docScrollY'),
scrollleft = canvas.get('docScrollX'),
point = {x : e.clientX - offset[0] + scrollleft,
y : e.clientY - offset[1] + scrolltop},
selected = false,
lastannotation;
// Ignore right mouse click.
if (e.button === 3) {
return;
}
if (this.currentedit.starttime) {
return;
}
if (this.editingcomment) {
return;
}
this.currentedit.starttime = new Date().getTime();
this.currentedit.start = point;
this.currentedit.end = {x : point.x, y : point.y};
if (this.currentedit.tool === 'select') {
x = this.currentedit.end.x;
y = this.currentedit.end.y;
annotations = this.pages[this.currentpage].annotations;
// Find the first annotation whose bounds encompass the click.
Y.each(annotations, function(annotation) {
if (((x - annotation.x) * (x - annotation.endx)) <= 0 &&
((y - annotation.y) * (y - annotation.endy)) <= 0) {
selected = annotation;
}
});
if (selected) {
lastannotation = this.currentannotation;
this.currentannotation = selected;
if (lastannotation && lastannotation !== selected) {
// Redraw the last selected annotation to remove the highlight.
if (lastannotation.drawable) {
lastannotation.drawable.erase();
this.drawables.push(lastannotation.draw());
}
}
// Redraw the newly selected annotation to show the highlight.
if (this.currentannotation.drawable) {
this.currentannotation.drawable.erase();
}
this.drawables.push(this.currentannotation.draw());
}
}
if (this.currentannotation) {
// Used to calculate drag offset.
this.currentedit.annotationstart = { x : this.currentannotation.x,
y : this.currentannotation.y };
}
},
/**
* Event handler for mousemove.
* @protected
* @param Event
* @method edit_move
*/
edit_move : function(e) {
e.preventDefault();
var bounds = this.get_canvas_bounds(),
canvas = Y.one(SELECTOR.DRAWINGCANVAS),
clientpoint = new M.assignfeedback_editpdf.point(e.clientX + canvas.get('docScrollX'),
e.clientY + canvas.get('docScrollY')),
point = this.get_canvas_coordinates(clientpoint);
// Ignore events out of the canvas area.
if (point.x < 0 || point.x > bounds.width || point.y < 0 || point.y > bounds.height) {
return;
}
if (this.currentedit.tool === 'pen') {
this.currentedit.path.push(point);
}
if (this.currentedit.tool === 'select') {
if (this.currentannotation && this.currentedit) {
this.currentannotation.move( this.currentedit.annotationstart.x + point.x - this.currentedit.start.x,
this.currentedit.annotationstart.y + point.y - this.currentedit.start.y);
}
} else {
if (this.currentedit.start) {
this.currentedit.end = point;
this.redraw_current_edit();
}
}
},
/**
* Event handler for mouseup or touchend.
* @protected
* @param Event
* @method edit_end
*/
edit_end : function() {
var duration,
comment,
annotation;
duration = new Date().getTime() - this.currentedit.start;
if (duration < CLICKTIMEOUT || this.currentedit.start === false) {
return;
}
if (this.currentedit.tool === 'comment') {
if (this.currentdrawable) {
this.currentdrawable.erase();
}
this.currentdrawable = false;
comment = new M.assignfeedback_editpdf.comment(this);
if (comment.init_from_edit(this.currentedit)) {
this.pages[this.currentpage].comments.push(comment);
this.drawables.push(comment.draw(true));
this.editingcomment = true;
}
} else {
annotation = this.create_annotation(this.currentedit.tool, {});
if (annotation) {
if (this.currentdrawable) {
this.currentdrawable.erase();
}
this.currentdrawable = false;
if (annotation.init_from_edit(this.currentedit)) {
this.pages[this.currentpage].annotations.push(annotation);
this.drawables.push(annotation.draw());
}
}
}
// Save the changes.
this.save_current_page();
// Reset the current edit.
this.currentedit.starttime = 0;
this.currentedit.start = false;
this.currentedit.end = false;
this.currentedit.path = [];
},
/**
* Resize the dialogue window when the browser is resized.
* @public
* @method resize
*/
resize : function() {
this.dialogue.centerDialogue();
return true;
},
/**
* Factory method for creating annotations of the correct subclass.
* @public
* @method create_annotation
*/
create_annotation : function(type, data) {
data.type = type;
data.editor = this;
if (type === "line") {
return new M.assignfeedback_editpdf.annotationline(data);
} else if (type === "rectangle") {
return new M.assignfeedback_editpdf.annotationrectangle(data);
} else if (type === "oval") {
return new M.assignfeedback_editpdf.annotationoval(data);
} else if (type === "pen") {
return new M.assignfeedback_editpdf.annotationpen(data);
} else if (type === "highlight") {
return new M.assignfeedback_editpdf.annotationhighlight(data);
} else if (type === "stamp") {
return new M.assignfeedback_editpdf.annotationstamp(data);
}
return false;
},
/**
* Save all the annotations and comments for the current page.
* @protected
* @method save_current_page
*/
save_current_page : function() {
var ajaxurl = AJAXBASE,
config;
config = {
method: 'post',
context: this,
sync: false,
data : {
'sesskey' : M.cfg.sesskey,
'action' : 'savepage',
'index' : this.currentpage,
'userid' : this.get('userid'),
'attemptnumber' : this.get('attemptnumber'),
'assignmentid' : this.get('assignmentid'),
'page' : this.stringify_current_page()
},
on: {
success: function(tid, response) {
var jsondata;
try {
jsondata = Y.JSON.parse(response.responseText);
if (jsondata.error) {
return new M.core.ajaxException(jsondata);
}
Y.one(SELECTOR.UNSAVEDCHANGESDIV).addClass('haschanges');
} catch (e) {
return new M.core.exception(e);
}
},
failure: function(tid, response) {
return new M.core.exception(response.responseText);
}
}
};
Y.io(ajaxurl, config);
},
/**
* Event handler to open the comment search interface.
*
* @param Event e
* @protected
* @method open_search_comments
*/
open_search_comments : function(e) {
if (!this.searchcommentswindow) {
this.searchcommentswindow = new M.assignfeedback_editpdf.commentsearch({
editor : this
});
}
this.searchcommentswindow.show();
e.preventDefault();
},
/**
* Redraw all the comments and annotations.
* @protected
* @method redraw
*/
redraw : function() {
var i,
page;
page = this.pages[this.currentpage];
while (this.drawables.length > 0) {
this.drawables.pop().erase();
}
for (i = 0; i < page.annotations.length; i++) {
this.drawables.push(page.annotations[i].draw());
}
for (i = 0; i < page.comments.length; i++) {
this.drawables.push(page.comments[i].draw(false));
}
},
/**
* Load the image for this pdf page and remove the loading icon (if there).
* @protected
* @method change_page
*/
change_page : function() {
var drawingcanvas = Y.one(SELECTOR.DRAWINGCANVAS),
page,
previousbutton,
nextbutton;
previousbutton = Y.one(SELECTOR.PREVIOUSBUTTON);
nextbutton = Y.one(SELECTOR.NEXTBUTTON);
if (this.currentpage > 0) {
previousbutton.removeAttribute('disabled');
} else {
previousbutton.setAttribute('disabled', 'true');
}
if (this.currentpage < (this.pagecount - 1)) {
nextbutton.removeAttribute('disabled');
} else {
nextbutton.setAttribute('disabled', 'true');
}
page = this.pages[this.currentpage];
this.loadingicon.hide();
drawingcanvas.setStyle('backgroundImage', 'url("' + page.url + '")');
// Update page select.
Y.one(SELECTOR.PAGESELECT).set('value', this.currentpage);
this.redraw();
},
/**
* Now we know how many pages there are,
* we can enable the navigation controls.
* @protected
* @method setup_navigation
*/
setup_navigation : function() {
var pageselect,
i,
option,
previousbutton,
nextbutton;
pageselect = Y.one(SELECTOR.PAGESELECT);
options = pageselect.all('option');
if (options.size() <= 1) {
for (i = 0; i < this.pages.length; i++) {
option = Y.Node.create('<option/>');
option.setAttribute('value', i);
option.setHTML(M.util.get_string('pagenumber', 'assignfeedback_editpdf', i+1));
pageselect.append(option);
}
}
pageselect.removeAttribute('disabled');
pageselect.on('change', function() {
this.currentpage = pageselect.get('value');
this.change_page();
}, this);
previousbutton = Y.one(SELECTOR.PREVIOUSBUTTON);
nextbutton = Y.one(SELECTOR.NEXTBUTTON);
previousbutton.on('click', this.previous_page, this);
previousbutton.on('key', this.previous_page, 'down:13', this);
nextbutton.on('click', this.next_page, this);
nextbutton.on('key', this.next_page, 'down:13', this);
},
/**
* Navigate to the previous page.
* @protected
* @method previous_page
*/
previous_page : function(e) {
e.preventDefault();
this.currentpage--;
if (this.currentpage < 0) {
this.currentpage = 0;
}
this.change_page();
},
/**
* Navigate to the next page.
* @protected
* @method next_page
*/
next_page : function(e) {
e.preventDefault();
this.currentpage++;
if (this.currentpage >= this.pages.length) {
this.currentpage = this.pages.length - 1;
}
this.change_page();
}
};
Y.extend(EDITOR, Y.Base, EDITOR.prototype, {
NAME : 'moodle-assignfeedback_editpdf-editor',
ATTRS : {
userid : {
validator : Y.Lang.isInteger,
value : 0
},
assignmentid : {
validator : Y.Lang.isInteger,
value : 0
},
attemptnumber : {
validator : Y.Lang.isInteger,
value : 0
},
header : {
validator : Y.Lang.isString,
value : ''
},
body : {
validator : Y.Lang.isString,
value : ''
},
footer : {
validator : Y.Lang.isString,
value : ''
},
linkid : {
validator : Y.Lang.isString,
value : ''
},
deletelinkid : {
validator : Y.Lang.isString,
value : ''
},
readonly : {
validator : Y.Lang.isBoolean,
value : true
},
stampfiles : {
validator : Y.Lang.isArray,
value : ''
},
pagetotal : {
validator : Y.Lang.isInteger,
value : 0
}
}
});
/**
* Assignfeedback edit pdf namespace.
* @static
* @class assignfeedback_editpdf
*/
M.assignfeedback_editpdf = M.assignfeedback_editpdf || {};
/**
* Editor namespace
* @namespace M.assignfeedback_editpdf.editor
* @class editor
* @static
*/
M.assignfeedback_editpdf.editor = M.assignfeedback_editpdf.editor || {};
/**
* Init function - will create a new instance every time.
* @method init
* @static
* @param {Object} params
*/
M.assignfeedback_editpdf.editor.init = M.assignfeedback_editpdf.editor.init || function(params) {
return new EDITOR(params);
};