mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2025-03-01 10:33:28 +00:00
@@ -1,20 +1,22 @@
|
||||
<div class="container-fluid">
|
||||
<h1 class="page-header" lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</h1>
|
||||
<h1 class="page-header"><i class="fa fa-wifi fa-fw"></i><span lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</span></h1>
|
||||
<div class="introd">
|
||||
<h4 lang="en" data-lang-token="remote_label_intro">Set an effect/color. You could also select a source manually. The Components control give the opportunity to enable/disable components of Hyprion during runtime. All changes you made here are lost after a restart.</h4>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="panel panel-primary" >
|
||||
<div class="panel-heading"> Colors / Effects </div>
|
||||
<div class="panel-heading" lang="en" data-lang-token="remote_colors_label_coloreffect">Colors/Effects</div>
|
||||
<div class="panel-body">
|
||||
<span lang="en" data-lang-token="remote_colors_label_color" style="display:inline-block">color: </span>
|
||||
<span lang="en" data-lang-token="remote_colors_label_color" style="display:inline-block">Color:</span>
|
||||
<div id="cp2" class="colorpicker-component" style="width:auto;display:inline-block;white-space:nowrap;">
|
||||
<input type="text" value="#00AABB" class="form-control" style="display:inline" /><span class="input-group-addon form-control" style="display:inline-block;width:auto;"><i></i></span>
|
||||
</div>
|
||||
<div lang="en" data-lang-token="remote_effects_label_effects" style="display:inline-block;margin-left:50px;">effect: </div>
|
||||
<div lang="en" data-lang-token="remote_effects_label_effects" style="display:inline-block;margin-left:50px;">Effect:</div>
|
||||
<select id="effect_select" class="form-control" style="width:auto;display:inline-block"></select>
|
||||
<button lang="en" data-lang-token="remote_colors_button_reset" type="button" class="btn btn-warning" id="reset_color" style="margin-left:20px;width:auto;display:inline-block">Reset Color/Effect</button>
|
||||
|
||||
@@ -25,28 +27,28 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="panel panel-primary" >
|
||||
<div class="panel-heading"> Input Selection </div>
|
||||
<div class="panel-heading" lang="en" data-lang-token="remote_input_label_sourceselection">Source selection</div>
|
||||
<div class="panel-body">
|
||||
<div id="hyperion_inputs"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg" /></div></div>
|
||||
<p>Hyperion uses a priority system to select a source. Everything you set has a priority (Effect/Color/Platform capture/USB capture and network sources). By default, Hyperion select sources depending on priority (lowest number reflects the current active source). Now you have the opportunity to select sources on your own.</p>
|
||||
<p style="font-weight:bold">Schema: NameOfSource(priority)</p>
|
||||
<div id="hyperion_inputs"><i style="font-size:120px;padding:20px;text-align:center;display: inline-block;width: 100%;line-height: normal;" class="fa fa-cog fa-spin"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="panel panel-primary" >
|
||||
<div class="panel-heading"> Components </div>
|
||||
<div class="panel-heading" lang="en" data-lang-token="remote_components_label_components">Components control</div>
|
||||
<div class="panel-body">
|
||||
<div id="componentsbutton"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg" /></div></div>
|
||||
<div id="componentsbutton"><i style="font-size:120px;padding:20px;text-align:center;display: inline-block;width: 100%;line-height: normal;" class="fa fa-cog fa-spin"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/js/content_remote.js" ></script>
|
||||
|
Reference in New Issue
Block a user