tao-test/app/taoQtiItem/views/js/qtiCreator/plugins/menu/print.js

129 lines
3.6 KiB
JavaScript

/**
* This program 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; under version 2
* of the License (non-upgradable).
*
* This program 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 this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*
* Copyright (c) 2016 (original work) Open Assessment Technologies SA ;
*/
/**
* This plugin prints the item.
*
* @author Bertrand Chevrier <bertrand@taotesting.com>
*/
define([
'jquery',
'i18n',
'core/plugin',
'ui/hider',
'tpl!taoQtiItem/qtiCreator/plugins/button'
], function($, __, pluginFactory, hider, buttonTpl){
'use strict';
/**
* Spread a css class to an element's parents and theirs siblings
* @param {jQueryElement} $container - the target
* @param {String} cssClass - the class to spread
*/
var spreadClass = function spreadClass($container, cssClass) {
$container.parents().each(function initHideOnPrint() {
$(this).siblings().addClass(cssClass);
});
};
/**
* Returns the configured plugin
* @returns {Function} the plugin
*/
return pluginFactory({
name : 'print',
/**
* Initialize the plugin (called during itemCreator's init)
*/
init : function init(){
var self = this;
var itemCreator = this.getHost();
//spread the "no item prin" class an every element above the item panel
//FIXME this is a weird way, especially because the css class stays after the print...
spreadClass(this.getAreaBroker().getItemPanelArea(), 'item-no-print');
this.$element = $(buttonTpl({
icon: 'print',
title: __('Print the item'),
text : __('Print'),
cssClass: 'print-trigger'
})).on('click', function printHandler(e){
e.preventDefault();
window.print();
});
this.hide();
this.disable();
itemCreator.on('ready', function(){
self.enable();
});
},
render : function render(){
//attach the element to the menu area
var $container = this.getAreaBroker().getMenuArea();
$container.append(this.$element);
this.show();
},
/**
* Called during the itemCreator's destroy phase
*/
destroy : function destroy (){
this.$element.remove();
},
/**
* Enable the button
*/
enable : function enable (){
this.$element.removeProp('disabled')
.removeClass('disabled');
},
/**
* Disable the button
*/
disable : function disable (){
this.$element.prop('disabled', true)
.addClass('disabled');
},
/**
* Show the button
*/
show: function show(){
hider.show(this.$element);
},
/**
* Hide the button
*/
hide: function hide(){
hider.hide(this.$element);
}
});
});