636 lines
20 KiB
HTML
636 lines
20 KiB
HTML
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width,initial-scale=1,shrink-to-fit=no"
|
||
/>
|
||
<link rel="stylesheet" href="../files/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="../files/layout.css" />
|
||
<script src="../files/jquery-3.3.1.min.js"></script>
|
||
<script src="../files/popper.min.js"></script>
|
||
<script src="../files/bootstrap.min.js"></script>
|
||
<script src="./base.js"></script>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="./index.html"
|
||
><img src="../files/robe_logo_white.svg" /></a
|
||
><button
|
||
class="navbar-toggler"
|
||
type="button"
|
||
data-toggle="collapse"
|
||
data-target="#navbar"
|
||
>
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbar">
|
||
<ul class="navbar-nav mr-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./index.html">Status</a>
|
||
</li>
|
||
<li class="nav-item active">
|
||
<a class="nav-link" href="./personality.html">Personality</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./logs.html">Logs</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./sensors.html">RAINS logs</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="./discovery.html">Discovery</a>
|
||
</li>
|
||
<li class="nav-item"><a class="nav-link" id="scfg">Settings</a></li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" id="idnt"
|
||
><img class="rdmi" src="../files/identify.svg"
|
||
/></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div
|
||
class="fixed-top text-center device-label"
|
||
id="pth"
|
||
onclick="window.location = ('../index.html')"
|
||
></div>
|
||
<div class="container-fluid in">
|
||
<h1>Personality</h1>
|
||
<div class="row" id="boxes">
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
DMX/RDM settings
|
||
<a class="cfg" onclick="open_modal(0);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>DMX address</li>
|
||
<li>DMX preset</li>
|
||
<li>DMX input</li>
|
||
<li>RDM label</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_dmxa_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dmxp_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dmxi_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_rdmn_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Ethernet settings
|
||
<a class="cfg" onclick="open_modal(1);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Ethernet mode</li>
|
||
<li>Ethernet to DMX</li>
|
||
<li>ArtNet universe</li>
|
||
<li>MANet I/II universe</li>
|
||
<li>MaNet session ID</li>
|
||
<li>sACN universe</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_emod_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_ee2d_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_eanu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_emau_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_emas_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_esau_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Pan/Tilt settings
|
||
<a class="cfg" onclick="open_modal(2);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Pan reverse</li>
|
||
<li>Tilt reverse</li>
|
||
<li>Pan/Tilt feedback</li>
|
||
<li>Pan/Tilt mode</li>
|
||
<li>Pan/Tilt EMS</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_pr_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_tr_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_ptf_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_ptm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_pte_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Blackout settings
|
||
<a class="cfg" onclick="open_modal(3);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Blackout DMC</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_bldmc_v"></div>
|
||
</li>
|
||
</ul>
|
||
<h3>Active blackout while</h3>
|
||
<ul class="group">
|
||
<li>Pan/Tilt moving</li>
|
||
<li>Gobo wheel moving</li>
|
||
<li>Color wheel moving</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_blptm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_blgwm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_blprm_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Screen settings
|
||
<a class="cfg" onclick="open_modal(4);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Display intensity</li>
|
||
<li>Screensaver delay</li>
|
||
<li>Touchscreen lock</li>
|
||
<li>Display orientation</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_dint_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dsd_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dtl_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dor_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Color settings
|
||
<a class="cfg" onclick="open_modal(7);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Dimmer curve</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_cdimc_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Date & time settings
|
||
<a class="cfg" onclick="open_modal(5);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Date</li>
|
||
<li>Time</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_dtd_v"></div>
|
||
.
|
||
<div id="iforte_dtmo_v"></div>
|
||
.
|
||
<div id="iforte_dty_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_dth_v"></div>
|
||
:
|
||
<div id="iforte_dtmi_v"></div>
|
||
:
|
||
<div id="iforte_dts_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>
|
||
Other settings
|
||
<a class="cfg" onclick="open_modal(6);">
|
||
<img src="../files/settings.svg" />
|
||
</a>
|
||
</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Follow spot mode</li>
|
||
<li>LEDs output frequency (Hz)</li>
|
||
<li>Fan mode</li>
|
||
<li>Gobo indexing</li>
|
||
<li>Temperature unit</li>
|
||
<li>Display buttons</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="iforte_fsmo_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_frq_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_fanm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_gind_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_tmpu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="iforte_btns_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c" style="display: block">
|
||
<h2>Pressure test</h2>
|
||
<div class="box prst text-center">
|
||
<span id="pt-l1"></span><span id="pt-l2"></span><span id="pt-l3"></span><button class="btn btn-success btn-block"
|
||
id="pt_b" onclick="pressureTest()">
|
||
Start test
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="cfg-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<img src="../files/settings.svg" />
|
||
<h5 class="modal-title" id="m-t"></h5>
|
||
<button
|
||
type="button"
|
||
class="close"
|
||
data-dismiss="modal"
|
||
aria-label="Close"
|
||
>
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body" id="m-b"></div>
|
||
<div class="modal-footer" id="m-f">
|
||
<button type="button" class="btn btn-primary sb">Save</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var a_m = -1;
|
||
var m_t = [
|
||
"DMX/RDM settings",
|
||
"Ethernet settings",
|
||
"Pan/Tilt settings",
|
||
"Blackout settings",
|
||
"Screen settings",
|
||
"Date & time settings",
|
||
"Other settings",
|
||
"Color settings",
|
||
];
|
||
var addrs = [
|
||
"set_dmx",
|
||
"eth_s",
|
||
"pt_s",
|
||
"bl_s",
|
||
"dis_s",
|
||
"ldt_s",
|
||
"oth_s",
|
||
"col_s",
|
||
];
|
||
var params = [
|
||
["iforte_dmxa", "iforte_dmxp", "iforte_dmxi", "iforte_rdmn"],
|
||
["iforte_emod", "iforte_ee2d", "iforte_eanu", "iforte_emau", "iforte_emas", "iforte_esau"],
|
||
["iforte_pr", "iforte_tr", "iforte_ptf", "iforte_ptm", "iforte_pte"],
|
||
["iforte_bldmc", "iforte_blptm", "iforte_blprm", "iforte_blgwm", "iforte_bltim"],
|
||
["iforte_dint", "iforte_dsd", "iforte_dtl", "iforte_dor"],
|
||
["iforte_dtd", "iforte_dtmo", "iforte_dty", "iforte_dth", "iforte_dtmi", "iforte_dts"],
|
||
[
|
||
"iforte_fanm",
|
||
"iforte_tmpu",
|
||
"iforte_cpm",
|
||
"iforte_fannl",
|
||
"iforte_fsmo",
|
||
"iforte_btns",
|
||
"iforte_freq",
|
||
"iforte_freqa",
|
||
"iforte_gind",
|
||
"iforte_gwhm",
|
||
],
|
||
[
|
||
"iforte_cdimc"
|
||
]
|
||
];
|
||
var frq = 0;
|
||
|
||
function open_modal(i) {
|
||
a_m = i;
|
||
if (a_m < m_t.length) {
|
||
$("#m-t").html(m_t[a_m]);
|
||
}
|
||
$(".sb").unbind();
|
||
$("#m-f").empty();
|
||
$("#m-f").append(
|
||
'<button type="button" class="btn btn-primary sb">Save</button>'
|
||
);
|
||
var off_on_l = ["off", "on"];
|
||
var h = "";
|
||
if (a_m == 0) {
|
||
h += c_txt(
|
||
"iforte_dmxa",
|
||
"DMX address",
|
||
"Please put DMX address from 1 to 512"
|
||
);
|
||
h += c_opt("iforte_dmxp", "DMX preset", [2], "Mode ", 0, 1, "");
|
||
h += c_opt(
|
||
"iforte_dmxi",
|
||
"DMX input",
|
||
["wired", "wireless", "wireless XLR out"],
|
||
"",
|
||
0,
|
||
1,
|
||
"Can not set wireless input now!"
|
||
);
|
||
h += c_txt(
|
||
"iforte_rdmn",
|
||
"RDM label",
|
||
"Please insert label,max 32 characters"
|
||
);
|
||
} else if (a_m == 1) {
|
||
h += c_rad(
|
||
"iforte_emod",
|
||
"Ethernet mode",
|
||
["disable", "ArtNet", "gMA1", "gMA2", "sACN"],
|
||
"",
|
||
""
|
||
);
|
||
h += c_rad("iforte_ee2d", "Ethernet to DMX", off_on_l, "", "");
|
||
h += c_txt(
|
||
"iforte_eanu",
|
||
"ArtNet universe",
|
||
"Please put ArtNet universe from 0 to 255"
|
||
);
|
||
h += c_txt(
|
||
"iforte_emau",
|
||
"MANet I/II universe",
|
||
"Please put MANet I / II universe from 1 to 256 (64 for MANet I)"
|
||
);
|
||
h += c_txt(
|
||
"iforte_emas",
|
||
"MANet session ID",
|
||
"Please put MANet session ID from 1 to 32"
|
||
);
|
||
h += c_txt(
|
||
"iforte_esau",
|
||
"sACN universe",
|
||
"Please put sACN universe from 1 to 32000"
|
||
);
|
||
} else if (a_m == 2) {
|
||
h += c_rad("iforte_pr", "Pan reverse", off_on_l, "", "");
|
||
h += c_rad("iforte_tr", "Tilt reverse", off_on_l, "", "");
|
||
h += c_rad("iforte_ptf", "Pan / Tilt feedback", off_on_l, "", "");
|
||
h += c_rad("iforte_ptm", "Pan / Tilt Mode", ["speed", "time"], "", "");
|
||
h += c_rad("iforte_pte", "Pan / Tilt EMS", off_on_l, "", "");
|
||
} else if (a_m == 3) {
|
||
h += c_rad("iforte_bldmc", "Blackout DMC", off_on_l, "", "");
|
||
h += "<h3>Active blackout while</h3>";
|
||
h += c_rad("iforte_blptm", "Pan/Tilt moving", off_on_l, "", "");
|
||
h += c_rad("iforte_blgwm", "Gobo wheel moving", off_on_l, "", "");
|
||
h += c_rad("iforte_blprm", "Color wheel moving", off_on_l, "", "");
|
||
} else if (a_m == 4) {
|
||
h += c_opt("iforte_dint", "Display intensity", [10], "", 0, 1, "");
|
||
var dsd_dtl_l = [
|
||
"off",
|
||
"1 min",
|
||
"2 min",
|
||
"3 min",
|
||
"4 min",
|
||
"5 min",
|
||
"6 min",
|
||
"7 min",
|
||
"8 min",
|
||
"9 min",
|
||
"10 min",
|
||
];
|
||
h += c_opt("iforte_dsd", "Screensaver delay", dsd_dtl_l, "", 0, 0, "");
|
||
h += c_opt("iforte_dtl", "Touchscreen lock", dsd_dtl_l, "", 0, 0, "");
|
||
h += c_rad(
|
||
"iforte_dor",
|
||
"Display orientation",
|
||
["normal", "inverted", "auto"],
|
||
""
|
||
);
|
||
} else if (a_m == 5) {
|
||
h += '<div class="row">';
|
||
h += c_txt("iforte_dtd", "Day", "", "col-4");
|
||
h += c_txt("iforte_dtmo", "Month", "", "col-4");
|
||
h += c_txt("iforte_dty", "Year", "", "col-4");
|
||
h += c_txt("iforte_dth", "Hour", "", "col-4");
|
||
h += c_txt("iforte_dtmi", "Minute", "", "col-4");
|
||
h += c_txt("iforte_dts", "Second", "", "col-4");
|
||
h += "</div>";
|
||
h +=
|
||
'<button class="btn btn-primary btn-block uldt">Use local date & time</button>';
|
||
} else if (a_m == 6) {
|
||
h += c_opt(
|
||
"iforte_fsmo",
|
||
"Follow spot mode",
|
||
["off", "soft", "medium", "hard"],
|
||
"",
|
||
0,
|
||
0,
|
||
""
|
||
);
|
||
h += c_rad(
|
||
"iforte_frqs",
|
||
"LEDs output frequency (Hz)",
|
||
["300", "600", "1200", "2400"],
|
||
"",
|
||
""
|
||
);
|
||
h += '<div class="form-group">';
|
||
h +=
|
||
'<label for="iforte_frqa" class="col-form-label">LEDs frequency adjust</label>';
|
||
h += '<div class="row">';
|
||
h +=
|
||
'<div class="col-7 col-sm-8"><input type="range" min="0" max="1663" class="form-control" id="iforte_frqa"></div>';
|
||
h += '<div class="col-5 col-sm-4 mt06 text-right" id="iforte_frq_bv"></div>';
|
||
h += "</div>";
|
||
h += "</div>";
|
||
h += c_rad("iforte_fanm", "Fan mode", ["auto", "high", "quiet"], "", "");
|
||
h += '<div class="form-group" id="iforte_fannl_fg">';
|
||
h +=
|
||
'<label for="iforte_fannl" class="col-form-label">Fan noise level</label>';
|
||
h += '<div class="row">';
|
||
h +=
|
||
'<div class="col-9 col-sm-10"><input type="range" min="0" max="100" class="form-control" id="iforte_fannl"></div>';
|
||
h += '<div class="col-3 col-sm-2 mt06 text-right">100 %</div>';
|
||
h += "</div>";
|
||
h += "</div>";
|
||
h += c_opt(
|
||
"iforte_gind",
|
||
"Gobo indexing",
|
||
[
|
||
"max. speed & shortcut",
|
||
"follow spd. & dir.",
|
||
"max. spd. & follow dir.",
|
||
],
|
||
"",
|
||
0,
|
||
0,
|
||
""
|
||
);
|
||
h += c_rad("iforte_tmpu", "Temperature unit", ["°C", "°F"], "", "");
|
||
h += c_rad("iforte_btns", "Display buttons", off_on_l, "", "");
|
||
} else if (a_m == 7) {
|
||
h += c_rad("iforte_cdimc", "Dimmer curve", ["linear", "square law"], "", "");
|
||
}
|
||
|
||
$("#m-b").html(h);
|
||
$("#m-f").show();
|
||
copy_form_values(1);
|
||
$("#cfg-modal").modal();
|
||
$(".sb").bind("click", function () {
|
||
loader(1);
|
||
var p_add = "";
|
||
if (a_m == 6) {
|
||
p_add = "&frq=" + frq;
|
||
}
|
||
do_ajax(addrs[a_m], serialize_parameters(params[a_m]) + p_add, function (json) {
|
||
if (json) {
|
||
if (json["status"] == 0) {
|
||
copy_form_values(0);
|
||
if (a_m == 0) {
|
||
ptit(json["pt"]);
|
||
} else if (a_m == 6) {
|
||
if (json["iforte_fanm"] == "quiet") {
|
||
$("#iforte_themq").show();
|
||
} else {
|
||
$("#iforte_themq").hide();
|
||
}
|
||
$("#iforte_frqs_v").html(iforte_frq_s(frq));
|
||
}
|
||
close_modal();
|
||
}
|
||
show_errors(json["status"], params[a_m]);
|
||
loader(0);
|
||
}
|
||
});
|
||
});
|
||
if (a_m == 5) {
|
||
$(".uldt").bind("click", function () {
|
||
var date = new Date();
|
||
$("#iforte_dtd").val(date.getDate());
|
||
$("#iforte_dtmo").val(date.getMonth() + 1);
|
||
$("#iforte_dty").val(date.getFullYear());
|
||
$("#iforte_dth").val(("0" + date.getHours()).slice(-2));
|
||
$("#iforte_dtmi").val(("0" + date.getMinutes()).slice(-2));
|
||
$("#iforte_dts").val(("0" + date.getSeconds()).slice(-2));
|
||
});
|
||
} else if (a_m == 6) {
|
||
$("#iforte_fannl").on("input change", function () {
|
||
$(this)
|
||
.parent()
|
||
.next()
|
||
.html($(this).val() + "%");
|
||
});
|
||
$("#iforte_fannl").change();
|
||
$("input[name=iforte_fanm]").on("change", function () {
|
||
if ($("input[name=iforte_fanm]:checked").val() == 2) {
|
||
$("#iforte_fannl_fg").show();
|
||
} else {
|
||
$("#iforte_fannl_fg").hide();
|
||
}
|
||
});
|
||
$("input[name=iforte_fanm]").change();
|
||
$("input[name=iforte_frqs]")
|
||
.eq(frq >> 12)
|
||
.attr("checked", "checked");
|
||
$("#iforte_frqa").val(frq & 0xfff);
|
||
$("input[name=iforte_frqs]").on("change", function () {
|
||
frq = $("input[name=iforte_frqs]:checked").val() << 12;
|
||
frq |= 0x340;
|
||
$("#iforte_frqa").val(0x340);
|
||
$("#iforte_frq_bv").html(iforte_frq_s(frq) + " Hz");
|
||
});
|
||
$("#iforte_frqa").on("input change", function () {
|
||
frq &= 0xf000;
|
||
frq |= $("#iforte_frqa").val();
|
||
$("#iforte_frq_bv").html(iforte_frq_s(frq) + " Hz");
|
||
});
|
||
$("#iforte_frqa").change();
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |