465 lines
22 KiB
HTML
465 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>
|
||
<title id="pt_v">Robin T1 Wash</title>
|
||
</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">Robin T1 Wash</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="dmxa_v">1</div>
|
||
</li>
|
||
<li>
|
||
<div id="dmxp_v">Mode 3</div>
|
||
</li>
|
||
<li>
|
||
<div id="dmxi_v">wired</div>
|
||
</li>
|
||
<li>
|
||
<div id="rdmn_v">Robin T1 Wash</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="emod_v">disable</div>
|
||
</li>
|
||
<li>
|
||
<div id="ee2d_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="eanu_v">0</div>
|
||
</li>
|
||
<li>
|
||
<div id="emau_v">1</div>
|
||
</li>
|
||
<li>
|
||
<div id="emas_v">1</div>
|
||
</li>
|
||
<li>
|
||
<div id="esau_v">1</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="pr_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="tr_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="ptf_v">on</div>
|
||
</li>
|
||
<li>
|
||
<div id="ptm_v">speed</div>
|
||
</li>
|
||
<li>
|
||
<div id="pte_v">on</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="bldmc_v">off</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="blptm_v">off</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="dint_v">10</div>
|
||
</li>
|
||
<li>
|
||
<div id="dsd_v">5 min</div>
|
||
</li>
|
||
<li>
|
||
<div id="dtl_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="dor_v">auto</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="ccalm_v">on</div>
|
||
</li>
|
||
<li>
|
||
<div id="cmixm_v">cmy</div>
|
||
</li>
|
||
<li>
|
||
<div id="chrwh_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="thefs_v">off</div>
|
||
</li>
|
||
<li>
|
||
<div id="cdimc_v">square law</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="dtd_v">13</div>.<div id="dtmo_v">05</div>.<div id="dty_v">2022</div>
|
||
</li>
|
||
<li>
|
||
<div id="dth_v">11</div>:<div id="dtmi_v">09</div>:<div id="dts_v">21</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="mics_v">10</div>
|
||
</li>
|
||
<li>
|
||
<div id="them_v">off</div>
|
||
<div id="themq" class="pl03 dn" style="display: none;">(<div id="fannl_v">0</div>%)</div>
|
||
</li>
|
||
<li>
|
||
<div id="frqs_v">600.0000</div>
|
||
</li>
|
||
<li>
|
||
<div id="fanm_v">auto</div>
|
||
</li>
|
||
<li>
|
||
<div id="tmpu_v">°C</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 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', 'Lamp settings',
|
||
];
|
||
var addrs = ['set_dmx', 'eth_s', 'pt_s', 'bl_s', 'dis_s', 'ldt_s', 'oth_s', 'col_s', 'lamp_s', ];
|
||
var params = [
|
||
['dmxa', 'dmxp', 'dmxi', 'rdmn'],
|
||
['emod', 'ee2d', 'eanu', 'emau', 'emas', 'esau'],
|
||
['pr', 'tr', 'ptf', 'ptm', 'pte'],
|
||
['bldmc', 'blptm', 'blprm', 'blgwm', 'bltim'],
|
||
['dint', 'dsd', 'dtl', 'dor'],
|
||
['dtd', 'dtmo', 'dty', 'dth', 'dtmi', 'dts'],
|
||
['mics', 'fanm', 'tmpu', 'them', 'cpm', 'fannl', 'fsmo', 'btns', 'freq', 'freqa'],
|
||
['ccri', 'cdimc', 'hpwrm', 'ccalm', 'cmixm', 'chrwh', 'thefs', 'whip83z'],
|
||
['lonof', 'lpwr', 'ligde', 'llise', 'lonpon', 'lofvd', 'londp', 'lofdm'],
|
||
];
|
||
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('dmxa', 'DMX address', 'Please put DMX address from 1 to 512');
|
||
h += c_opt('dmxp', 'DMX preset', [3], 'Mode ', 0, 1, '');
|
||
h += c_opt('dmxi', 'DMX input', ['wired', 'wireless', 'wireless XLR out'], '', 0, 1,
|
||
'Can not set wireless input now!');
|
||
h += c_txt('rdmn', 'RDM label', 'Please insert label,max 32 characters')
|
||
} else if (a_m == 1) {
|
||
h += c_rad('emod', 'Ethernet mode', ['disable', 'ArtNet', 'gMA1', 'gMA2', 'sACN'], '', '');
|
||
h += c_rad('ee2d', 'Ethernet to DMX', off_on_l, '', '');
|
||
h += c_txt('eanu', 'ArtNet universe', 'Please put ArtNet universe from 0 to 255');
|
||
h += c_txt('emau', 'MANet I/II universe',
|
||
'Please put MANet I/II universe from 1 to 256 (64 for MANet I)');
|
||
h += c_txt('emas', 'MANet session ID', 'Please put MANet session ID from 1 to 32');
|
||
h += c_txt('esau', 'sACN universe', 'Please put sACN universe from 1 to 32000')
|
||
} else if (a_m == 2) {
|
||
h += '<div class="row">';
|
||
h += c_rad('pr', 'Pan reverse', off_on_l, '', ' col-6');
|
||
h += c_rad('tr', 'Tilt reverse', off_on_l, '', ' col-6');
|
||
h += c_rad('ptf', 'Pan/Tilt feedback', off_on_l, '', ' col-6');
|
||
h += c_rad('ptm', 'Pan/Tilt Mode', ['speed', 'time'], '', ' col-6');
|
||
h += c_rad('pte', 'Pan/Titl EMS', off_on_l, '', ' col-6');
|
||
h += '</div>'
|
||
} else if (a_m == 3) {
|
||
h += c_rad('bldmc', 'Blackout DMC', off_on_l, '', '');
|
||
h += '<h3>Active blackout while</h3>';
|
||
h += c_rad('blptm', 'Pan/Tilt moving', off_on_l, '', '')
|
||
} else if (a_m == 4) {
|
||
h += c_opt('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('dsd', 'Screensaver delay', dsd_dtl_l, '', 0, 0, '');
|
||
h += c_opt('dtl', 'Touchscreen lock', dsd_dtl_l, '', 0, 0, '');
|
||
h += c_rad('dor', 'Display orientation', ['normal', 'inverted', 'auto'], '')
|
||
} else if (a_m == 5) {
|
||
h += '<div class="row">';
|
||
h += c_txt('dtd', 'Day', '', ' col-4');
|
||
h += c_txt('dtmo', 'Month', '', ' col-4');
|
||
h += c_txt('dty', 'Year', '', ' col-4');
|
||
h += c_txt('dth', 'Hour', '', ' col-4');
|
||
h += c_txt('dtmi', 'Minute', '', ' col-4');
|
||
h += c_txt('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('mics', 'Microphone sensitivity', [20], '', 0, 1, '');
|
||
h += c_rad('them', 'Theatre mode', ['off', 'quiet'], '', '');
|
||
h += '<div class="form-group" id="fannl_fg">';
|
||
h += '<label for="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="fannl"></div>';
|
||
h += '<div class="col-3 col-sm-2 mt06 text-right">100%</div>';
|
||
h += '</div>';
|
||
h += '</div>';
|
||
h += c_rad('frqs', 'Frequency setup (Hz)', ['300', '600', '1200', '2400'], '', '');
|
||
h += '<div class="form-group">';
|
||
h += '<label for="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="frqa"></div>';
|
||
h += '<div class="col-5 col-sm-4 mt06 text-right" id="frq_bv"></div>';
|
||
h += '</div>';
|
||
h += '</div>';
|
||
h += c_rad('fanm', 'Fan mode', ['auto', 'high'], '', '');
|
||
h += c_rad('tmpu', 'Temperature unit', ['°C', '°F'], '', '')
|
||
} else if (a_m == 7) {
|
||
h += '<div class="row">';
|
||
h += c_rad('ccalm', 'Colour calibration mode', off_on_l, '', ' col-6');
|
||
h += c_rad('cmixm', 'Colour mixing mode', ['rgb', 'cmy'], '', ' col-6');
|
||
h += c_rad('chrwh', 'Chromatic white', off_on_l, '', ' col-12');
|
||
h += c_rad('thefs', 'Thungsten effect simulation', ['off', '750 W', '1000 W', '1200 W', '2000 W',
|
||
'2500 W'
|
||
], '', ' col-12');
|
||
h += c_rad('cdimc', 'Dimmer curve', ['linear', 'square law'], '', ' col-6')
|
||
} else if (a_m == 8) {
|
||
h += c_rad('lonof', 'Lamp status', off_on_l, '', '');
|
||
h += '<div class="form-group" id="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="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('llise', 'Lamp light sensor', off_on_l, '', ' col-6');
|
||
h += c_rad('lonpon', 'Lamp on power on', off_on_l, '', ' col-6');
|
||
h += c_rad('lofvd', 'Lamp off via DMX', off_on_l, '', ' col-6');
|
||
h += c_rad('londp', 'Lamp on if DMX present', off_on_l, '', ' col-6');
|
||
h += c_rad('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 (a_m == 8) {
|
||
if ($('#ligde_v').html() == 'off') {
|
||
$('#ligde').val(0)
|
||
}
|
||
}
|
||
$('#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)
|
||
});
|
||
if (a_m == 5) {
|
||
$('.uldt').bind('click', function () {
|
||
var date = new Date();
|
||
$('#dtd').val(date.getDate());
|
||
$('#dtmo').val(date.getMonth() + 1);
|
||
$('#dty').val(date.getFullYear());
|
||
$('#dth').val(('0' + date.getHours()).slice(-2));
|
||
$('#dtmi').val(('0' + date.getMinutes()).slice(-2));
|
||
$('#dts').val(('0' + date.getSeconds()).slice(-2))
|
||
})
|
||
} else if (a_m == 6) {
|
||
$('#fannl').on('input change', function () {
|
||
$(this).parent().next().html($(this).val() + '%')
|
||
});
|
||
$('#fannl').change();
|
||
$('input[name=them]').on('change', function () {
|
||
if ($('input[name=them]:checked').val() == 1) $('#fannl_fg').show();
|
||
else $('#fannl_fg').hide()
|
||
});
|
||
$('input[name=them]').change();
|
||
$('input[name=frqs]').eq(frq >> 12).attr('checked', 'checked');
|
||
$('#frqa').val(frq & 0xfff);
|
||
$('input[name=frqs]').on('change', function () {
|
||
frq = $('input[name=frqs]:checked').val() << 12;
|
||
frq |= 0x340;
|
||
$('#frqa').val(0x340);
|
||
$('#frq_bv').html(frq_s(frq) + ' Hz')
|
||
});
|
||
$('#frqa').on('input change', function () {
|
||
frq &= 0xf000;
|
||
frq |= $('#frqa').val();
|
||
$('#frq_bv').html(frq_s(frq) + ' Hz')
|
||
});
|
||
$('#frqa').change()
|
||
} else if (a_m == 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()
|
||
}
|
||
}
|
||
|
||
function frq_s(frq) {
|
||
var f = 360000000000;
|
||
var k = (0x700) - (frq & 0xfff);
|
||
var arr = 465 + ((k >> 8) & 0x0f);
|
||
var x = k & 0xff;
|
||
f = f * (1 << (frq >> 12)) / (arr * (256 - x) + (arr + 1) * (x));
|
||
return Math.floor(f / 10000) + '.' + ('0000' + Math.floor(f % 10000)).slice(-4)
|
||
}
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |