Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/**
* Created by elis on 03.12.2015.
*/
$(function() {
// triggered if an option for a label connection was selected
$("#selectRelations").select2().on("select2-selecting", function(e) {
// set new name on label
$("#" + currentConnectionID).html(e.val.toUpperCase());
$("#" + currentConnectionID)[0].setAttribute("title", e.choice.text);
// unmark label
$("#" + currentConnectionID).css("background-color", "");
$("#" + currentConnectionID).css("color", "");
// hide property in tab
$("#tabUnitLabel").hide();
// get connection id and scenario name
var connID = $("#" + currentConnectionID)[0]._jsPlumb.component.id;
var currentScenario = $("#lname")[0].innerHTML;
// get current scenario's JSON
var thisScenario = authorSystemContent.getScenario(currentScenario);
var thisConnection = thisScenario.getConnection(connID);
thisConnection.setLabel(e.val.toUpperCase());
thisConnection.setTitle(e.choice.text);
});
// deletes selected connection
$("#btnDeleteConnection").on("click", function() {
// get connection object
var con = $("#" + currentConnectionID)[0]._jsPlumb.component;
// detach connection
inst.detach(con);
// get id and current scenario name
var connID = con.id;
var currentScenario = $("#lname")[0].innerHTML;
// get current scenario's JSON
var thisScenario = authorSystemContent.getScenario(currentScenario);
// delete connection in JSON structure
thisScenario.removeConnection(thisScenario.getConnection(connID));
// hide tab after connection was deleted
$("#tabUnitLabel").hide();
});
});
function fillRelationTab(connection) {
var label = connection.getOverlay("label");
// update current label
currentConnectionID = label.canvas.id;
// test 'if (label.id == "label")' is obsolete since jsPlumb hands in parameter c : Connection
// get name of source and target unit
var sourceUnit = connection.source.parentElement.innerText;
var targetUnit = connection.target.innerText;
// add names in relations labels
$("#preLabelRelations").html(sourceUnit + " ist eine");
$("#postLabelRelations").html("für " + targetUnit);
// clear markings from connection labels
$(".aLabel").css("background-color", "");
$(".aLabel").css("color", "");
// set label connection mark
$("#" + currentConnectionID).css("background-color", "#1e8151");
$("#" + currentConnectionID).css("color", "white");
// clear unit marking and hide unit properties
$(".w").css("background", "");
$(".w").css("color", "");
$(".tabContents").hide();
$(".tab-Container").hide();
// show relations tab: set label connection property visible
$("#tabUnitLabel").css("display", "block");
// show right selection of the current label in selection bar
$("#selectRelations").children("option").each(function() {
if ( $(this)[0].value.toUpperCase() == label.label ) {
$("#selectRelations").select2("data", {
id:$(this)[0].value,
text:$(this)[0].innerHTML
});
}
});
}