pilpil
/
pilpil-server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

webgui JS l10n

This commit is contained in:
ABelliqueux 2022-12-01 17:30:03 +01:00
parent 3dedb45f09
commit 925bd31595
4 changed files with 32 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app.py
View File

@ -18,10 +18,11 @@ from waitress import serve
# l10n # l10n
LOCALE = os.getenv('LANG', 'en') LOCALE = os.getenv('LANG', 'en_EN')
_ = gettext.translation('template', localedir='locales', languages=[LOCALE]).gettext _ = gettext.translation('template', localedir='locales', languages=[LOCALE]).gettext
gui_l10n = {"str_pilpil_title": _("Pilpil-server"), gui_l10n = {"locale" : LOCALE[:2],
"str_pilpil_title": _("Pilpil-server"),
"str_filename": _("Media Files"), "str_filename": _("Media Files"),
"str_scan": _("Scan"), "str_scan": _("Scan"),
"str_previous": _("Previous"), "str_previous": _("Previous"),

4
changelog_todo.md
View File

@ -70,10 +70,11 @@ sha256 : 401359a84c6d60902c05602bd52fae70f0b2ecac36d550b52d14e1e3230854a6
# DOING NEXT : # DOING NEXT :
* webgui: remove file from timeline (drag&drop to bin?)
# DONE : # DONE :
* webgui: l10n * webgui: l10n html + js
* webgui: Add remote file enqueuing * webgui: Add remote file enqueuing
* webgui: Fix timeline UI * webgui: Fix timeline UI
* webgui: Add video thumbnails to timeline UI * webgui: Add video thumbnails to timeline UI
@ -85,7 +86,6 @@ sha256 : 401359a84c6d60902c05602bd52fae70f0b2ecac36d550b52d14e1e3230854a6
# TODO : # TODO :
* webgui: remove file from timeline (drag&drop to bin?) * webgui: remove file from timeline (drag&drop to bin?)
* webgui: file sync UI freeze/status/progress bar * webgui: file sync UI freeze/status/progress bar
* webgui : js l10n
* ~ Test with several rpis * ~ Test with several rpis
* ? Scripts hotspot linux : nmcli * ? Scripts hotspot linux : nmcli
win : https://github.com/JamesCullum/Windows-Hotspot win : https://github.com/JamesCullum/Windows-Hotspot

30
static/script.js
View File

@ -3,18 +3,35 @@ const DEBUG = 0;
const CMD_PORT = "8888"; const CMD_PORT = "8888";
const TIMELINE_COLOR_CURSOR = "#FF8839"; const TIMELINE_COLOR_CURSOR = "#FF8839";
const TIMELINE_COLOR_BG = "#2EB8E600"; const TIMELINE_COLOR_BG = "#2EB8E600";
const DEFAULT_LOCALE = "en"
// t9n
let t9n =
{ fr : {
statusDefault : "Recherche des clients connectés...",
confirmMessage : "Êtes vous certain de vouloir effectuer cette action ?",
filename : "Nom",
duration : "Durée",
sync : "Transfert des fichiers..."
},
en : {
statusDefault : "Searching network for live hosts...",
confirmMessage : "Are you sure?",
filename : "Filename",
duration : "Duration",
sync : "Syncing files..."
}
}
// Timeline drag and drop elements default attributes // Timeline drag and drop elements default attributes
const tl_cont_attr = {id:"tl_cont", ondrop: "drop(event, this)", ondragover:"allow_drop(event)"}; const tl_cont_attr = {id:"tl_cont", ondrop: "drop(event, this)", ondragover:"allow_drop(event)"};
const tl_drag_attr = {id:"tl_drag", draggable:"true", ondragstart:"drag(event, this)"}; const tl_drag_attr = {id:"tl_drag", draggable:"true", ondragstart:"drag(event, this)"};
// Global object // Global object
window.currentUser = { window.currentUser = {
scan_interval : 3000, scan_interval : 3000,
status_all : "Searching network for live hosts...", status_all : t9n[LOCALE].statusDefault,
medias_status : {}, medias_status : {},
freeze_timeline_update : 0, freeze_timeline_update : 0,
}; };
function sleep(ms) { function sleep(ms) {
let delay = new Promise(function(resolve) { let delay = new Promise(function(resolve) {
setTimeout(resolve, ms); setTimeout(resolve, ms);
@ -291,8 +308,8 @@ function update_local_filelist(infos_array) {
// TODO : Get real media length // TODO : Get real media length
let html_table = "<table>" + let html_table = "<table>" +
"<tr>" + "<tr>" +
"<th>Filename</th>" + "<th>" + t9n[LOCALE].filename + "</th>" +
"<th>Duration</th>" + "<th>" + t9n[LOCALE].duration + "</th>" +
"</tr>"; "</tr>";
infos_array.forEach(function(element){ infos_array.forEach(function(element){
html_table += "<tr>" + html_table += "<tr>" +
@ -399,7 +416,6 @@ function scan_hosts() {
setTimeout(scan_hosts, currentUser.scan_interval); setTimeout(scan_hosts, currentUser.scan_interval);
}; };
// UI // UI
addEventListener("DOMContentLoaded", function() { addEventListener("DOMContentLoaded", function() {
adjust_timeline(); adjust_timeline();
@ -413,7 +429,7 @@ addEventListener("DOMContentLoaded", function() {
if ( command.indexOf("/reboot" ) > -1 || command.indexOf("/poweroff") > -1 ) { if ( command.indexOf("/reboot" ) > -1 || command.indexOf("/poweroff") > -1 ) {
// TODO : l10n // TODO : l10n
if ( !confirm("Êtes vous certain de vouloir effectuer cette action ?") ) { if ( !confirm(t9n[LOCALE].confirmMessage) ) {
return 0; return 0;
} }
@ -438,7 +454,7 @@ addEventListener("DOMContentLoaded", function() {
request.onload = send_ajax_cmd(command); request.onload = send_ajax_cmd(command);
} else if ( command == "/sync/all" ) { } else if ( command == "/sync/all" ) {
currentUser.status_all = "Syncing files..."; currentUser.status_all = t9n[LOCALE].sync;
request.onload = send_ajax_cmd("/sync/status"); request.onload = send_ajax_cmd("/sync/status");
} }

10
templates/main.html
View File

@ -1,12 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<title>RPi Web Server</title> <title>RPi Web Server</title>
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
-->
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
-->
<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}"> <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='style.css')}}">
</head> </head>
@ -86,5 +80,9 @@
</div> </div>
{% endfor %} {% endfor %}
</body> </body>
<script type="text/javascript">
window.LOCALE = "{{gui_l10n['locale']}}";
</script>
<script type="text/javascript" src="{{url_for('static', filename='script.js')}}"></script> <script type="text/javascript" src="{{url_for('static', filename='script.js')}}"></script>
</html> </html>