function updateInputSelect() { var data = ""; var i; for(i = 0; i < parsedServerInfoJSON.info.priorities.length; i++) { var owner = parsedServerInfoJSON.info.priorities[i].owner; var active = parsedServerInfoJSON.info.priorities[i].active; var visible = parsedServerInfoJSON.info.priorities[i].visible; var priority = parsedServerInfoJSON.info.priorities[i].priority; var btn_type = "default"; if (active) btn_type = "warning"; if (visible) btn_type = "success"; data += '
'; } data += '
'; $('#hyperion_inputs').html(data); var max_width=200; $('.btn_input_selection').each(function() { if ($(this).innerWidth() > max_width) max_width = $(this).innerWidth(); }); $('.btn_input_selection').css("min-width",max_width+"px"); } function updateComponents(event) { if ($('#componentsbutton').length == 0) { $(hyperion).off("cmd-serverinfo",updateComponents); } else { updateInputSelect(); components = event.response.info.components; // create buttons $('#componentsbutton').html(""); for ( idx=0; idx'; enable_style = (components[idx].enabled? "btn-success" : "btn-danger"); enable_icon = (components[idx].enabled? "fa-play" : "fa-stop"); comp_name = components[idx].name; comp_btn_id = "comp_btn_"+comp_name; // create btn if not there if ($("#"+comp_btn_id).length == 0) { d='

'+$.i18n('general_comp_'+components[idx].name)+'

'; $('#componentsbutton').append(d); } else // already create, update state { setClassByBool( $('#'+comp_btn_id) , components[idx].enabled, "btn-danger", "btn-success" ); setClassByBool( $('#'+comp_btn_id+"_icon"), components[idx].enabled, "fa-stop" , "fa-play" ); $('#'+comp_btn_id).attr("onclick",'requestSetComponentState(\''+comp_name+'\','+(!components[idx].enabled)+')'); } } } } var oldEffects = []; function updateEffectlist(event){ var newEffects = event.response.info.effects; if (newEffects.length != oldEffects.length) { $('#effect_select').html(''); var usrEffArr = []; var sysEffArr = []; for(i = 0; i < newEffects.length; i++) { var effectName = newEffects[i].name; if(!/^\:/.test(newEffects[i].file)){ usrEffArr.push(effectName); } else{ sysEffArr.push(effectName); } } $('#effect_select').append(createSel(usrEffArr, $.i18n('remote_optgroup_usreffets'))); $('#effect_select').append(createSel(sysEffArr, $.i18n('remote_optgroup_syseffets'))); oldEffects = newEffects; } } $(document).ready(function() { performTranslation(); // color $(function() { $('#cp2').colorpicker({ format: 'rgb', colorSelectors: { 'default': '#777777', 'primary': '#337ab7', 'success': '#5cb85c', 'info' : '#5bc0de', 'warning': '#f0ad4e', 'danger' : '#d9534f' }, customClass: 'colorpicker-2x', sliders: { saturation: { maxLeft: 200, maxTop: 200 }, hue: { maxTop: 200 }, alpha: { maxTop: 200 }, } }); $('#cp2').colorpicker().on('changeColor', function(e) { color = e.color.toRGB(); $("#effect_select").val("__none__"); requestSetColor(color.r, color.g, color.b); }); }); $("#reset_color").off().on("click", requestPriorityClear); $("#effect_select").off().on("change", function(event) { efx = $(this).val(); if(efx != "__none__") { requestPriorityClear(); $(hyperion).one("cmd-clear", function(event) { setTimeout(function() {requestPlayEffect(efx)}, 100); }); } }); // components $(hyperion).on("cmd-serverinfo",updateComponents); // effects $(hyperion).on("cmd-serverinfo",updateEffectlist); });