SuperScriptMaterializer/SuperScriptViewer/static/site.js
2020-04-17 23:31:27 +08:00

100 lines
3.0 KiB
JavaScript

previousHighlight = "";
function highlightLink(target) {
realTarget = ".target" + target
if (previousHighlight != "") {
//need restore
$(previousHighlight).each(function() {
if ($(this).hasClass("link-blink")) {
$(this).attr("stroke", "black")
}
if ($(this).hasClass("link-blinkDelay")) {
$(this).attr("fill", "black")
}
if ($(this).hasClass("link-plink")) {
$(this).attr("stroke", "blue")
}
if ($(this).hasClass("link-elink")) {
$(this).attr("stroke", "cyan")
}
});
}
// double one-click, only cancel highlight and don't apply any hightlight
if (realTarget == previousHighlight) {
previousHighlight = "";
} else {
//apply new highlight
$(realTarget).each(function() {
if ($(this).hasClass("link-blink")) {
$(this).attr("stroke", "yellow")
}
if ($(this).hasClass("link-blinkDelay")) {
$(this).attr("fill", "yellow")
}
if ($(this).hasClass("link-plink")) {
$(this).attr("stroke", "orange")
}
if ($(this).hasClass("link-elink")) {
$(this).attr("stroke", "orange")
}
});
previousHighlight = realTarget
}
//cancel event seperate
event.stopPropagation();
}
function queryInfo(obj) {
$.post(window.location,
{
operation: "info",
target: obj
},
function(data, status) {
//set id
$("#sidepanel-properties-id").text(obj);
//set data
$("#sidepanel-properties-container").empty()
for (var key in data) {
$("#sidepanel-properties-container").append("<p><b>" + key + ":</b><br /><pre>" + data[key] +"</pre></p>")
}
});
}
function sidePanelSwitcher(target) {
// 0->property; 1->display; 2->tools
//disable all
$("#sidepanel-properties").hide();
$("#sidepanel-display").hide();
$("#sidepanel-tools").hide();
$(".tabitem").each(function() {
$(this).removeClass("tabitem-activated").addClass("tabitem-deactivated");
});
switch (target) {
case 0:
$("#sidepanel-properties").show();
$(".tabitem1").each(function() {
$(this).removeClass("tabitem-deactivated").addClass("tabitem-activated");
});
break;
case 1:
$("#sidepanel-display").show();
$(".tabitem2").each(function() {
$(this).removeClass("tabitem-deactivated").addClass("tabitem-activated");
});
break;
case 2:
$("#sidepanel-tools").show();
$(".tabitem3").each(function() {
$(this).removeClass("tabitem-deactivated").addClass("tabitem-activated");
});
break;
}
}