2022-10-06 11:44:59 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>RPi Web Server</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="master_remote">
|
|
|
|
|
<div class="left_col">
|
2022-11-15 17:00:36 +01:00
|
|
|
<h2>{{gui_l10n['str_pilpil_title']}}</h2>
|
2022-10-06 11:44:59 +02:00
|
|
|
<p id="status_all">{{status_message}}</p>
|
2023-01-08 19:29:59 +01:00
|
|
|
<!--
|
2022-11-03 12:48:12 +01:00
|
|
|
<p id="filelist">{{queue_msgs[0]}}</p>
|
2023-01-08 19:29:59 +01:00
|
|
|
-->
|
2022-10-06 11:44:59 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="right_col">
|
|
|
|
|
<p class="buttons">
|
2023-01-18 15:19:18 +01:00
|
|
|
<button value="/scan" class="command btn btn-block btn-lg btn-default el-icon-search" role="button"><span class="btn_txt">{{gui_l10n['str_scan']}}</span></button>
|
|
|
|
|
<button value="/all/previous" class="command btn btn-block btn-lg btn-default el-icon-step-backward" role="button"><span class="btn_txt">{{gui_l10n['str_previous']}}</span></button>
|
|
|
|
|
<button value="/all/play" class="command btn btn-block btn-lg btn-default el-icon-play" role="button"><span class="btn_txt">{{gui_l10n['str_play']}}</span></button>
|
|
|
|
|
<button value="/all/pause" class="command btn btn-block btn-lg btn-default el-icon-pause" role="button"><span class="btn_txt">{{gui_l10n['str_pause']}}</span></button>
|
|
|
|
|
<button value="/all/stop" class="command btn btn-block btn-lg btn-default el-icon-stop" role="button"><span class="btn_txt">{{gui_l10n['str_stop']}}</span></button>
|
|
|
|
|
<button value="/all/next" class="command btn btn-block btn-lg btn-default el-icon-step-forward" role="button"><span class="btn_txt">{{gui_l10n['str_next']}}</span></button>
|
|
|
|
|
<button value="/all/repeat" class="command btn btn-block btn-lg btn-default el-icon-repeat" role="button"><span class="btn_txt">{{gui_l10n['str_repeat']}}</span></button>
|
|
|
|
|
<button value="/all/loop" class="command btn btn-block btn-lg btn-default el-icon-refresh" role="button"><span class="btn_txt">{{gui_l10n['str_loop']}}</span></button>
|
|
|
|
|
<button value="/all/clear" class="command btn btn-block btn-lg btn-default el-icon-remove" role="button"><span class="btn_txt">{{gui_l10n['str_clear']}}</span></button>
|
|
|
|
|
<button value="/all/move/0/1" class="command btn btn-block btn-lg btn-default el-icon-align-left" role="button"><span class="btn_txt">{{gui_l10n['str_sort']}}</span></button>
|
|
|
|
|
<button value="/sync/all" class="command btn btn-block btn-lg btn-default el-icon-share" role="button"><span class="btn_txt">{{gui_l10n['str_sync']}}</span></button>
|
|
|
|
|
<button value="/poweroff/all" onclick="exec_all_hosts('poweroff')" class="command btn btn-block btn-lg btn-default el-icon-off" role="button"><span class="btn_txt">{{gui_l10n['str_poweroff_all']}}</span></button>
|
|
|
|
|
<button value="/reboot/all" onclick="exec_all_hosts('reboot')" class="command btn btn-block btn-lg btn-default el-icon-asterisk" role="button"><span class="btn_txt">{{gui_l10n['str_reboot_all']}}</span></button>
|
|
|
|
|
<button id="delete_btn" ondrop="drop(event, this)", ondragover="drag_over_bin(event)" ondragleave="drag_leave_bin(event)" class="delete_btn el-icon-trash" role="button"><span class="btn_txt">{{gui_l10n['str_delete']}}</span></button>
|
2022-10-06 11:44:59 +02:00
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% for host in hosts %}
|
|
|
|
|
<div class="client_container" id="{{ host }}">
|
|
|
|
|
<div class="left_col">
|
2022-12-12 16:56:33 +01:00
|
|
|
|
2022-10-06 11:44:59 +02:00
|
|
|
<div class="col_1">
|
2022-12-12 16:56:33 +01:00
|
|
|
<h2>{{host}}</h2>
|
2023-01-18 15:19:18 +01:00
|
|
|
<button value="/{{host}}/poweroff" class="command btn btn-block btn-lg btn-default el-icon-off" role="button"><span class="btn_txt">{{gui_l10n['str_poweroff']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/reboot" class="command btn btn-block btn-lg btn-default el-icon-asterisk" role="button"><span class="btn_txt">{{gui_l10n['str_reboot']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/blink" class="el-icon-idea-alt command btn btn-block btn-lg btn-default el-icon-idea" role="button"><span class="btn_txt">{{gui_l10n['str_blink']}}</span></button>
|
|
|
|
|
<button value="/sync/{{host}}" class="command btn btn-block btn-lg btn-default el-icon-share" role="button"><span class="btn_txt">{{gui_l10n['str_sync']}}</span></button>
|
2022-11-15 17:00:36 +01:00
|
|
|
<p id="status_{{host}}">{{status_message}}</p>
|
|
|
|
|
<p id="signal_{{host}}">
|
|
|
|
|
<span style="">{{gui_l10n['str_link']}}:</span>
|
2023-01-08 16:54:25 +01:00
|
|
|
<span class="wl_indicator" id="wl_{{host}}_0"></span>
|
|
|
|
|
<span class="wl_indicator" id="wl_{{host}}_1"></span>
|
|
|
|
|
<span class="wl_indicator" id="wl_{{host}}_2"></span>
|
|
|
|
|
<span class="wl_indicator" id="wl_{{host}}_3"></span>
|
2022-10-06 11:44:59 +02:00
|
|
|
</p>
|
2022-11-15 17:00:36 +01:00
|
|
|
<p id="loop_ind_{{host}}" class="indicator">{{gui_l10n['str_loop']}}</p>
|
|
|
|
|
<p id="repeat_ind_{{host}}" class="indicator">{{gui_l10n['str_repeat']}}</p>
|
2022-10-06 11:44:59 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="col_2">
|
2022-11-15 17:00:36 +01:00
|
|
|
<div>
|
2023-01-18 15:19:18 +01:00
|
|
|
<button value="/{{host}}/browse" class="command btn btn-block btn-lg btn-default el-icon-retweet" role="button"><span class="btn_txt">{{gui_l10n['str_refresh']}}</span></button>
|
2022-11-15 17:00:36 +01:00
|
|
|
<div id="playlist_{{host}}" class="table_cont">
|
|
|
|
|
<table id="file_sel_{{host}}">
|
2022-11-12 18:17:25 +01:00
|
|
|
<tr>
|
2022-11-15 17:00:36 +01:00
|
|
|
<th>{{gui_l10n['str_filename']}}</th>
|
2022-11-12 18:17:25 +01:00
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-06 11:44:59 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right_col">
|
2022-11-25 19:46:41 +01:00
|
|
|
<div class="timeline" id="timeline_{{host}}">
|
2022-10-06 20:08:04 +02:00
|
|
|
<!--
|
|
|
|
|
<div id="tl_contX"></div>
|
|
|
|
|
-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="buttons">
|
2023-01-18 15:19:18 +01:00
|
|
|
<button value="/{{host}}/previous" class="command btn btn-block btn-lg btn-default el-icon-step-backward" role="button"><span class="btn_txt">{{gui_l10n['str_previous']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/play" class="command btn btn-block btn-lg btn-default el-icon-play" role="button"><span class="btn_txt">{{gui_l10n['str_play']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/pause" class="command btn btn-block btn-lg btn-default el-icon-pause" role="button"><span class="btn_txt">{{gui_l10n['str_pause']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/stop" class="command btn btn-block btn-lg btn-default el-icon-stop" role="button"><span class="btn_txt">{{gui_l10n['str_stop']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/next" class="command btn btn-block btn-lg btn-default el-icon-step-forward" role="button"><span class="btn_txt">{{gui_l10n['str_next']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/repeat" class="command btn btn-block btn-lg btn-default el-icon-repeat" role="button"><span class="btn_txt">{{gui_l10n['str_repeat']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/loop" class="command btn btn-block btn-lg btn-default el-icon-refresh" role="button"><span class="btn_txt">{{gui_l10n['str_loop']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/clear" class="command btn btn-block btn-lg btn-default el-icon-remove" role="button"><span class="btn_txt">{{gui_l10n['str_clear']}}</span></button>
|
|
|
|
|
<button id="toggle_val_{{host}}}" value="/{{host}}/sort/1/id" class="command btn btn-block btn-lg btn-default el-icon-align-left" role="button"><span class="btn_txt">{{gui_l10n['str_sort']}}</span></button>
|
2023-01-08 19:29:59 +01:00
|
|
|
<!--
|
2022-12-05 17:08:15 +01:00
|
|
|
<button id="delete_{{host}}" value="/{{host}}/delete" ondrop="drop(event, this)", ondragover="drag_over_bin(event)" ondragleave="drag_leave_bin(event)" class="delete_btn" role="button">🗑<span class="btn_txt">{{gui_l10n['str_delete']}}</span></button>
|
2023-01-08 19:29:59 +01:00
|
|
|
-->
|
2022-10-06 20:08:04 +02:00
|
|
|
</div>
|
2022-10-06 11:44:59 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</body>
|
2022-12-01 17:30:03 +01:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
window.LOCALE = "{{gui_l10n['locale']}}";
|
|
|
|
|
</script>
|
2022-10-06 11:44:59 +02:00
|
|
|
<script type="text/javascript" src="{{url_for('static', filename='script.js')}}"></script>
|
2023-01-18 15:19:18 +01:00
|
|
|
<!-- Support for Drag&Drop on touchscreens-->
|
|
|
|
|
<script type="text/javascript" src="{{url_for('static', filename='DragDropTouch.js')}}"></script>
|
2022-12-01 17:30:03 +01:00
|
|
|
|
2022-10-06 11:44:59 +02:00
|
|
|
</html>
|
