2016-08-31 17:19:41 +02:00
<!DOCTYPE html>
2017-01-29 21:20:12 +01:00
< html >
2016-08-13 20:05:01 +02:00
2016-06-12 22:27:24 +02:00
< head >
2017-03-02 10:50:47 +01:00
< script >
if (/MSIE/.test(navigator.userAgent) || /Trident/.test(navigator.userAgent))
{
window.location.pathname = '/content/ie_not_supported.html';
}
< / script >
2016-09-03 15:54:33 +02:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2016-11-18 18:39:27 +01:00
< meta content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name = 'viewport' / >
2016-09-03 15:54:33 +02:00
< meta name = "description" content = "" >
2016-08-13 20:05:01 +02:00
2017-02-28 17:53:41 +01:00
< title data-i18n = "general_webui_title" > Hyperion - Web Configuration< / title >
2016-08-15 13:51:41 +02:00
2016-09-06 10:14:54 +02:00
<!-- jQuery -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/jquery.min.js" > < / script >
2016-08-23 19:42:16 +02:00
2016-09-06 10:14:54 +02:00
<!-- Hyperion -->
2017-02-28 17:53:41 +01:00
< script src = "js/hyperion.js" > < / script >
< script src = "js/ui_utils.js" > < / script >
2016-09-06 10:14:54 +02:00
<!-- Colorpicker -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/bootstrap-colorpicker.min.js" > < / script >
< link href = "css/bootstrap-colorpicker.min.css" rel = "stylesheet" >
2016-08-23 19:42:16 +02:00
2016-11-30 17:32:12 +01:00
<!-- JSONEditor -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/jsoneditor.js" > < / script >
2016-08-30 23:49:21 +02:00
2016-08-13 20:05:01 +02:00
<!-- Language Support -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/jquery.i18n.js" > < / script >
< script src = "js/lib/jquery.i18n.messagestore.js" > < / script >
< script src = "js/lib/jquery.i18n.fallbacks.js" > < / script >
< script src = "js/lib/jquery.i18n.parser.js" > < / script >
< script src = "js/lib/jquery.i18n.emitter.js" > < / script >
< script src = "js/lib/jquery.i18n.language.js" > < / script >
2016-12-04 19:32:23 +01:00
2016-09-03 15:54:33 +02:00
<!-- Bootstrap Core CSS -->
2017-02-28 17:53:41 +01:00
< link href = "css/bootstrap.min.css" rel = "stylesheet" >
2016-08-13 20:05:01 +02:00
2016-09-03 15:54:33 +02:00
<!-- MetisMenu CSS -->
2017-02-28 17:53:41 +01:00
< link href = "css/metisMenu.css" rel = "stylesheet" >
2016-08-13 20:05:01 +02:00
2016-09-03 15:54:33 +02:00
<!-- Custom CSS -->
2017-02-28 17:53:41 +01:00
< link href = "css/sb-admin-2.css" rel = "stylesheet" >
< link href = "css/hyperion.css" rel = "stylesheet" >
2016-08-15 13:51:41 +02:00
2016-09-03 15:54:33 +02:00
<!-- Custom Fonts -->
2017-02-28 17:53:41 +01:00
< link href = "css/font-awesome.min.css" rel = "stylesheet" type = "text/css" >
2016-08-13 20:05:01 +02:00
2016-09-03 15:54:33 +02:00
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" > < / script >
<![endif]-->
2016-06-12 22:27:24 +02:00
< / head >
2016-08-13 20:05:01 +02:00
2016-06-12 22:27:24 +02:00
< body >
2017-01-17 21:53:35 +01:00
< noscript >
< div style = "color:red;margin: 40px 0;text-align:center" >
< img src = "img/hyperion/hyperionlogo.png" alt = "Redefine ambient light!" >
< h3 > Hyperion Web Configuration requires Javascript. Please enable Javascript in your browser for this page in order to use it!< / h3 >
< / div >
< style type = "text/css" > # loading_overlay , # wrapper { display : none } < / style >
< / noscript >
2017-01-04 10:55:10 +01:00
< div id = "loading_overlay" class = "overlay" > < / div >
2016-09-03 15:54:33 +02:00
< div id = "wrapper" >
<!-- Navigation -->
< nav class = "navbar navbar-default navbar-static-top" role = "navigation" style = "margin-bottom: 0" >
< div class = "navbar-header" >
2017-02-08 14:36:28 +01:00
< button type = "button" class = "navbar-toggle closed" aria-controls = "navbar" style = "background-color:#d0d0d0;" >
2016-09-03 15:54:33 +02:00
< span class = "sr-only" > Toggle navigation< / span >
2017-02-08 14:36:28 +01:00
< span class = "icon-bar top-bar" > < / span >
< span class = "icon-bar middle-bar" > < / span >
< span class = "icon-bar bottom-bar" > < / span >
2016-09-03 15:54:33 +02:00
< / button >
2017-01-17 21:53:35 +01:00
< a class = "navbar-brand" href = "https://www.hyperion-project.org?pk_campaign=WebUI&pk_kwd=mainlogo" target = "_blank" > < img src = "img/hyperion/hyperionlogo.png" alt = "Redefine ambient light!" height = "55" > < / a >
2016-09-18 21:51:19 +02:00
< a class = "navbar-brand" href = "/" > < img src = "img/hyperion/hyperionlostconnection.png" alt = "Redefine ambient light!" style = "display:none;" > < / a >
2016-09-03 15:54:33 +02:00
< / div >
<!-- /.navbar - header -->
< ul class = "nav navbar-top-links navbar-right" >
2017-01-17 21:53:35 +01:00
< li class = "dropdown" id = "btn_open_ledsim" >
2017-02-08 14:36:28 +01:00
< a >
2017-01-17 21:53:35 +01:00
< i class = "fa fa-television fa-fw" > < / i >
< / a >
< / li >
2016-09-03 15:54:33 +02:00
<!-- /.dropdown -->
< li class = "dropdown" >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
2017-01-04 10:55:10 +01:00
< i class = "fa fa-magic fa-fw" > < / i > < i class = "fa fa-caret-down" > < / i >
2016-09-03 15:54:33 +02:00
< / a >
< ul class = "dropdown-menu dropdown-alerts" >
2017-01-04 10:55:10 +01:00
< li id = "btn_wizard_byteorder" >
2017-02-08 14:36:28 +01:00
< a >
2016-09-03 15:54:33 +02:00
< div >
2017-01-04 10:55:10 +01:00
< i class = "fa fa-magic fa-fw" > < / i >
< span data-i18n = "wiz_rgb_title" > < / span >
2016-09-03 15:54:33 +02:00
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
2017-01-04 10:55:10 +01:00
< li id = "btn_wizard_colorcalibration" >
2017-02-08 14:36:28 +01:00
< a >
2016-09-03 15:54:33 +02:00
< div >
2017-02-08 14:36:28 +01:00
< i class = "fa fa-magic fa-fw" > < / i >
< span data-i18n = "wiz_cc_title" > < / span >
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
< li id = "btn_wizard_philipshue" >
< a >
< div >
< i class = "fa fa-magic fa-fw" > < / i >
< span data-i18n = "wiz_hue_title" > < / span >
2016-09-03 15:54:33 +02:00
< / div >
< / a >
< / li >
< / ul >
< / li >
<!-- /.dropdown -->
2017-02-28 17:53:41 +01:00
< li class = "dropdown" >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-wrench fa-fw" > < / i > < i class = "fa fa-caret-down" > < / i >
< / a >
< ul class = "dropdown-menu dropdown-alerts" >
< li id = "btn_setlang" >
< a >
< div >
< i class = "fa fa-globe fa-fw" > < / i >
< span data-i18n = "InfoDialog_lang_title" > < / span >
< / div >
< / a >
< / li >
< li class = "divider" > < / li >
< li id = "btn_setaccess" >
< a >
< div >
< i class = "fa fa-key fa-fw" > < / i >
< span data-i18n = "InfoDialog_access_title" > < / span >
< / div >
< / a >
< / li >
< / ul >
< / li >
2016-09-03 15:54:33 +02:00
< / ul >
<!-- /.navbar - top - left -->
2016-09-15 20:42:58 +02:00
< div id = "main-nav" class = "navbar-default sidebar" role = "navigation" >
2016-09-03 15:54:33 +02:00
< div class = "sidebar-nav navbar-collapse" >
< ul class = "nav" id = "side-menu" >
2017-02-08 14:36:28 +01:00
< li > < a class = "inactive mnava" href = "#dashboard" > < i class = "fa fa-dashboard fa-fw" > < / i > < span data-i18n = "main_menu_dashboard_token" > Dashboard< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< li >
2016-12-04 19:32:23 +01:00
< a class = "inactive" > < i class = "fa fa-cog fa-fw" > < / i > < span data-i18n = "main_menu_configuration_token" > Configuration< / span > < span class = "fa arrow" > < / span > < / a >
2016-09-03 15:54:33 +02:00
< ul class = "nav nav-second-level" >
2017-02-08 14:36:28 +01:00
< li > < a class = "inactive mnava" href = "#conf_general" > < i class = "fa fa-wrench fa-fw" > < / i > < span data-i18n = "main_menu_general_conf_token" > General< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_leds" > < i class = "fa fa-lightbulb-o fa-fw" > < / i > < span data-i18n = "main_menu_leds_conf_token" > LED Hardware< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_grabber" > < i class = "fa fa-camera fa-fw" > < / i > < span data-i18n = "main_menu_grabber_conf_token" > Capturing Hardware< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_effect" > < i class = "fa fa-spinner fa-fw" > < / i > < span data-i18n = "main_menu_effect_conf_token" > Effects< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_colors" > < i class = "fa fa-photo fa-fw" > < / i > < span data-i18n = "main_menu_colors_conf_token" > Image Processing< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_kodi" > < i class = "fa fa-play-circle-o fa-fw" > < / i > < span data-i18n = "main_menu_kodiwatch_token" > Kodi Watch< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_network" > < i class = "fa fa-sitemap fa-fw" > < / i > < span data-i18n = "main_menu_network_conf_token" > Network< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< / ul >
< / li >
2017-02-08 14:36:28 +01:00
< li > < a class = "inactive mnava" href = "#remote" > < i class = "fa fa-wifi fa-fw" > < / i > < span data-i18n = "main_menu_remotecontrol_token" > Remote Control< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#effects_configurator" > < i class = "fa fa-cogs fa-fw" > < / i > < span data-i18n = "main_menu_effectsconfigurator_token" > Effects Configurator< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#support" > < i class = "fa fa-info fa-fw" > < / i > < span data-i18n = "main_menu_support_token" > Support< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< li >
2016-12-04 19:32:23 +01:00
< a class = "inactive" > < i class = "fa fa-industry fa-fw" > < / i > < span data-i18n = "main_menu_system_token" > System< / span > < span class = "fa arrow" > < / span > < / a >
2016-09-03 15:54:33 +02:00
< ul class = "nav nav-second-level" >
2017-02-08 14:36:28 +01:00
< li > < a class = "inactive mnava" href = "#conf_webconfig" id = "load_webconfig" > < i class = "fa fa-wrench fa-fw" > < / i > < span data-i18n = "main_menu_webconfig_token" > Webconfiguration< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#conf_logging" > < i class = "fa fa-reorder fa-fw" > < / i > < span data-i18n = "main_menu_logging_token" > Log< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#update" > < i class = "fa fa-download fa-fw" > < / i > < span data-i18n = "main_menu_update_token" > Update< / span > < / a > < / li >
< li > < a class = "inactive mnava" href = "#about" > < i class = "fa fa-info-circle fa-fw" > < / i > < span data-i18n = "main_menu_about_token" > Update< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< / ul >
< / li >
< / ul >
< / div >
<!-- /.sidebar - collapse -->
< / div >
<!-- /.navbar - static - side -->
< / nav >
<!-- Page Content -->
2016-09-14 13:51:28 +02:00
< div id = "page-wrapper" style = "padding-top:10px" >
2016-12-21 18:24:03 +01:00
< div id = "hyperion_reload_notify" class = "alert alert-warning" style = "display:none;padding:10px;margin:0" >
2016-09-14 13:51:28 +02:00
< div class = "panel-danger" style = "text-align:right" >
2016-12-04 19:32:23 +01:00
< div style = "float:left;line-height:33px;" data-i18n = "dashboard_alert_message_confedit" > Your Hyperion configuration has been modified. To apply it, restart Hyperion.< / div >
2016-12-21 18:24:03 +01:00
< button id = "btn_hyperion_reload" class = "btn btn-danger" data-i18n = "general_btn_restarthyperion" > Restart Hyperion< / button >
2016-09-14 13:51:28 +02:00
< / div >
< / div >
2016-12-21 18:24:03 +01:00
< div id = "page-content" > < / div >
2016-09-14 13:51:28 +02:00
< / div >
2016-09-03 15:54:33 +02:00
< / div >
<!-- /#wrapper -->
2016-09-07 20:10:37 +02:00
< div id = "container_connection_lost" style = "display:none" > < / div >
2017-01-17 21:53:35 +01:00
< div id = "container_restart" style = "display:none" > < / div >
<!-- infoDialog -->
< div id = "modal_dialog" class = "modal fade" role = "dialog" style = "z-index:9999" >
2016-09-03 15:54:33 +02:00
< div class = "modal-dialog" >
2017-01-17 21:53:35 +01:00
< center >
< div class = "modal-content" >
< div id = "id_body" class = "modal-body" > < / div >
< div id = "id_footer" class = "modal-footer" style = "text-align:center" > < / div >
2016-12-21 18:24:03 +01:00
< / div >
2017-01-17 21:53:35 +01:00
< / center >
2016-09-03 15:54:33 +02:00
< / div >
< / div >
2017-01-04 10:55:10 +01:00
2017-01-17 21:53:35 +01:00
<!-- wizardDialog -->
2017-01-04 10:55:10 +01:00
< div id = "wizard_modal" class = "modal fade" role = "dialog" >
< div class = "modal-dialog" >
2017-01-17 21:53:35 +01:00
< div class = "modal-content" >
< div id = "wiz_header" class = "modal-header" > < / div >
< div id = "wizp1" >
2017-02-08 14:36:28 +01:00
< div class = "modal-body" style = "text-align:center" >
< img src = "img/hyperion/hyperionlogo.png" alt = "Redefine ambient light!" style = "margin-bottom:15px" >
< div id = "wizp1_body" > < / div >
< / div >
2017-01-17 21:53:35 +01:00
< div id = "wizp1_footer" class = "modal-footer" style = "text-align:center" > < / div >
2017-01-04 10:55:10 +01:00
< / div >
2017-01-17 21:53:35 +01:00
< div id = "wizp2" style = "display:none" >
2017-01-04 10:55:10 +01:00
< center >
2017-02-08 14:36:28 +01:00
< div class = "modal-body" >
< img src = "img/hyperion/hyperionlogo.png" alt = "Redefine ambient light!" style = "margin-bottom:15px" >
< div id = "wizp2_body" > < / div >
< / div >
2017-01-04 10:55:10 +01:00
< / center >
2017-01-17 21:53:35 +01:00
< div id = "wizp2_footer" class = "modal-footer" style = "text-align:center" > < / div >
2017-01-04 10:55:10 +01:00
< / div >
2017-02-08 14:36:28 +01:00
< div id = "wizp3" style = "display:none" >
< center >
< div class = "modal-body" >
< img src = "img/hyperion/hyperionlogo.png" alt = "Redefine ambient light!" style = "margin-bottom:15px" >
< div id = "wizp3_body" > < / div >
< / div >
< / center >
< div id = "wizp3_footer" class = "modal-footer" style = "text-align:center" > < / div >
< / div >
2017-01-04 10:55:10 +01:00
< / div >
< / div >
< / div >
2017-01-17 21:53:35 +01:00
<!-- ledsimDialog -->
< div id = "ledsim_dialog" style = "display:none; z-index:9998" >
< div data-role = "body" style = "padding:0px;" >
2017-02-08 14:36:28 +01:00
< div id = "ledsim_text" > < / div >
2017-01-17 21:53:35 +01:00
< div id = "leds_canvas" > < / div >
< / div >
< div data-role = "footer" style = "text-align:center" >
< button type = "button" class = "btn btn-success" id = "leds_toggle" > < i class = "fa fa-fw fa-lightbulb-o" > < / i > < span data-i18n = "main_ledsim_btn_toggleleds" > leds< / span > < / button >
< button type = "button" class = "btn btn-danger" id = "leds_toggle_num" > < i class = "fa fa-fw fa-info" > < / i > < span data-i18n = "main_ledsim_btn_togglelednumber" > led numbers< / span > < / button >
< button type = "button" class = "btn btn-danger" id = "leds_toggle_live_video" > < i class = "fa fa-fw fa-television" > < / i > < span data-i18n = "main_ledsim_btn_togglelivevideo" > live video< / span > < / button >
< / div >
< / div >
2016-09-03 15:54:33 +02:00
<!-- Bootstrap Core JavaScript -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/bootstrap.min.js" > < / script >
2016-09-03 15:54:33 +02:00
<!-- Metis Menu Plugin JavaScript -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/metisMenu.min.js" > < / script >
2016-09-03 15:54:33 +02:00
<!-- Custom Theme JavaScript -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/sb-admin-2.js" > < / script >
2016-09-06 10:14:54 +02:00
2017-02-28 17:53:41 +01:00
< script src = "js/content_index.js" > < / script >
< script src = "js/settings.js" > < / script >
< script src = "js/wizard.js" > < / script >
2017-01-17 21:53:35 +01:00
<!-- gijgo dialog -->
2017-02-28 17:53:41 +01:00
< script src = "js/lib/draggable.min.js" > < / script >
< script src = "js/lib/dialog.min.js" > < / script >
< script src = "js/ledsim.js" > < / script >
2017-01-17 21:53:35 +01:00
<!-- Client - side download -->
2017-02-28 17:53:41 +01:00
< script src = 'js/lib/download.min.js' > < / script >
<!-- JsonAceEditor -->
< script src = 'js/lib/jsonaceeditor.min.js' > < / script >
< link href = "css/jsonaceeditor.min.css" rel = "stylesheet" type = "text/css" >
2017-01-17 21:53:35 +01:00
2016-06-12 22:27:24 +02:00
< / body >
2016-08-13 20:05:01 +02:00
< / html >
