mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
a6d12611a8
* split content and js tune leds config * implement connection lost page * split js/html in huebridge * add js action for connection lost
45 lines
1.8 KiB
HTML
45 lines
1.8 KiB
HTML
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header" lang="en" data-lang-token="main_menu_huebridge_token">Hue Bridge</h1>
|
|
<div class="col-lg-12" >
|
|
<div class="col-lg-6" >
|
|
<span id="ip_alert" style="display:none; color:red; font-weight: bold;" lang="en" data-lang-token="hue_failure_ip_token">Please check your IP Address.</span>
|
|
<span id="abortConnection" style="display:none; color:red; font-weight: bold;" lang="en" data-lang-token="hue_failure_connection_token">Connection Timeout. Please press the button in time.</span>
|
|
<div class="form-group">
|
|
<label for="ip">IP:</label>
|
|
<input type="text" class="form-control" id="ip">
|
|
<label for="user" lang="en" data-lang-token="hue_label_username">Username:</label>
|
|
<input type="text" class="form-control" id="user" disabled>
|
|
<br />
|
|
<button type="button" class="btn btn-success" id="create_user"> <i class="fa fa-floppy-o"></i><span lang="en" data-lang-token="hue_button_create_user_token"> Create User</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr />
|
|
<div id="hue_lights" class="row" />
|
|
</div>
|
|
|
|
|
|
<div class="modal fade bs-pair-modal-lg" id="pairmodal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Hue Bridge</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span lang="en" data-lang-token="hue_press_link_modal">Please press link button on the Hue Bridge.</span> <br /><br />
|
|
<center>
|
|
<span id="connectionTime"></span><br />
|
|
<img src="/img/hyperion/ring-alt.svg">
|
|
<center>
|
|
</div>
|
|
<div class="modal-footer" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/content_huebridge.js"></script>
|