457 lines
22 KiB
HTML
457 lines
22 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; 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="./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"></div>
|
||
<div class="container 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="t1_dmxa_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dmxp_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dmxi_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_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="t1_emod_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_ee2d_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_eanu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_emau_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_emas_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_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="t1_pr_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_tr_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_ptf_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_ptm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_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="t1_bldmc_v"></div>
|
||
</li>
|
||
</ul>
|
||
<h3>Active blackout while</h3>
|
||
<ul class="group">
|
||
<li>Pan/Tilt moving</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_blptm_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="t1_dint_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dsd_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dtl_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_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>Colour calibration mode</li>
|
||
<li>Colour mixing mode</li>
|
||
<li>Chromatic white</li>
|
||
<li>Thungsten effect simulation</li>
|
||
<li>Dimmer curve</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_ccalm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_cmixm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_chrwh_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_thefs_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_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="t1_dtd_v"></div>.<div id="t1_dtmo_v"></div>.<div id="t1_dty_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dth_v"></div>:<div id="t1_dtmi_v"></div>:<div id="t1_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>Microphone sensitivity</li>
|
||
<li>Theatre mode</li>
|
||
<li>Frequency (Hz)</li>
|
||
<li>Fan mode</li>
|
||
<li>Temperature unit</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_mics_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_them_v"></div>
|
||
<div id="t1_themq" class="pl03 dn" style="display: none;">(<div id="t1_fannl_v"></div>%)</div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_frq_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_fanm_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_tmpu_v"></div>
|
||
</li>
|
||
</ul>
|
||
</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 modal_id = -1;
|
||
var modal_titles = ['DMX/RDM settings', 'Ethernet settings', 'Pan/Tilt settings', 'Blackout settings', 'Screen settings', 'Date & time settings', 'Other settings', 'Color settings', 'Lamp settings'];
|
||
var addrs = ['set_dmx', 'eth_s', 'pt_s', 'bl_s', 'dis_s', 'ldt_s', 'oth_s', 'col_s', 'lamp_s', ];
|
||
var params = [
|
||
['t1_dmxa', 't1_dmxp', 't1_dmxi', 't1_rdmn'],
|
||
['t1_emod', 't1_ee2d', 't1_eanu', 't1_emau', 't1_emas', 't1_esau'],
|
||
['t1_pr', 't1_tr', 't1_ptf', 't1_ptm', 't1_pte'],
|
||
['t1_bldmc', 't1_blptm', 't1_blprm', 't1_blgwm', 't1_bltim'],
|
||
['t1_dint', 't1_dsd', 't1_dtl', 't1_dor'],
|
||
['t1_dtd', 't1_dtmo', 't1_dty', 't1_dth', 't1_dtmi', 't1_dts'],
|
||
['t1_mics', 't1_fanm', 't1_tmpu', 't1_them', 't1_cpm', 't1_fannl', 't1_fsmo', 't1_btns', 't1_freq', 't1_freqa'],
|
||
['t1_ccri', 't1_cdimc', 't1_hpwrm', 't1_ccalm', 't1_mixm', 't1_chrwh', 't1_thefs', 't1_whip83z'],
|
||
['t1_lonof', 't1_lpwr', 't1_ligde', 't1_llise', 't1_lonpon', 't1_lofvd', 't1_londp', 't1_lofdm'],
|
||
];
|
||
|
||
function open_modal(i) {
|
||
var t1_frq = sessionStorage.getItem('t1_frq');
|
||
var t1_them = sessionStorage.getItem('t1_them');
|
||
var t1_fannl = sessionStorage.getItem('t1_fannl');
|
||
|
||
modal_id = i;
|
||
if (modal_id < modal_titles.length) {
|
||
$('#m-t').html(modal_titles[modal_id])
|
||
}
|
||
$('.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 (modal_id == 0) {
|
||
h += c_txt('t1_dmxa', 'DMX address', 'Please put DMX address from 1 to 512');
|
||
h += c_opt('t1_dmxp', 'DMX preset', [3], 'Mode ', 0, 1, '');
|
||
h += c_opt('t1_dmxi', 'DMX input', ['wired', 'wireless', 'wireless XLR out'], '', 0, 1,
|
||
'Can not set wireless input now!');
|
||
h += c_txt('t1_rdmn', 'RDM label', 'Please insert label,max 32 characters')
|
||
} else if (modal_id == 1) {
|
||
h += c_rad('t1_emod', 'Ethernet mode', ['disable', 'ArtNet', 'gMA1', 'gMA2', 'sACN'], '', '');
|
||
h += c_rad('t1_ee2d', 'Ethernet to DMX', off_on_l, '', '');
|
||
h += c_txt('t1_eanu', 'ArtNet universe', 'Please put ArtNet universe from 0 to 255');
|
||
h += c_txt('t1_emau', 'MANet I/II universe',
|
||
'Please put MANet I/II universe from 1 to 256 (64 for MANet I)');
|
||
h += c_txt('t1_emas', 'MANet session ID', 'Please put MANet session ID from 1 to 32');
|
||
h += c_txt('t1_esau', 'sACN universe', 'Please put sACN universe from 1 to 32000')
|
||
} else if (modal_id == 2) {
|
||
h += '<div class="row">';
|
||
h += c_rad('t1_pr', 'Pan reverse', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_tr', 'Tilt reverse', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_ptf', 'Pan/Tilt feedback', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_ptm', 'Pan/Tilt Mode', ['speed', 'time'], '', ' col-6');
|
||
h += c_rad('t1_pte', 'Pan/Tilt EMS', off_on_l, '', ' col-6');
|
||
h += '</div>'
|
||
} else if (modal_id == 3) {
|
||
h += c_rad('t1_bldmc', 'Blackout DMC', off_on_l, '', '');
|
||
h += '<h3>Active blackout while</h3>';
|
||
h += c_rad('t1_blptm', 'Pan/Tilt moving', off_on_l, '', '')
|
||
} else if (modal_id == 4) {
|
||
h += c_opt('t1_dint', 'Display intensity', [10], '', 0, 1, '');
|
||
var t1_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('t1_dsd', 'Screensaver delay', t1_dsd_dtl_l, '', 0, 0, '');
|
||
h += c_opt('t1_dtl', 'Touchscreen lock', t1_dsd_dtl_l, '', 0, 0, '');
|
||
h += c_rad('t1_dor', 'Display orientation', ['normal', 'inverted', 'auto'], '')
|
||
} else if (modal_id == 5) {
|
||
h += '<div class="row">';
|
||
h += c_txt('t1_dtd', 'Day', '', ' col-4');
|
||
h += c_txt('t1_dtmo', 'Month', '', ' col-4');
|
||
h += c_txt('t1_dty', 'Year', '', ' col-4');
|
||
h += c_txt('t1_dth', 'Hour', '', ' col-4');
|
||
h += c_txt('t1_dtmi', 'Minute', '', ' col-4');
|
||
h += c_txt('t1_dts', 'Second', '', ' col-4');
|
||
h += '</div>';
|
||
h += '<button class="btn btn-primary btn-block uldt">Use local date & time</button>'
|
||
} else if (modal_id == 6) {
|
||
h += c_opt('t1_mics', 'Microphone sensitivity', [20], '', 0, 1, '');
|
||
h += c_rad('t1_them', 'Theatre mode', ['off', 'quiet'], '', '');
|
||
h += '<div class="form-group" id="t1_fannl_fg">';
|
||
h += '<label for="t1_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="t1_fannl"></div>';
|
||
h += '<div class="col-3 col-sm-2 mt06 text-right">100%</div>';
|
||
h += '</div>';
|
||
h += '</div>';
|
||
h += c_rad('t1_frqs', 'Frequency setup (Hz)', ['300', '600', '1200', '2400'], '', '');
|
||
h += '<div class="form-group">';
|
||
h += '<label for="t1_frqa" class="col-form-label">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="t1_frqa"></div>';
|
||
h += '<div class="col-5 col-sm-4 mt06 text-right" id="t1_frq_bv"></div>';
|
||
h += '</div>';
|
||
h += '</div>';
|
||
h += c_rad('t1_fanm', 'Fan mode', ['auto', 'high'], '', '');
|
||
h += c_rad('t1_tmpu', 'Temperature unit', ['°C', '°F'], '', '')
|
||
} else if (modal_id == 7) {
|
||
h += '<div class="row">';
|
||
h += c_rad('t1_ccalm', 'Colour calibration mode', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_cmixm', 'Colour mixing mode', ['rgb', 'cmy'], '', ' col-6');
|
||
h += c_rad('t1_chrwh', 'Chromatic white', off_on_l, '', ' col-12');
|
||
h += c_rad('t1_thefs', 'Thungsten effect simulation', ['off', '750 W', '1000 W', '1200 W', '2000 W',
|
||
'2500 W'
|
||
], '', ' col-12');
|
||
h += c_rad('t1_cdimc', 'Dimmer curve', ['linear', 'square law'], '', ' col-6')
|
||
} else if (modal_id == 8) {
|
||
h += c_rad('t1_lonof', 'Lamp status', off_on_l, '', '');
|
||
h += '<div class="form-group" id="t1_ligde_fg">';
|
||
h += '<label for="ligde" class="col-form-label">Lamp ignition delay</label>';
|
||
h += '<div class="row">';
|
||
h +=
|
||
'<div class="col-9 col-sm-10"><input type="range" min="0" max="90" class="form-control" id="t1_ligde"></div>';
|
||
h += '<div class="col-3 col-sm-2 mt06 text-right"></div>';
|
||
h += '</div>';
|
||
h += '</div>';
|
||
h += '<div class="row">';
|
||
h += c_rad('t1_llise', 'Lamp light sensor', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_lonpon', 'Lamp on power on', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_lofvd', 'Lamp off via DMX', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_londp', 'Lamp on if DMX present', off_on_l, '', ' col-6');
|
||
h += c_rad('t1_lofdm', 'Lamp off if DMX missing', off_on_l, '', ' col-6');
|
||
h += '</div>'
|
||
}
|
||
$('#m-b').html(h);
|
||
$('#m-f').show();
|
||
copy_form_values(1);
|
||
if (modal_id == 8) {
|
||
if ($('#ligde_v').html() == 'off') {
|
||
$('#ligde').val(0)
|
||
}
|
||
}
|
||
$('#cfg-modal').modal();
|
||
$('.sb').bind('click', function () {
|
||
loader(1);
|
||
var p_add = '';
|
||
if (modal_id == 6) {
|
||
p_add = '&t1_frq=' + t1_frq
|
||
}
|
||
do_ajax(addrs[modal_id], serialize_parameters(params[modal_id]) + p_add)
|
||
});
|
||
if (modal_id == 5) {
|
||
$('.uldt').bind('click', function () {
|
||
var date = new Date();
|
||
$('#t1_dtd').val(date.getDate());
|
||
$('#t1_dtmo').val(date.getMonth() + 1);
|
||
$('#t1_dty').val(date.getFullYear());
|
||
$('#t1_dth').val(('0' + date.getHours()).slice(-2));
|
||
$('#t1_dtmi').val(('0' + date.getMinutes()).slice(-2));
|
||
$('#t1_dts').val(('0' + date.getSeconds()).slice(-2))
|
||
})
|
||
} else if (modal_id == 6) {
|
||
$('t1_fannl').val(t1_fannl);
|
||
$('input[name=t1_them]').eq(t1_them).attr('checked', 'checked');
|
||
$('#t1_fannl').on('input change', function () {
|
||
$(this).parent().next().html($(this).val() + '%')
|
||
});
|
||
$('#t1_fannl').change();
|
||
$('input[name=t1_them]').on('change', function () {
|
||
if ($('input[name=t1_them]:checked').val() == 1) {
|
||
$('#t1_fannl_fg').show();
|
||
} else {
|
||
$('#t1_fannl_fg').hide();
|
||
}
|
||
});
|
||
$('input[name=t1_them]').change();
|
||
$('input[name=t1_frqs]').eq(t1_frq >> 12).attr('checked', 'checked'); // checks the radio of the proper
|
||
$('#t1_frqa').val(t1_frq & 0xfff);
|
||
$('input[name=t1_frqs]').on('change', function () {
|
||
t1_frq = $('input[name=t1_frqs]:checked').val() << 12;
|
||
t1_frq |= 0x340;
|
||
$('#t1_frqa').val(0x340);
|
||
$('#t1_frq_bv').html(t1_frq_s(t1_frq) + ' Hz')
|
||
});
|
||
$('#t1_frqa').on('input change', function () {
|
||
t1_frq &= 0xf000;
|
||
t1_frq |= $('#t1_frqa').val();
|
||
$('#t1_frq_bv').html(t1_frq_s(t1_frq) + ' Hz')
|
||
});
|
||
$('#t1_frqa').change()
|
||
} else if (modal_id == 8) {
|
||
$('#ligde').on('input change', function () {
|
||
var o = $(this).parent().next();
|
||
if ($(this).val() == 0) o.html('off');
|
||
else o.html($(this).val() + 's')
|
||
});
|
||
$('#ligde').change()
|
||
}
|
||
}
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |