Storyboard 
>Model
ID:(1821, 0)
// cnt_storyboard
function show_div(num) {
for (i = 0; i < num; i++) {
("#fld_" + i.toString()).show();
}
}
function one_div(idx, num) {
for (i = 0; i < num; i++) {
if (idx == i) {
$("#fld_" + i.toString()).show();
} else {
$("#fld_" + i.toString()).hide();
}
}
}
function sound(txt) {
const synth = window.speechSynthesis;
slang = "en";
slang = slang + "-" + slang.toUpperCase();
sentences = txt.replace(/\$/g, '').replace(/<[^>]*>?/gm, '').split(/[\\.!?]/);
for (i = 0; i < sentences.length; i++) {
var utterThis = new SpeechSynthesisUtterance(sentences[i]);
utterThis.lang = slang;
synth.speak(utterThis);
}
}
// adapt
function content_adapt() {
// getWorkStoryboard - content_adapt
// keys
var code = getCookie('druyd1');
if(code == '' || code == '[]'){
code = '{}';
setCookie('druyd1',code,365);
}
var obj = JSON.parse(code);
// base
var cookie = getCookie('druyd0');
if(cookie != '' && cookie.length > 0){
url_structure = window.location.href.split('/');
structure_arr = url_structure[url_structure.length-2].split('-');
slang = url_structure[url_structure.length-1];
nlang = language.indexOf(slang);
if(nlang == undefined){ nlang = 1; }
var code = getCookie('druyd1');
var obj = JSON.parse(code);
student = obj.student;
if(student == ''){
student = user_data[0];
}
if(structure_arr.length == 1){
$('#title').text("Subject");
$('#cb_main').prop('disabled', true);
$('#review').removeAttr('hidden');
$('#review').prop('disabled', true);
$('#eva').removeAttr('hidden');
$('#clear').removeAttr('hidden');
main_id = obj.id_subject;
$.ajax({
type:'POST',
url: '/getSubjectModel',
data: JSON.stringify(["Select",nlang]),
contentType:'application/json',
dataType: 'json',
success: function(data){
main_idx = getIdxComboBox(main_id, data);
setupCombobox($('#cb_main'), '100%', data, main_idx, false);
if(main_idx == 0){
loadMap(main_id, 0);
} else {
loadMap(main_id, 1);
}
setupCombobox($('#equation'), '100%', cb_eq_list, 0, false);
}
});
}
}
en_user_cookie = getCookie('druyd');
if(de_user_cookie != '' && de_user_cookie.length > 0){
user_data = JSON.parse(de_user_cookie);
if(user_data[0] == 1){
$('#save_clipboard').removeAttr('hidden');
$('#load_clipboard').removeAttr('hidden');
}
}
}
// actions
(document).ready(function () {
content_adapt()
// content_action in cnt_storyboard
// getWorkStoryboard - content_action
('#cb_main').on('select',function(event){
if(structure_arr.length == 1){
main_idx = $('#cb_main').jqxComboBox('getSelectedIndex') - 1;
main_id = $('#cb_main').val();
var code = getCookie('druyd1');
if(code == '[]'){ code = '{}'; }
var obj = JSON.parse(code);
obj.id_subject = main_id;
code = JSON.stringify(obj);
setCookie('druyd1',code,365);
if(main_idx == 0){
loadMap(main_id, 0);
} else {
loadMap(main_id, 1);
}
}
});
('#model').on('select',function(event){
model_idx =
('#model').jqxComboBox('getSelectedIndex') - 1;
var arr = cb_model_list[model_idx+1].value.split('@');
if(model_idx > -1){
$('#review').prop('disabled', false);
$('#clear').prop('disabled', false);
$('#edit').show();
$('#description').html(arr[1]);
var html = getStructureModelParameter(model_idx,"Code","Parameter","Symbol","Text","Unit");
$('#parameters').html(html);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,parameters]);
// network
draw();
html = getMainEquation("Symbol","Text","Equation","Variables","Unit");
$('#equations').html(html);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,equations]);
} else {
$('#review').prop('disabled', true);
$('#clear').prop('disabled', true);
$('#edit').hide();
}
});
('#conditions').on('select',function(event){
html = getMainEquation("Symbol","Text","Equation","Variables","Unit");
('#equations').html(html);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,'equations']);
});
('#equation').on('select',function(event){
var eq_idx = $('#equation').jqxComboBox('getSelectedIndex') - 1;
if(eq_idx > -1){
var items = eqvar_list[eq_idx][1];
var html = "";
html = html + ""+
"";
for(var i = 0; i < items.length; i++){
html = html + "";
}
html = html + '
';
} else {
html = '';
}
('#variables').html(html);
});
('#add').click(function(){
// get equation
var eq_idx =
('#equation').jqxComboBox('getSelectedIndex') - 1;
var eq_item = eq_list[eq_idx];
var idx = 0;
var cnt = 0;
for(var i = 0;i < eqcnt.length;i++){
if(eqcnt[i][0] == eq_item[0]){
cnt++;
}
}
var model_eqcnt = eqcnt_list[model_idx][1];
var i = 0;
while(i < model_eqcnt.length){
if(model_eqcnt[i][0] == eq_item[0] && model_eqcnt[i][1] == cnt){
idx = i;
i = model_eqcnt.length;
}
i++;
}
var id_eq = eq_item[0];
var eqvar_txt = eq_item[1];
var eqvar_tex = eq_item[2];
var eqpar_txt = eq_item[1];
var eqpar_tex = eq_item[2];
// [id_equation, [id_variable, var_txt, var_tex, name, code_txt, code_tex, id_unit, eqvar_txt, eqvar_tex]]
var var_items = eqvar_list[eq_idx][1];
// [id_model, [id, name, gender, par_txt, par_tex, code_txt, code_tex, id_unit, val_mks, val_uni, uni_txt, uni_tex]]
var pardata = par_list[model_idx][1];
// check codes
var err = 0;
var k = 0;
while(k < var_items.length && err == 0){
var sub = $('#code_'+k).val().charCodeAt(0) - 97;
if(sub == undefined || sub < 0 || sub > pardata.length){ err = 1; }
k++;
}
if(err == 0){
var temp = [];
for(k = 0;k < var_items.length;k++){
var id_variable = var_items[k][0];
var var_txt = var_items[k][1];
var var_tex = var_items[k][2];
var name = var_items[k][3];
var code_txt = var_items[k][4];
var code_tex = var_items[k][5];
var id_unit = var_items[k][6];
var seqvar_txt = var_items[k][7];
var seqvar_tex = var_items[k][8];
var sub = $('#code_'+k).val().charCodeAt(0) - 97;
var sname = pardata[sub][1];
var id_model_variable = pardata[sub][0];
var par_txt = pardata[sub][3];
var par_tex = pardata[sub][4];
temp.push([id_variable, name, id_unit, code_txt, code_tex, var_txt, var_tex, seqvar_txt, seqvar_tex, id_model_variable, par_txt, par_tex, seqvar_txt, seqvar_tex, sname]);
}
for(var i = 0;i < temp.length;i++){
eqpar_txt = eqpar_txt.replace(' '+temp[i][5]+' ',' '+temp[i][10]+' ');
eqpar_tex = eqpar_tex.replace(' '+temp[i][6]+' ',' '+temp[i][11]+' ');
}
for(var i = 0;i < temp.length;i++){
for(var j = 0;j < temp.length;j++){
temp[j][12] = temp[j][12].replace(' '+temp[i][5]+' ',' '+temp[i][10]+' ');
temp[j][13] = temp[j][13].replace(' '+temp[i][6]+' ',' '+temp[i][11]+' ');
}
}
eqcnt.push([id_eq, cnt, eqvar_txt, eqvar_tex, eqpar_txt, eqpar_tex, idx]);
eqpar.push([id_eq, cnt, temp]);
showModel("Theory","Model");
} else {
Swal.fire({icon:'error',title: "Error",text: "Incorrect code in variable list."});
}
});
('#clear').click(function(){
eqcnt = [];
eqpar = [];
('#equation').jqxComboBox('selectIndex',0);
('#variables').html('');
('#missing').html('');
('#mark').val('');
showModel();
});
$('#review').click(function(){
model_idx =
('#model').jqxComboBox('getSelectedIndex') - 1;
var mark = reviewMapping(model_idx);
html = writeReviewMapping(model_idx);
('#missing').html(html);
MathJax.Hub.Queue(['Typeset',MathJax.Hub,missing]);
eva = Math.round(100*mark);
$('#eva').html('
'+eva+'%
');
('#mark').val(mark);
});
var idx = 0;
var num = "2";
("#lr").hide()
("#content").css({ 'height': (window.innerHeight - $('#head').height() - 16) + 'px' });
('#select input[type=radio]').change(function () {
("#content").css({ 'height': (window.innerHeight - $('#head').height() - 16) + 'px' });
if ((this).val() == 2) {
("#lr").show(num);
cnt = idx + 1
('#cnt').text(cnt.toString() + ' of ' + num.toString());
one_div(idx, num);
("#fld_video").hide();
} else {
$("#lr").hide();
if ($(this).val() == 3) {
one_div(-1, num);
$("#fld_video").show();
} else {
show_div(num);
$("#fld_video").hide();
}
}
});
('#select input[type=label]').click(function () {
});
("#left").click(function () {
idx--;
if (idx < 0) { idx = num - 1; }
cnt = idx + 1
$('#cnt').text(cnt.toString() + ' of ' + num.toString());
one_div(idx, num);
});
("#right").click(function () {
idx++;
if (idx > num - 1) { idx = 0; }
cnt = idx + 1
('#cnt').text(cnt.toString() + ' of ' + num.toString());
one_div(idx, num);
});
("#ctrl").click(function () {
if (
("#index-panel").is(":visible") == true) {
$("#index-panel").hide();
$('#mainSplitter').jqxSplitter({ panels: [{ size: '0%' }, { size: '100%' }] });
$("#arrow").attr("src", "/static/icons/chevronright32b.png");
} else {
$("#index-panel").show();
$('#mainSplitter').jqxSplitter({ panels: [{ size: '25%' }, { size: '75%' }] });
$("#arrow").attr("src", "/static/icons/chevronleft32b.png");
}
});
// radiobuttons of Model
('#networkEquation').on("click", function () {
setNetworkEquation(vgraph_network);
});
$('#networkNumber').on("click", function () {
setNetworkNumber(vgraph_network);
});
});