pilpil-server/templates/main.html

97 lines
6.4 KiB
HTML
Raw Normal View History

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>
<!--
2022-11-03 12:48:12 +01:00
<p id="filelist">{{queue_msgs[0]}}</p>
-->
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">&#x1f50d;<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">&#x23ee;<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">&#x23f5;<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">&#x23f8;<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">&#x23f9;<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">&#x23ed;<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">&#x1f502;<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">&#x1f501;<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">&#x3b2;<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">&#x21ad;<span class="btn_txt">{{gui_l10n['str_sync']}}</span></button>
<button id="delete_btn" ondrop="drop(event, this)", ondragover="drag_over_bin(event)" ondragleave="drag_leave_bin(event)" class="delete_btn" role="button">&#x1F5D1;<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">&#x23fb;<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">&#x21BA;<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">&#x1F4A1;<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">&#x1F4A1;<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">&#x21BA;<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">
<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">&#x23ee;<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">&#x23f5;<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">&#x23f8;<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">&#x23f9;<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">&#x23ed;<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">&#x1f502;<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">&#x1f501;<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">&#x1f500;<span class="btn_txt">{{gui_l10n['str_sort']}}</span></button>
<!--
<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">&#x1F5D1;<span class="btn_txt">{{gui_l10n['str_delete']}}</span></button>
-->
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>