109 lines
2.8 KiB
JavaScript
109 lines
2.8 KiB
JavaScript
(function($) {
|
|
var plugins = [
|
|
{
|
|
"id": "CHOOSE",
|
|
"name": "Please choose your conversion ...",
|
|
"convert": function (input) {
|
|
return {
|
|
"status": "OK",
|
|
"content": ""
|
|
};
|
|
}
|
|
}
|
|
];
|
|
|
|
var optiontemplate = "<option name='{identifier}'>{name}</option>";
|
|
var template = "<div id='wrapper-{index}' class='wrapper'><textarea id='input-{index}' class='input' onchange='den.update(this);' placeholder='Please enter your input ...'>{content}</textarea>"
|
|
+ "<select id='type-{index}' class='conversion' onchange='den.convert(this);'>"
|
|
+ "{options}"
|
|
+ "</select></div>";
|
|
var options = "";
|
|
var i, plugin, option;
|
|
for (i = 0; i < plugins.length; i++) {
|
|
plugin = plugins[i];
|
|
option = optiontemplate.replace(/\{identifier\}/g, plugin.id).replace(/\{name\}/g, plugin.name);
|
|
if (plugin.disabled) {
|
|
option = $(option).attr("disabled", "disabled")[0].outerHTML;
|
|
}
|
|
options += option;
|
|
}
|
|
template = template.replace(/\{options\}/g, options);
|
|
|
|
$(document).ready(function() {
|
|
var $new = $(template.replace(/\{index\}/g, "0").replace(/\{content\}/g, ""));
|
|
$("body").append($new);
|
|
});
|
|
|
|
function getPluginById(id) {
|
|
for (i = 0; i < plugins.length; i++) {
|
|
if (plugins[i].id === id) {
|
|
return plugins[i];
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function convert(select) {
|
|
var $select = $(select);
|
|
var selectid = $select.attr("id");
|
|
var inputIndex = +selectid.split("-")[1];
|
|
var outputIndex = inputIndex + 1;
|
|
var $input = $("#input-" + inputIndex);
|
|
var $output = $("#input-" + outputIndex);
|
|
var appendNewOutput = false;
|
|
var input = $input.val();
|
|
var conversion = $select.find(":selected").attr("name");
|
|
var result;
|
|
var status;
|
|
var output;
|
|
var plugin;
|
|
if ($output.length == 0) {
|
|
appendNewOutput = true;
|
|
}
|
|
plugin = getPluginById(conversion);
|
|
if (plugin !== null) {
|
|
result = plugin.convert(input);
|
|
output = result.content;
|
|
status = result.status
|
|
} else {
|
|
output = "Internal error. Sorry.";
|
|
status = "ERROR";
|
|
}
|
|
if (appendNewOutput) {
|
|
if (output !== "") {
|
|
$output = $(template.replace(/\{index\}/g, "" + outputIndex).replace(/\{content\}/g, output.replace(/\&/g, "&")));
|
|
if (status === "ERROR") {
|
|
$output.find("textarea").addClass("error");
|
|
}
|
|
$("body").append($output);
|
|
}
|
|
} else {
|
|
$output.val(output);
|
|
if (status === "ERROR") {
|
|
$output.addClass("error");
|
|
} else {
|
|
$output.removeClass("error");
|
|
}
|
|
update($output);
|
|
}
|
|
}
|
|
|
|
function update(textarea) {
|
|
var $textarea = $(textarea);
|
|
var areaid = $textarea.attr("id");
|
|
var inputindex = +areaid.split("-")[1];
|
|
var $select = $("#type-" + inputindex);
|
|
var conversion = $select.find(":selected").attr("name");
|
|
var plugin = getPluginById(conversion);
|
|
if (plugin !== null) {
|
|
convert($select);
|
|
}
|
|
}
|
|
|
|
var den = {};
|
|
den.convert = convert;
|
|
den.update = update;
|
|
window.den = window.den || den;
|
|
|
|
})(jQuery);
|