mirror of
				https://github.com/hyperion-project/hyperion.ng.git
				synced 2025-03-01 10:33:28 +00:00 
			
		
		
		
	Set interuption flag to running effects when hyperion emits finished signal Protobuffer, Flatbuffer and Boblight connection priority check to avoid unwanted program behavior Signed-off-by: Paulchen-Panther <Paulchen-Panter@protonmail.com>
		
			
				
	
	
		
			89 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			89 lines
		
	
	
		
			3.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <div class="container-fluid">
 | |
| 	<h3 class="page-header"><i class="fa fa-wifi fa-fw"></i><span data-i18n="main_menu_remotecontrol_token">Remote Control</span></h3>
 | |
| 	<div class="row">
 | |
| 		<div class="col-md-12 col-lg-8 col-xxl-7">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_input_label">Source selection</span></div>
 | |
| 				<div class="panel-body">
 | |
| 					<div id="sstcont"></div>
 | |
| 					<div id="auto_btn"></div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 
 | |
| 		<div class="col-md-6 col-lg-4 col-xxl-5">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_components_label">Components control</span></div>
 | |
| 				<div class="panel-body" id="comp_intro">
 | |
| 					<div id="componentsbutton"></div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 
 | |
| 		<div class="col-md-6 col-lg-6 col-xxl-4">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_color_label">Colors/Effects</span></div>
 | |
| 				<div class="panel-body" id="color_intro">
 | |
| 					<table class="table borderless">
 | |
| 						<tbody>
 | |
| 							<tr>
 | |
| 								<td style="vertical-align:middle"><label for="cpeff" data-i18n="remote_color_label_color"></label></td>
 | |
| 								<td>
 | |
| 									<div id="cp2" class="colorpicker-component input-group">
 | |
| 										<input type="text" id="cpeff" class="form-control"/>
 | |
| 										<span class="input-group-addon"><i></i></span>
 | |
| 										<span class="input-group-addon" id="remote_input_rescol" title="Repeat Color" style="cursor:pointer"><i class="fa fa-repeat"></i></span>
 | |
| 									</div>
 | |
| 								</td>
 | |
| 							</tr>
 | |
| 							<tr>
 | |
| 								<td style="vertical-align:middle"><label for="effect_select" data-i18n="remote_effects_label_effects">Effect:</label></td>
 | |
| 								<td class="input-group">
 | |
| 									<select id="effect_select" class="form-control"></select>
 | |
| 									<span class="input-group-addon" id="remote_input_reseff" title="Repeat Effect" style="cursor:pointer"><i class="fa fa-repeat"></i></span>
 | |
| 								</td>
 | |
| 							</tr>
 | |
| 							<tr style="display:none">
 | |
| 								<td style="vertical-align:middle"><label for="remote_input_img" >Picture:</label></td>
 | |
| 								<td><input id="remote_input_img" type="file" accept="image/*" /></td>
 | |
| 							</tr>
 | |
| 							<tr>
 | |
| 								<td style="vertical-align:middle"><label for="remote_duration" data-i18n="remote_input_duration"></label></td>
 | |
| 								<td class="input-group">
 | |
| 									<input id="remote_duration" type="number" class="form-control" value="0" min="0"/>
 | |
| 									<span class="input-group-addon" data-i18n="edt_append_s"></span>
 | |
| 								</td>
 | |
| 							</tr>
 | |
| 						</tbody>
 | |
| 					</table>
 | |
| 					<button data-i18n="remote_color_button_reset" type="button" class="btn btn-primary" id="reset_color" style="margin-top:10px;">Reset Color/Effect</button>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 		<div class="col-md-6 col-lg-6 col-xxl-3">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_maptype_label">Mapping types</span></div>
 | |
| 				<div class="panel-body" id="maptype_intro">
 | |
| 					<div id="mappingsbutton"></div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 		<div class="col-md-6 col-lg-6 col-xxl-5">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_videoMode_label"></span></div>
 | |
| 				<div class="panel-body" id="videomode_intro">
 | |
| 					<div id="videomodebtns"></div>
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 		<div class="col-md-6 col-lg-6 col-xxl-5">
 | |
| 			<div class="panel panel-default" >
 | |
| 				<div class="panel-heading"><i class="fa fa-wifi fa-fw"></i><span data-i18n="remote_adjustment_label"></span></div>
 | |
| 				<div class="panel-body" id="adjust_content">
 | |
| 				</div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 	</div>
 | |
| </div>
 | |
| <script src="/js/content_remote.js" ></script>
 |