frodovdr/hyperion.ng
1
0
Fork 0
mirror of https://github.com/hyperion-project/hyperion.ng.git synced 2023-10-10 13:36:59 +02:00
Code Issues Releases Wiki Activity

Translation update (#280)

Browse Source 
* update translation

* add css
This commit is contained in:
brindosch 2016-10-27 23:42:24 +02:00 committed by redPanther
parent fab0c208fe
commit 33c91f73e3
16 changed files with 177 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/webconfig/content/colors.html
View File

@ -2,14 +2,14 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="main_menu_grabber_conf_token">Image Processing</h1> <h1 class="page-header"><i class="fa fa-photo fa-fw"></i><span lang="en" data-lang-token="main_menu_colors_conf_token">Image Processing</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="remote_general_conf_intro">You can edit the image and color configuration here.</h4> <h4 lang="en" data-lang-token="conf_colors_label_intro">Color calibration, smoothing (color transistions) and detection of blackbars.</h4>
</div> </div>
<hr /> <hr />
<div class="col-lg-12"> <div class="col-lg-12">
<div id='editor_container'/> <div id='editor_container'/>
<button class="btn btn-success" id='btn_submit'>Save Settings</button> <button class="btn btn-success" id='btn_submit' lang="en" data-lang-token="general_button_savesettings">Save Settings</button>
</div> </div>
</div> </div>

17
assets/webconfig/content/connection_lost.html
View File

@ -3,18 +3,17 @@
<center> <center>
<img src="img/hyperion/hyperionlostconnection.png" alt="Redefine ambient light!"> <img src="img/hyperion/hyperionlostconnection.png" alt="Redefine ambient light!">
<div> <div>
<h2>Lost connection to Hyperion service!<h1> <h2 lang="en" data-lang-token="info_conlost_label_title">Lost connection to Hyperion service!</h2>
<hr> <hr>
<h4>Possible reasons:</h4> <h4 lang="en" data-lang-token="info_conlost_label_reason">Possible reasons:</h4>
<p>1. Hyperion restarts</p> <p lang="en" data-lang-token="info_conlost_label_reason1">- Hyperion restarts</p>
<p>2. You perform an update</p> <p lang="en" data-lang-token="info_conlost_label_reason2">- You perform an update</p>
<p>3. An older browser session</p> <p lang="en" data-lang-token="info_conlost_label_reason3">- Hyperion isn't running</p>
<p>3. Hyperion isn't running</p>
<hr> <hr>
<i class="fa fa-refresh fa-spin" style="font-size:50px"></i> <i class="fa fa-refresh fa-spin" style="font-size:50px"></i>
<h4>This page will be automatically refreshed.</h4> <h4 lang="en" data-lang-token="info_conlost_label_autorefresh">This page will be automatically refreshed.</h4>
<h4>We reconnect again after Hyperion is available.</h4> <h4 lang="en" data-lang-token="info_conlost_label_autorecon">We reconnect again after Hyperion is available.</h4>
<a href="/">If not, click me</a> <a href="/" lang="en" data-lang-token="info_conlost_label_reload">If not, click me or reload the page</a>
</div> </div>
</center> </center>
</div> </div>

20
assets/webconfig/content/dashboard.html
View File

@ -1,7 +1,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header">Dashboard</h1> <h1 class="page-header"><i class="fa fa-dashboard fa-fw"></i><span lang="en" data-lang-token="main_menu_dashboard_token">Dashboard</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="dashboard_label_intro">The dashboard give you a quick overview about the status of Hyperion and show you the latest news of the Hyperion Blog.</h4> <h4 lang="en" data-lang-token="dashboard_label_intro">The dashboard give you a quick overview about the status of Hyperion and show you the latest news of the Hyperion Blog.</h4>
</div> </div>
@ -10,25 +10,25 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-info-circle fa-fw"></i> <i class="fa fa-info-circle fa-fw"></i>
<span lang="en" data-lang-token="dashboard_label_infobox_title">Information</span> <span lang="en" data-lang-token="dashboard_infobox_label_title">Information</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<table class="table borderless"> <table class="table borderless">
<tbody> <tbody>
<tr> <tr>
<td lang="en" data-lang-token="dashboard_label_infobox_currenthyp">Your Hyperion version:</td> <td lang="en" data-lang-token="dashboard_infobox_label_currenthyp">Your Hyperion version:</td>
<td id="currentversion">unknown</td> <td id="currentversion">unknown</td>
</tr> </tr>
<tr> <tr>
<td lang="en" data-lang-token="dashboard_label_infobox_latesthyp">Latest version:</td> <td lang="en" data-lang-token="dashboard_infobox_label_latesthyp">Latest version:</td>
<td id="latestversion">unknown</td> <td id="latestversion">unknown</td>
</tr> </tr>
<tr> <tr>
<td lang="en" data-lang-token="dashboard_label_infobox_leddevice">LED type:</td> <td lang="en" data-lang-token="dashboard_infobox_label_leddevice">LED type:</td>
<td id="dash_leddevice">unknown</td> <td id="dash_leddevice">unknown</td>
</tr> </tr>
<tr> <tr>
<td lang="en" data-lang-token="dashboard_label_infobox_device">Device:</td> <td lang="en" data-lang-token="dashboard_infobox_label_device">Device:</td>
<td id="dash_systeminfo"></td> <td id="dash_systeminfo"></td>
</tr> </tr>
</tbody> </tbody>
@ -42,14 +42,14 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-eye fa-fw"></i> <i class="fa fa-eye fa-fw"></i>
<span lang="en" data-lang-token="dashboard_label_componentbox_title">Components status</span> <span lang="en" data-lang-token="dashboard_componentbox_label_title">Components status</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
<th>Component</th> <th lang="en" data-lang-token="dashboard_componentbox_label_comp">Component</th>
<th>Status</th> <th lang="en" data-lang-token="dashboard_componentbox_label_status">Status</th>
</tr> </tr>
</thead> </thead>
<tbody id="tab_components"> <tbody id="tab_components">
@ -62,7 +62,7 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-newspaper-o fa-fw"></i> <i class="fa fa-newspaper-o fa-fw"></i>
<span lang="en" data-lang-token="dashboard_label_newsbox_title">Latest blog posts</span> <span lang="en" data-lang-token="dashboard_newsbox_label_title">Latest blog posts</span>
</div> </div>
<div class="panel-body"> <div class="panel-body">

6
assets/webconfig/content/effects.html
View File

@ -1,14 +1,14 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="main_menu_general_conf_token">Effects</h1> <h1 class="page-header"><i class="fa fa-spinner fa-fw"></i><span lang="en" data-lang-token="main_menu_effect_conf_token">Effects</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="remote_general_conf_intro">You can edit the effect settings here.</h4> <h4 lang="en" data-lang-token="conf_effects_label_intro">Setting up a booteffect/color that is visible after Hyperion startup. Configure a background effect/color which is active, when all capture sources are disabled (also temporarily via Kodi Watch)</h4>
</div> </div>
<hr> <hr>
<div class="col-lg-12"> <div class="col-lg-12">
<div id='editor_container'></div> <div id='editor_container'></div>
<button class="btn btn-success" id='btn_submit'>Save Settings</button> <button class="btn btn-success" id='btn_submit' lang="en" data-lang-token="general_button_savesettings">Save Settings</button>
</div> </div>
</div> </div>
</div> </div>

6
assets/webconfig/content/grabber.html
View File

@ -2,14 +2,14 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="main_menu_grabber_conf_token">Capturing Hardware</h1> <h1 class="page-header"><i class="fa fa-camera fa-fw"></i><span lang="en" data-lang-token="main_menu_grabber_conf_token">Capturing Hardware</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="remote_general_conf_intro">You can edit your capturing hardware configuration here.</h4> <h4 lang="en" data-lang-token="conf_grabber_label_intro">Hyperion supports two ways on how to get captured pictures for processing and output. The platform grabber which captures internal at the device you are running Hyperion on (best qualitiy) and the USB Grabber which gathers from a connected device the necessary pictures (more calibration work and configuration).</h4>
</div> </div>
<hr /> <hr />
<div class="col-lg-12"> <div class="col-lg-12">
<div id='editor_container'/> <div id='editor_container'/>
<button class="btn btn-success" id='btn_submit'>Save Settings</button> <button class="btn btn-success" id='btn_submit' lang="en" data-lang-token="general_button_savesettings">Save Settings</button>
</div> </div>
</div> </div>

36
assets/webconfig/content/leds.html
View File

@ -29,15 +29,15 @@
<div class="container-fluid"> <div class="container-fluid">
<h1 class="page-header" lang="en" data-lang-token="main_menu_leds_conf_token">LED Hardware</h1> <h1 class="page-header"><i class="fa fa-lightbulb-o fa-fw"></i><span lang="en" data-lang-token="main_menu_leds_conf_token">LED Hardware</span></h1>
<!-- <div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="remote_effects_intro"></h4> <h4 lang="en" data-lang-token="conf_leds_label_intro">The LED controller of youre choice is your way to output the led data via Raspberry PI GPIO, USB or network! Choose one, define your led layout and enjoy the light!</h4>
</div>--> </div>
<hr>
<ul id="leds_cfg_nav" class="nav nav-tabs"> <ul id="leds_cfg_nav" class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#menu_controller">LED Controller</a></li> <li class="active"><a data-toggle="tab" href="#menu_controller" lang="en" data-lang-token="conf_leds_nav_label_ledcontroller">LED Controller</a></li>
<li><a data-toggle="tab" href="#menu_gencfg">Generate LED Config</a></li> <li><a data-toggle="tab" href="#menu_gencfg" lang="en" data-lang-token="conf_leds_nav_label_ledlayout">LED Layout</a></li>
<li><a data-toggle="tab" href="#menu_display">LED Testing</a></li> <li><a data-toggle="tab" href="#menu_display" lang="en" data-lang-token="conf_leds_nav_label_ledtesting">LED Testing</a></li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
@ -45,8 +45,8 @@
<div id="menu_controller" class="tab-pane fade in active" style="padding-top:10px"> <div id="menu_controller" class="tab-pane fade in active" style="padding-top:10px">
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading form-group" style="font-size:90%;white-space:nowrap;"> <div class="panel-heading form-group" style="font-size:90%;white-space:nowrap;">
<button id='btn_submit_controller' class="btn btn-success" style="float:right">Save Settings</button> <button id='btn_submit_controller' class="btn btn-success" style="float:right" lang="en" data-lang-token="general_button_savesettings">Save Settings</button>
<label for="leddevices">Controller Type</label> <label for="leddevices" lang="en" data-lang-token="conf_leds_contr_label_contrtype">Controller type:</label>
<select id="leddevices" class="form-control" style="color:black;width:auto;margin-left:10px;display:inline-block" /> <select id="leddevices" class="form-control" style="color:black;width:auto;margin-left:10px;display:inline-block" />
</div> </div>
@ -85,9 +85,9 @@
<div id="leds_canvas"/> <div id="leds_canvas"/>
<div id="leds_controls"> <div id="leds_controls">
<button lang="en" type="button" class="btn btn-success" id="leds_toggle">toggle leds</button> <button lang="en" type="button" class="btn btn-success" id="leds_toggle" lang="en" data-lang-token="conf_leds_test_button_toggleleds">toggle leds</button>
<button lang="en" type="button" class="btn btn-danger" id="leds_toggle_num">toggle led numbers</button> <button lang="en" type="button" class="btn btn-danger" id="leds_toggle_num" lang="en" data-lang-token="conf_leds_test_button_togglelednumber">toggle led numbers</button>
<button lang="en" type="button" class="btn btn-danger" id="leds_toggle_live">toggle live leds</button> <button lang="en" type="button" class="btn btn-danger" id="leds_toggle_live" lang="en" data-lang-token="conf_leds_test_button_toggleliveleds">toggle live leds</button>
</div> </div>
</div> </div>
</div> </div>
@ -102,7 +102,7 @@
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title"> <h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><i class="fa fa-television fa-fw"></i>Frame Configuration (ambient light)</a> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><i class="fa fa-television fa-fw"></i><span lang="en" data-lang-token="conf_leds_layout_frame">Frame Configuration (ambient light)</span></a>
</h4> </h4>
</div> </div>
<div id="collapse1" class="panel-collapse collapse in"> <div id="collapse1" class="panel-collapse collapse in">
@ -122,7 +122,7 @@ led 0 position: top-left / top-right / bottom-left / bottom-right
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title"> <h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><i class="fa fa-th fa-fw"></i>Matrix Configuration (LED wall)</a> <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><i class="fa fa-th fa-fw"></i><span lang="en" data-lang-token="conf_leds_layout_matrix">Matrix Configuration (LED wall)</span></a>
</h4> </h4>
</div> </div>
<div id="collapse2" class="panel-collapse collapse"> <div id="collapse2" class="panel-collapse collapse">
@ -146,12 +146,12 @@ start
<div class="col-sm-6"> <div class="col-sm-6">
<div class="panel panel-primary" style="margin-bottom:5px"> <div class="panel panel-primary" style="margin-bottom:5px">
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title"><i class="fa fa-wrench fa-fw"></i>Generated Configuration</h4> <h4 class="panel-title"><i class="fa fa-wrench fa-fw"></i><span lang="en" data-lang-token="conf_leds_layout_generatedconf">Generated Configuration</span></h4>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="form-group"> <div class="form-group">
<button lang="en" type="button" class="btn btn-success" id="leds_custom_check">check config</button> <button lang="en" type="button" class="btn btn-success" id="leds_custom_check" lang="en" data-lang-token="conf_leds_layout_button_validateconf">Validate config</button>
<button lang="en" type="button" class="btn btn-success" id="leds_custom_save">save config</button> <button lang="en" type="button" class="btn btn-success" id="leds_custom_save" lang="en" data-lang-token="general_button_savesettings">Save config</button>
</div> </div>
<textarea rows="25" id="ledconfig" class="form-control"></textarea> <textarea rows="25" id="ledconfig" class="form-control"></textarea>
</div> </div>

4
assets/webconfig/content/network.html
View File

@ -2,9 +2,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="main_menu_grabber_conf_token">Network Services</h1> <h1 class="page-header"><i class="fa fa-sitemap fa-fw"></i><span lang="en" data-lang-token="main_menu_network_conf_token">Network Services</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="remote_general_conf_intro">You can edit the network configuration here.</h4> <h4 lang="en" data-lang-token="conf_network_label_intro">All network based settings could you find here.</h4>
</div> </div>
<hr /> <hr />
<div class="col-lg-12"> <div class="col-lg-12">

26
assets/webconfig/content/remote.html
View File

@ -1,20 +1,22 @@
<div class="container-fluid"> <div class="container-fluid">
<h1 class="page-header" lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</h1> <h1 class="page-header"><i class="fa fa-wifi fa-fw"></i><span lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</span></h1>
<div class="introd">
<h4 lang="en" data-lang-token="remote_label_intro">Set an effect/color. You could also select a source manually. The Components control give the opportunity to enable/disable components of Hyprion during runtime. All changes you made here are lost after a restart.</h4>
</div>
<hr>
</div> </div>
<div class="container">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="panel panel-primary" > <div class="panel panel-primary" >
<div class="panel-heading"> Colors / Effects </div> <div class="panel-heading" lang="en" data-lang-token="remote_colors_label_coloreffect">Colors/Effects</div>
<div class="panel-body"> <div class="panel-body">
<span lang="en" data-lang-token="remote_colors_label_color" style="display:inline-block">color: </span> <span lang="en" data-lang-token="remote_colors_label_color" style="display:inline-block">Color:</span>
<div id="cp2" class="colorpicker-component" style="width:auto;display:inline-block;white-space:nowrap;"> <div id="cp2" class="colorpicker-component" style="width:auto;display:inline-block;white-space:nowrap;">
<input type="text" value="#00AABB" class="form-control" style="display:inline" /><span class="input-group-addon form-control" style="display:inline-block;width:auto;"><i></i></span> <input type="text" value="#00AABB" class="form-control" style="display:inline" /><span class="input-group-addon form-control" style="display:inline-block;width:auto;"><i></i></span>
</div> </div>
<div lang="en" data-lang-token="remote_effects_label_effects" style="display:inline-block;margin-left:50px;">effect: </div> <div lang="en" data-lang-token="remote_effects_label_effects" style="display:inline-block;margin-left:50px;">Effect:</div>
<select id="effect_select" class="form-control" style="width:auto;display:inline-block"></select> <select id="effect_select" class="form-control" style="width:auto;display:inline-block"></select>
<button lang="en" data-lang-token="remote_colors_button_reset" type="button" class="btn btn-warning" id="reset_color" style="margin-left:20px;width:auto;display:inline-block">Reset Color/Effect</button> <button lang="en" data-lang-token="remote_colors_button_reset" type="button" class="btn btn-warning" id="reset_color" style="margin-left:20px;width:auto;display:inline-block">Reset Color/Effect</button>
@ -25,24 +27,24 @@
</div> </div>
</div> </div>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-6">
<div class="panel panel-primary" > <div class="panel panel-primary" >
<div class="panel-heading"> Input Selection </div> <div class="panel-heading" lang="en" data-lang-token="remote_input_label_sourceselection">Source selection</div>
<div class="panel-body"> <div class="panel-body">
<div id="hyperion_inputs"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg" /></div></div> <p>Hyperion uses a priority system to select a source. Everything you set has a priority (Effect/Color/Platform capture/USB capture and network sources). By default, Hyperion select sources depending on priority (lowest number reflects the current active source). Now you have the opportunity to select sources on your own.</p>
<p style="font-weight:bold">Schema: NameOfSource(priority)</p>
<div id="hyperion_inputs"><i style="font-size:120px;padding:20px;text-align:center;display: inline-block;width: 100%;line-height: normal;" class="fa fa-cog fa-spin"></i></div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="panel panel-primary" > <div class="panel panel-primary" >
<div class="panel-heading"> Components </div> <div class="panel-heading" lang="en" data-lang-token="remote_components_label_components">Components control</div>
<div class="panel-body"> <div class="panel-body">
<div id="componentsbutton"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg" /></div></div> <div id="componentsbutton"><i style="font-size:120px;padding:20px;text-align:center;display: inline-block;width: 100%;line-height: normal;" class="fa fa-cog fa-spin"></i></div>
</div>
</div> </div>
</div> </div>
</div> </div>

2
assets/webconfig/content/support.html
View File

@ -1,7 +1,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<h1 class="page-header" lang="en" data-lang-token="support_label_title">Support Hyperion</h1> <h1 class="page-header"><i class="fa fa-info fa-fw"></i><span lang="en" data-lang-token="support_label_title">Support Hyperion</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="support_label_intro">Hyperion is a free non-profit software. A small team is working on it and this is why we need your steady support.</h4> <h4 lang="en" data-lang-token="support_label_intro">Hyperion is a free non-profit software. A small team is working on it and this is why we need your steady support.</h4>
</div> </div>

2
assets/webconfig/content/update.html
View File

@ -1,7 +1,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header" lang="en" data-lang-token="main_menu_update_token">Update</h1> <h1 class="page-header"><i class="fa fa-download fa-fw"></i><span lang="en" data-lang-token="main_menu_update_token">Update</span></h1>
<div class="introd"> <div class="introd">
<h4 lang="en" data-lang-token="update_label_intro">This page gives you an overview of all Hyperion versions available. On top you could update or downgrade your version of Hyperion whenever you want. Sorted from newest to oldest</h4> <h4 lang="en" data-lang-token="update_label_intro">This page gives you an overview of all Hyperion versions available. On top you could update or downgrade your version of Hyperion whenever you want. Sorted from newest to oldest</h4>
</div> </div>

23
assets/webconfig/css/hyperion.css
View File

@ -56,6 +56,29 @@ table.borderless td,table.borderless th{border: none !important;}
margin-bottom: 0; margin-bottom: 0;
} }
/*Modal icons*/
.modal-icon-check{
background-color:#71c341;
padding:30px;
border-radius: 60px;
color:white;
font-size:50px !important;
}
.modal-icon-warning{
background-color:#f7c44a;
padding:30px;
border-radius: 60px;
color:white;
font-size:50px !important;
}
.modal-icon-error{
background-color:#d1322e;
padding:30px;
border-radius: 60px;
color:white;
font-size:50px !important;
}
.overlay { .overlay {
background-image: url('/img/hyperion/hyperionwhitelogo.png'); background-image: url('/img/hyperion/hyperionwhitelogo.png');
background-repeat: no-repeat; background-repeat: no-repeat;

9
assets/webconfig/js/content_index.js
View File

@ -40,7 +40,8 @@ $(document).ready( function() {
components_html = ""; components_html = "";
for ( idx=0; idx<components.length;idx++) for ( idx=0; idx<components.length;idx++)
{ {
components_html += '<tr><td>'+(components[idx].title)+'</td><td><i class="fa fa-circle component-'+(components[idx].enabled?"on":"off")+'"></i></td></tr>'; console.log()
components_html += '<tr><td lang="en" data-lang-token="general_comp_'+components[idx].name+'">'+(components[idx].title)+'</td><td><i class="fa fa-circle component-'+(components[idx].enabled?"on":"off")+'"></i></td></tr>';
} }
$("#tab_components").html(components_html); $("#tab_components").html(components_html);
@ -54,11 +55,11 @@ $(document).ready( function() {
if ( cleanCurrentVersion < cleanLatestVersion ) if ( cleanCurrentVersion < cleanLatestVersion )
{ {
$('#versioninforesult').html('<div lang="en" data-lang-token="dashboard_message_infobox_updatewarning" style="margin:0px;" class="alert alert-warning">A newer version of Hyperion is available!</div>'); $('#versioninforesult').html('<div lang="en" data-lang-token="dashboard_infobox_message_updatewarning" style="margin:0px;" class="alert alert-warning">A newer version of Hyperion is available!</div>');
} }
else else
{ {
$('#versioninforesult').html('<div lang="en" data-lang-token="dashboard_message_infobox_updatesuccess" style="margin:0px;" class="alert alert-success">You run the latest version of Hyperion.</div>'); $('#versioninforesult').html('<div lang="en" data-lang-token="dashboard_infobox_message_updatesuccess" style="margin:0px;" class="alert alert-success">You run the latest version of Hyperion.</div>');
} }
}); });
$("#loading_overlay").removeClass("overlay"); $("#loading_overlay").removeClass("overlay");
@ -77,7 +78,7 @@ $(document).ready( function() {
}); });
$(hyperion).on("error",function(event){ $(hyperion).on("error",function(event){
showErrorDialog("error", event.reason); showInfoDialog("error","Error", event.reason);
}); });
$(hyperion).on("open",function(event){ $(hyperion).on("open",function(event){

4
assets/webconfig/js/content_leds.js
View File

@ -113,9 +113,9 @@ $(document).ready(function() {
e = isJsonString($("#ledconfig").val()); e = isJsonString($("#ledconfig").val());
if (e.length == 0) if (e.length == 0)
showErrorDialog("Validation success", "Your config is valid!"); showInfoDialog("success", "Validation success", "Your config is valid!");
else else
showErrorDialog("Validation failed!", e); showInfoDialog("error", "Validation failed!", e);
}); });
// ------------------------------------------------------------------ // ------------------------------------------------------------------

6
assets/webconfig/js/content_remote.js
View File

@ -12,9 +12,9 @@
if (active) btn_type = "warning"; if (active) btn_type = "warning";
if (visible) btn_type = "success"; if (visible) btn_type = "success";
data += '<button id="srcBtn'+i+'" type="button" class="btn btn-lg btn-'+btn_type+' btn_input_selection" style="margin:10px;min-width:200px" title="prio '+priority+'" onclick="requestSetSource('+priority+');">'+owner+'</button><br/>'; data += '<button id="srcBtn'+i+'" type="button" class="btn btn-lg btn-'+btn_type+' btn_input_selection" style="margin:10px;min-width:200px" onclick="requestSetSource('+priority+');">'+owner+'<span style="font-size:70% !important;"> ('+priority+')</span></button><br/>';
} }
data += '<button id="srcBtn'+i+'" type="button" class="btn btn-lg btn-info btn_input_selection" style="margin:10px;min-width:200px" onclick="requestSetSource(\'auto\');">auto select</button><br/>'; data += '<button id="srcBtn'+i+'" type="button" class="btn btn-lg btn-info btn_input_selection" style="margin:10px;min-width:200px" onclick="requestSetSource(\'auto\');" lang="en" data-lang-token="remote_input_label_autoselect">auto selection</button><br/>';
$('#hyperion_inputs').html(data); $('#hyperion_inputs').html(data);
var max_width=200; var max_width=200;
@ -49,7 +49,7 @@
{ {
d='<p><button type="button" id="'+comp_btn_id+'" class="btn '+enable_style d='<p><button type="button" id="'+comp_btn_id+'" class="btn '+enable_style
+'" onclick="requestSetComponentState(\''+comp_name+'\','+(!components[idx].enabled) +'" onclick="requestSetComponentState(\''+comp_name+'\','+(!components[idx].enabled)
+')"><i id="'+comp_btn_id+'_icon" class="fa '+enable_icon+'"></i></button> '+components[idx].title+'</p>'; +')"><i id="'+comp_btn_id+'_icon" class="fa '+enable_icon+'"></i></button> <span lang="en" data-lang-token="general_comp_'+components[idx].name+'"> '+components[idx].title+'</span></p>';
$('#componentsbutton').append(d); $('#componentsbutton').append(d);
} }
else // already create, update state else // already create, update state

22
assets/webconfig/js/ui_utils.js
View File

@ -47,11 +47,25 @@ function setClassByBool(obj,enable,class1,class2)
} }
} }
function showErrorDialog(header,message) function showInfoDialog(type,header,message)
{ {
$('#error_dialog .modal-title').html(header); $('#modal_dialog .modal-bodytitle').html(header);
$('#error_dialog .modal-body').html(message); $('#modal_dialog .modal-bodycontent').html(message);
$('#error_dialog').modal('show');
if (type=="success"){
$('#modal_dialog .modal-bodyicon').html('<i class="fa fa-check modal-icon-check">');
$('#modal_dialog .modal-footer-button').html('<button type="button" class="btn btn-success" data-dismiss="modal">OK</button>');
}
else if (type=="warning"){
$('#modal_dialog .modal-bodyicon').html('<i class="fa fa-warning modal-icon-warning">');
$('#modal_dialog .modal-footer-button').html('<button type="button" class="btn btn-warning" data-dismiss="modal">OK</button>');
}
else if (type=="error"){
$('#modal_dialog .modal-bodyicon').html('<i class="fa fa-warning modal-icon-error">');
$('#modal_dialog .modal-footer-button').html('<button type="button" class="btn btn-danger" data-dismiss="modal">OK</button>');
}
$('#modal_dialog').modal('show');
} }
function isJsonString(str) function isJsonString(str)

84
assets/webconfig/lang/de.json
View File

@ -9,45 +9,78 @@
"general_country_nl" : "Niederlande", "general_country_nl" : "Niederlande",
"general_speech_de" : "Deutsch", "general_speech_de" : "Deutsch",
"general_speech_en" : "Englisch", "general_speech_en" : "Englisch",
"general_comp_SMOOTHING" : "Glättung",
"general_comp_BLACKBORDER" : "Schwarze Balken Erkennung",
"general_comp_KODICHECKER" : "Kodi Überwachung",
"general_comp_FORWARDER" : "JSON/PROTO Weiterleitung",
"general_comp_UDPLISTENER" : "UDP Listener",
"general_comp_BOBLIGHTSERVER" : "Boblight Server",
"general_comp_GRABBER" : "Plattform Aufnahme",
"general_comp_V4L" : "USB Aufnahme",
"general_button_savesettings" : "Einstellungen speichern",
"dashboard_label_intro" : "Das Dashboard zeigt dir Informationen zum Systemstatus, ob Updates verfügbar sind, den Komponentenstatus sowie die letzten Blog-Posts vom Hyperion Team.", "dashboard_label_intro" : "Das Dashboard zeigt dir Informationen zum Systemstatus, ob Updates verfügbar sind, den Komponentenstatus sowie die letzten Blog-Posts vom Hyperion Team.",
"dashboard_label_infobox_title" : "Informationen", "dashboard_infobox_label_title" : "Informationen",
"dashboard_label_infobox_currenthyp" : "Deine Hyperion Version:", "dashboard_infobox_label_currenthyp" : "Deine Hyperion Version:",
"dashboard_label_infobox_latesthyp" : "Aktuellste Hyperion Version:", "dashboard_infobox_label_latesthyp" : "Aktuellste Hyperion Version:",
"dashboard_label_infobox_leddevice" : "LED Typ:", "dashboard_infobox_label_leddevice" : "LED Typ:",
"dashboard_label_infobox_device" : "Systeminformation:", "dashboard_infobox_label_device" : "Systeminformation:",
"dashboard_label_componentbox_title" : "Komponenten Status", "dashboard_infobox_message_updatewarning" : "Eine aktuellere Version von Hyperion ist verfügbar!",
"dashboard_label_newsbox_title" : "Die letzten Blogposts", "dashboard_infobox_message_updatesuccess" : "Du nutzt die aktuellste Version von Hyperion.",
"dashboard_message_infobox_updatewarning" : "Eine aktuellere Version von Hyperion ist verfügbar!", "dashboard_componentbox_label_title" : "Komponenten Status",
"dashboard_message_infobox_updatesuccess" : "Du nutzt die aktuellste Version von Hyperion.", "dashboard_componentbox_label_comp" : "Komponente",
"dashboard_componentbox_label_status" : "Status",
"dashboard_newsbox_label_title" : "Die letzten Blogposts",
"dashboard_alert_message_confedit" : "Deine Hyperion Konfiguration wurde verändert. Um die Änderungen anzuwenden, starte Hyperion neu.",
"dashboard_alert_button_restarthyerion" : "Hyperion neustarten",
"main_menu_dashboard_token" : "Dashboard", "main_menu_dashboard_token" : "Dashboard",
"main_menu_configuration_token" : "Konfiguration", "main_menu_configuration_token" : "Konfiguration",
"main_menu_leds_conf_token" : "LED Hardware",
"main_menu_grabber_conf_token" : "Aufnahme Hardware",
"main_menu_effect_conf_token" : "Effekte",
"main_menu_colors_conf_token" : "Bildverarbeitung",
"main_menu_kodiwatch_token" : "Kodi Überwachung", "main_menu_kodiwatch_token" : "Kodi Überwachung",
"main_menu_huebridge_token" : "Hue Bridge", "main_menu_network_conf_token" : "Netzwerk",
"main_menu_remotecontrol_token" : "Fernbedienung", "main_menu_remotecontrol_token" : "Fernbedienung",
"main_menu_colors_token" : "Farben",
"main_menu_effects_token" : "Effekte",
"main_menu_component_token" : "Komponenten",
"main_menu_support_token" : "Hilfe", "main_menu_support_token" : "Hilfe",
"main_menu_update_token" : "Update", "main_menu_update_token" : "Update",
"main_menu_system_token" : "System", "main_menu_system_token" : "System",
"main_menu_input_selection_token" : "Eingabeauswahl", "main_menu_input_selection_token" : "Eingabeauswahl",
"main_menu_general_conf_token" : "Allgemein", "conf_effects_label_intro" : "Stelle einen Effekt oder Farbe ein, der beim Starten sichtbar sein soll. Stelle einen Hintergrundeffekt/Farbe ein der erst sichtbar wird, wenn alle Bildquellen abgeschaltet sind (Das gilt ebenfalls für temporäres abschalten mithilfe der Kodi Überwachung).",
"main_menu_leds_conf_token" : "LEDs", "conf_leds_label_intro" : "Der LED Hardware bereich ermöglicht eine Vielzahl von Ausgabemöglichkeiten über Raspberry Pi GPIO, USB oder Netzwerk. Erstelle ein LED Layout das zu deinem Aufbau passt und schon kann es losgehen!",
"main_menu_grabber_conf_token" : "Aufnahme Hardware", "conf_leds_nav_label_ledcontroller" : "LED Steuerung",
"conf_leds_nav_label_ledlayout" : "LED Layout",
"conf_leds_nav_label_ledtesting" : "LED Test",
"conf_leds_contr_label_contrtype" : "Steuerungstyp:",
"conf_leds_layout_frame" : "Klassisches Layout (Rahmen)",
"conf_leds_layout_matrix" : "Matrix Layout (LED Wand)",
"conf_leds_layout_generatedconf" : "Generierte Konfiguration",
"conf_leds_layout_button_validateconf" : "Überprüfe Syntax",
"conf_leds_test_button_toggleleds" : "LEDs",
"conf_leds_test_button_togglelednumber" : "LED Nummern",
"conf_leds_test_button_toggleliveleds" : "LED Echtzeitansicht",
"conf_grabber_label_intro" : "Hyperion unterstützt 2 Hauptarten wie Bilder aufgenommen werden können. Zum Einen die Plattform Aufnahme, die sich direkt am System bedient auf dem Hyperion läuft (beste Qualität). Zum Anderen die USB Aufnahme, die sich an einem angeschlossenen Gerät bedient die benötigten Informationen für die Verarbeitung und Ausgabe zu erhalten (Mehr Konfigurationsaufwand und Kalibrierung)",
"conf_colors_label_intro" : "Neben der Farbkalibrierung, gehört auch die Glättung (sanfte Farbübergänge) und die Erkennung von störenden (schwarzen) Balken zur Bildverarbeitung.",
"conf_network_label_intro" : "Alle Einstellungen zu Ports, der Weiterleitung von JSON/PROTO und Boblight sowie UDP Listener.",
"conf_kodi_label_title" : "Kodi Überwachung",
"conf_kodi_label_intro" : "Die Kodi Überwachung ermöglicht es dir abhängig von dem Kodi Status dein ambient light an oder abzuschalten. Dies ist nicht limitiert auf das selbe Gerät. Du kannst jedes Kodi in deinem lokalen Netzwerk überwachen lassen.",
"remote_label_intro" : "Die Fernbedienung ermöglicht dir während Hyperion läuft Farbe/Effekte zu starten/setzen, aber auch eine Quelle manuell festzulegen. Die Komponentensteuerung ermöglicht es dir gezielt Teile von Hyperion zu aktivieren/deaktivieren. Beachte, dass nach einem Neustart die hier durchgeführten Aktionen wieder zurückgesetzt werden.",
"remote_colors_label_coloreffect" : "Farbe/Effekt:",
"remote_colors_button_reset" : "Farbe/Effekt zurücksetzen",
"remote_colors_label_color" : "Farbe:", "remote_colors_label_color" : "Farbe:",
"remote_colors_button_reset" : "Farbe zurücksetzen", "remote_effects_label_effects" : "Effekt:",
"remote_input_label_sourceselection" : "Quellenauswahl",
"remote_input_label_autoselect" : "Automatische Auswahl",
"remote_components_label_components" : "Komponentensteuerung",
"remote_effects_intro" : "Die Effekt-Fernbedienung ermöglicht es dir Effekte zu starten für Demonstrations- oder Testzwecke. Vergessse nicht den Effekt wieder zu stoppen, wenn du fertig bist.", "remote_effects_intro" : "Die Effekt-Fernbedienung ermöglicht es dir Effekte zu starten für Demonstrations- oder Testzwecke. Vergessse nicht den Effekt wieder zu stoppen, wenn du fertig bist.",
"remote_effects_label_effects" : "Effekte",
"remote_effects_label_stopeffect" : "Stoppe Effekte",
"remote_components_intro" : "Die Komponenten-Fenbedienung ermöglicht es dir Komponenten von Hyperion zu starten und stoppen. Beachte: Dies ist nur temporär und geht nach einem Neustart verloren. Möchtest du dauerhaft Komponenten aktivieren/deaktivieren benutze die Konfigurationsseiten.", "remote_components_intro" : "Die Komponenten-Fenbedienung ermöglicht es dir Komponenten von Hyperion zu starten und stoppen. Beachte: Dies ist nur temporär und geht nach einem Neustart verloren. Möchtest du dauerhaft Komponenten aktivieren/deaktivieren benutze die Konfigurationsseiten.",
"hue_button_create_user_token" : "Benutzer anlegen", "hue_button_create_user_token" : "Benutzer anlegen",
"hue_press_link_modal" : "Bitte Link Taste auf der Hue Bridge drücken.", "hue_press_link_modal" : "Bitte Link Taste auf der Hue Bridge drücken.",
"hue_failure_connection_token" : "Connection Timeout. Bitte drücke die Taste rechtzeitig.", "hue_failure_connection_token" : "Connection Timeout. Bitte drücke die Taste rechtzeitig.",
"hue_button_pair" : "Verbinden", "hue_button_pair" : "Verbinden",
"hue_failure_ip_token" : "Bitte überprüfe deine IP Adresse.", "hue_failure_ip_token" : "Bitte überprüfe deine IP Adresse.",
"hue_label_username" : "Benutzername:", "hue_label_username" : "Benutzername:",
"conf_kodi_label_title" : "Kodi Überwachung",
"conf_kodi_label_intro" : "Die Kodi Überwachung ermöglicht es dir abhängig von dem Kodi Status dein ambient light an oder abzuschalten. Dies ist nicht limitiert auf das selbe Gerät. Du kannst jedes Kodi in deinem lokalen Netzwerk überwachen lassen.",
"support_label_title" : "Unterstütze Hyperion", "support_label_title" : "Unterstütze Hyperion",
"support_label_intro" : "Hyperion ist ein kostenloses Open Source Projekt und ein kleines Team arbeitet an seiner Weiterentwicklung. Darum benötigen wir DEINE Unterstützung um den Ball weiter rollen zu lassen und um weiter in bessere Infrastruktur und Weiterentwicklung investieren zu können.", "support_label_intro" : "Hyperion ist ein kostenloses Open Source Projekt und ein kleines Team arbeitet an seiner Weiterentwicklung. Darum benötigen wir DEINE Unterstützung um den Ball weiter rollen zu lassen und um weiter in bessere Infrastruktur und Weiterentwicklung investieren zu können.",
"support_label_spreadtheword" : "Weitersagen!", "support_label_spreadtheword" : "Weitersagen!",
@ -73,7 +106,14 @@
"update_button_install" : "Installieren", "update_button_install" : "Installieren",
"update_button_changelog" : "Zeige Änderungsprotokoll", "update_button_changelog" : "Zeige Änderungsprotokoll",
"update_label_type" : "Art:", "update_label_type" : "Art:",
"remote_general_conf_intro" : "Hier kannst du allgemeine Einstellungen von Hyperion vornehmen." "info_conlost_label_title" : "Verbindung zum Hyperion Service unterbrochen!",
"info_conlost_label_reason" : "Mögliche Ursachen:",
"info_conlost_label_reason1" : "- Hyperion startet neu",
"info_conlost_label_reason2" : "- Ein Update wird durchgeführt",
"info_conlost_label_reason3" : "- Hyperion wird nicht mehr ausgeführt",
"info_conlost_label_autorecon" : "Du wirst verbunden, sobald Hyperion wieder verfügbar ist",
"info_conlost_label_autorefresh" : "Diese Seite wird automatisch aktualisiert",
"info_conlost_label_reload" : "Wenn nicht, klicke hier"
}, },
"regex": [ "regex": [
["^Something at start of text", ""], ["^Something at start of text", ""],