frodovdr/hyperion.ng
1
0
Fork 0
mirror of https://github.com/hyperion-project/hyperion.ng.git synced 2025-03-01 10:33:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Webn (#2) (#358)

Browse Source 
* upd

* upd

* typo

* update ieff

* typo

* ..

* try

* ..

* rm enum

* .

* .

* split initialeff

* upd schema

* ..

* upd

* .

* .

* .

* update

* update
This commit is contained in:
brindosch
2017-01-04 10:55:10 +01:00
committed by redPanther
parent 2906ec041a
commit c433504b81
37 changed files with 884 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
assets/webconfig/index.html
View File

@@ -68,7 +68,7 @@
</head>
<body>
<div id="loading_overlay"></div>
<div id="loading_overlay" class="overlay"></div>
<div id="wrapper">
<!-- Navigation -->
@@ -101,60 +101,25 @@
<!-- /.dropdown -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
<i class="fa fa-magic fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
<li id="btn_wizard_byteorder">
<a href="#">
<div>
<i class="fa fa-comment fa-fw"></i> New Comment
<span class="pull-right text-muted small">4 minutes ago</span>
<i class="fa fa-magic fa-fw"></i>
<span data-i18n="wiz_rgb_title"></span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<li id="btn_wizard_colorcalibration">
<a href="#">
<div>
<i class="fa fa-twitter fa-fw"></i> 3 New Followers
<span class="pull-right text-muted small">12 minutes ago</span>
<i class="fa fa-magic fa-fw"></i> Color Calibration Wizard
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-envelope fa-fw"></i> Message Sent
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-tasks fa-fw"></i> New Task
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="fa fa-upload fa-fw"></i> Server Rebooted
<span class="pull-right text-muted small">4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a class="text-center" href="#">
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
<!-- /.dropdown-alerts -->
</li>
@@ -249,6 +214,78 @@
</div>
</div>
</div>
<div id="wizard_modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div id="wizp1" class="modal-content">
<div class="modal-header">
<div class="modal-headertext"><i class="fa fa-magic fa-fw"></i><span data-i18n="wiz_rgb_title">RGB Byte Order Wizard</span></div>
</div>
<center>
<div class="modal-body">
<div class="modal-bodyicon" style="margin-bottom:20px;"><img src="img/hyperion/hyperionlogo.png" alt="Redefine ambient light!"></div>
<h4 class="modal-bodytitle" style="font-weight:bold;text-transform:uppercase;" data-i18n="wiz_rgb_title">RGB Byte Order Wizard</h4>
<p data-i18n="wiz_rgb_intro1"></p>
<p data-i18n="wiz_rgb_intro2" style="font-weight:bold;"></p>
</div>
</center>
<div class="modal-footer">
<center>
<div class="modal-footer-button"></div>
<button type="button" class="btn btn-primary" id="btn_wiz_cont" data-i18n="general_btn_continue">Continue</button>
<button type="button" class="btn btn-danger" id="btn_wiz_cancel" data-i18n="general_btn_cancel">Cancel</button>
</center>
</div>
</div>
<div id="wizp2" class="modal-content" style="display:none">
<div class="modal-header">
<div class="modal-headertext"><i class="fa fa-magic fa-fw"></i><span data-i18n="wiz_rgb_title">RGB Byte Order Wizard</span></div>
</div>
<center>
<div class="modal-body">
<img src="img/hyperion/hyperionlogo.png" alt="Redefine ambient light!" style="margin-bottom:20px">
<p data-i18n="wiz_rgb_expl" style="font-weight:bold">The color dot switches every x seconds the color (red, green), at the same time your leds switch too. Answer the questions at the bottom to check/correct your byte order.</p>
<div class="form-group">
<label data-i18n="wiz_rgb_switchevery">Switch every</label>
<div class="input-group" style="width:100px">
<select id="wiz_switchtime_select" class="form-control"></select>
<div class="input-group-addon" data-i18n="edt_append_s">s</div>
</div>
</div>
<canvas id="wiz_canv_color" width="100" height="100" style="border-radius:60px;background-color:red; display:block; margin: 10px 0;border:4px solid grey;"></canvas>
<label data-i18n="wiz_rgb_q">Which color show your leds, when the color dot above shows...</label>
<table class="table borderless" style="width:200px">
<tbody>
<tr>
<td class="ltd">
<label data-i18n="wiz_rgb_qrend">...red?</label>
</td>
<td class="itd">
<select id="wiz_r_select" class="form-control wselect"></select>
</td>
</tr>
<tr>
<td class="ltd">
<label data-i18n="wiz_rgb_qgend">...green?</label>
</td>
<td class="itd">
<select id="wiz_g_select" class="form-control wselect"></select>
</td>
</tr>
</tbody>
</table>
</div>
</center>
<div class="modal-footer">
<center>
<button type="button" class="btn btn-success" id="btn_wiz_save" data-i18n="general_btn_saverestart">Save and restart</button>
<button type="button" class="btn btn-primary" id="btn_wiz_checkok" data-i18n="general_btn_ok" style="display:none" data-dismiss="modal">Ok</button>
<button type="button" class="btn btn-danger" id="btn_wiz_abort" data-i18n="general_btn_cancel">Cancel</button>
</center>
</div>
</div>
</div>
</div>
<!-- Bootstrap Core JavaScript -->
<script src="/js/lib/bootstrap.min.js"></script>
@@ -262,6 +299,7 @@
<script src="/js/lib/jquery-ui.min.js"></script>
<script src="/js/content_index.js"></script>
<script src="/js/localStorage.js"></script>
<script src="/js/wizard.js"></script>
</body>