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">
|
2022-11-15 17:00:36 +01:00
|
|
|
<button value="/scan" class="command btn btn-block btn-lg btn-default" 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" 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" 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" 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" 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" 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" 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" 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" role="button">X<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" 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" role="button">↭<span class="btn_txt">{{gui_l10n['str_sync']}}</span></button>
|
2023-01-08 19:29:59 +01:00
|
|
|
<button id="delete_btn" 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>
|
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>
|
2022-11-15 17:00:36 +01:00
|
|
|
<button value="/{{host}}/poweroff" class="command btn btn-block btn-lg btn-default" 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" role="button">↺<span class="btn_txt">{{gui_l10n['str_reboot']}}</span></button>
|
|
|
|
|
<button value="/{{host}}/blink" class="command btn btn-block btn-lg btn-default" role="button">💡<span class="btn_txt">{{gui_l10n['str_blink']}}</span></button>
|
2022-12-12 16:56:33 +01:00
|
|
|
<button value="/sync/{{host}}" class="command btn btn-block btn-lg btn-default" 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>
|
2022-12-12 16:56:33 +01:00
|
|
|
<button value="/{{host}}/browse" class="command btn btn-block btn-lg btn-default" 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">
|
2022-11-15 17:00:36 +01:00
|
|
|
<button value="/{{host}}/previous" class="command btn btn-block btn-lg btn-default" 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" 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" 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" 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" 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" 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" 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" role="button">X<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" 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>
|
2022-12-01 17:30:03 +01:00
|
|
|
|
2022-10-06 11:44:59 +02:00
|
|
|
</html>
|
