98 lines
2.9 KiB
JavaScript
98 lines
2.9 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) 2015 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
|
||
|
|
*/
|
||
|
|
define([
|
||
|
|
'lodash',
|
||
|
|
'jquery',
|
||
|
|
'taoQtiItem/qtiCreator/helper/xmlRenderer',
|
||
|
|
'taoQtiItem/qtiCreator/model/helper/event'
|
||
|
|
], function(_, $, xmlRenderer, event) {
|
||
|
|
"use strict";
|
||
|
|
var tools = {};
|
||
|
|
|
||
|
|
tools.listenStateChange = function() {
|
||
|
|
|
||
|
|
$(document).on('afterStateInit.qti-widget', function(e, element, state) {
|
||
|
|
console.log('->state : ' + state.name + ' : ' + element.serial);
|
||
|
|
}).on('afterStateExit.qti-widget', function(e, element, state) {
|
||
|
|
console.log('<-state : ' + state.name + ' : ' + element.serial);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
tools.getStates = function(item){
|
||
|
|
|
||
|
|
var states = {},
|
||
|
|
elements = item.getComposingElements();
|
||
|
|
|
||
|
|
_.each(elements, function(element){
|
||
|
|
var widget = element.data('widget');
|
||
|
|
if(widget){
|
||
|
|
states[element.getSerial()] = widget.getCurrentState().name;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
return states;
|
||
|
|
};
|
||
|
|
|
||
|
|
tools.liveXmlPreview = function(item, $destination) {
|
||
|
|
|
||
|
|
//render qti xml:
|
||
|
|
$(document).on(event.getList().join(' '), _.throttle(function(){
|
||
|
|
|
||
|
|
var rawXml = xmlRenderer.render(item);
|
||
|
|
|
||
|
|
_printXml(rawXml, $destination);
|
||
|
|
|
||
|
|
}, 200));
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
var _formatXml = function(xml) {
|
||
|
|
return vkbeautify.xml(xml, '\t');
|
||
|
|
};
|
||
|
|
|
||
|
|
var _printXml = function(rawXml, $destination) {
|
||
|
|
|
||
|
|
var $code = $(),
|
||
|
|
xml = _formatXml(rawXml);
|
||
|
|
|
||
|
|
xml = xml
|
||
|
|
.replace(/&/g, "&")
|
||
|
|
.replace(/</g, "<")
|
||
|
|
.replace(/>/g, ">")
|
||
|
|
.replace(/"/g, """)
|
||
|
|
.replace(/'/g, "'");
|
||
|
|
|
||
|
|
if ($destination.hasClass('language-markup')) {
|
||
|
|
$code = $destination;
|
||
|
|
} else {
|
||
|
|
$code = $destination.find('code.language-markup');
|
||
|
|
if (!$code.length) {
|
||
|
|
$code = $('<code>', {'class': 'language-markup'});
|
||
|
|
$destination.addClass('line-numbers').html($code);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($code.length) {
|
||
|
|
$code.html(xml);
|
||
|
|
Prism.highlightElement($code[0]);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return tools;
|
||
|
|
});
|