2016-08-31 17:19:41 +02:00
<!DOCTYPE html>
2016-08-13 20:05:01 +02:00
< html lang = "en" >
2016-06-12 22:27:24 +02:00
< head >
2016-08-13 20:05:01 +02:00
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
2016-09-03 15:54:33 +02:00
< title > Hyperion - WebUI< / title >
2016-08-15 13:51:41 +02:00
2016-09-06 10:14:54 +02:00
<!-- jQuery -->
2016-09-03 15:54:33 +02: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 -->
2016-09-03 15:54:33 +02:00
< script src = "js/hyperion.js" > < / script >
< script src = "js/ui_utils.js" > < / script >
2016-08-20 16:36:01 +02:00
2016-09-06 10:14:54 +02:00
<!-- textarea -->
< script src = "js/lib/jquery-linedtextarea.js" > < / script >
< link href = "css/jquery-linedtextarea.css" type = "text/css" rel = "stylesheet" / >
<!-- Colorpicker -->
2016-09-03 15:54:33 +02: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-09-06 10:14:54 +02:00
<!-- Bootstrap Switch -->
2016-09-03 15:54:33 +02:00
< script src = "js/lib/bootstrap-switch.min.js" > < / script >
< link href = "css/bootstrap-switch.min.css" rel = "stylesheet" >
2016-08-13 20:05:01 +02:00
2016-09-06 10:14:54 +02:00
<!-- JSONForm -->
2016-09-03 19:51:30 +02: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 -->
2016-08-23 19:42:16 +02:00
< script src = "js/lib/jquery-lang.js" charset = "utf-8" type = "text/javascript" > < / script >
< script src = "js/lib/js.cookie.js" > < / script >
2016-08-15 13:51:41 +02:00
2016-09-15 20:42:58 +02:00
<!-- jquery ui -->
< link href = "css/jquery-ui/jquery-ui.min.css" rel = "stylesheet" >
< link href = "css/jquery-ui/jquery-ui.structure.min.css" rel = "stylesheet" >
< link href = "css/jquery-ui/jquery-ui.theme.min.css" rel = "stylesheet" >
2016-08-13 20:05:01 +02:00
< script type = "text/javascript" >
// Create language switcher instance
var lang = new Lang();
lang.dynamic('de', 'lang/de.json');
lang.init({
defaultLang: 'en',
cookie: {
name: 'langCookie',
expiry: 365,
path: '/'
},
allowCookieOverride: true
});
< / script >
2016-08-15 13:51:41 +02:00
2016-08-13 20:05:01 +02:00
2016-09-03 15:54:33 +02:00
<!-- Bootstrap Core CSS -->
< link href = "css/bootstrap.css" rel = "stylesheet" >
2016-08-15 13:51:41 +02:00
2016-08-13 20:05:01 +02:00
<!-- Flags -->
< link href = "css/flag-icon.min.css" rel = "stylesheet" >
2016-09-03 15:54:33 +02:00
<!-- MetisMenu CSS -->
< 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 -->
< link href = "css/sb-admin-2.css" rel = "stylesheet" >
2016-08-15 13:51:41 +02:00
2016-08-13 22:01:07 +02:00
< 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 -->
< 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-08-13 20:05:01 +02:00
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 >
2016-09-13 11:51:16 +02:00
< div id = "loading_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" >
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navbar-collapse" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
2016-09-07 20:10:37 +02:00
< a class = "navbar-brand" href = "/" > < 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" >
< li class = "dropdown" >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-globe fa-fw" > < / i > < i class = "fa fa-caret-down" > < / i >
< / a >
< ul class = "dropdown-menu dropdown-language" >
< li >
< a href = "#lang-en" onclick = "window.lang.change('en'); return false;" > < span lang = "en" class = "flag-icon flag-icon-gb" data-lang-token = "general_speech_en" >   English< / span > < / a >
< / li >
< li class = "divider" > < / li >
< li >
< a href = "#lang-de" onclick = "window.lang.change('de'); return false;" > < span lang = "en" class = "flag-icon flag-icon-de" data-lang-token = "general_speech_de" >   German< / span > < / a >
< / li >
2016-08-13 20:05:01 +02:00
< / ul >
2016-09-03 15:54:33 +02:00
<!-- /.dropdown - language -->
< / li >
<!-- /.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 >
< / a >
< ul class = "dropdown-menu dropdown-alerts" >
< li >
< a href = "#" >
< div >
< i class = "fa fa-comment fa-fw" > < / i > New Comment
< span class = "pull-right text-muted small" > 4 minutes ago< / span >
2016-08-14 21:19:12 +02:00
< / div >
2016-09-03 15:54:33 +02:00
< / a >
< / li >
< li class = "divider" > < / li >
< li >
< 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 >
2016-08-16 00:20:31 +02:00
< / div >
2016-09-03 15:54:33 +02:00
< / 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 >
2016-08-14 21:19:12 +02:00
< / div >
2016-09-03 15:54:33 +02:00
< / 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 >
<!-- /.dropdown -->
< li class = "dropdown" >
< a class = "dropdown-toggle" data-toggle = "dropdown" href = "#" >
< i class = "fa fa-user fa-fw" > < / i > < i class = "fa fa-caret-down" > < / i >
< / a >
< ul class = "dropdown-menu dropdown-user" >
< li > < a href = "#" > < i class = "fa fa-user fa-fw" > < / i > User Profile< / a >
< / li >
< li > < a href = "#" > < i class = "fa fa-gear fa-fw" > < / i > Settings< / a >
< / li >
< li class = "divider" > < / li >
< li > < a href = "login.html" > < i class = "fa fa-sign-out fa-fw" > < / i > Logout< / a >
< / li >
< / ul >
<!-- /.dropdown - user -->
< / li >
<!-- /.dropdown -->
< / 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" >
< li > < a class = "active" id = "load_dashboard" > < i class = "fa fa-dashboard fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_dashboard_token" > Dashboard< / span > < / a > < / li >
< li >
< a class = "inactive" > < i class = "fa fa-cog fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_configuration_token" > Configuration< / span > < span class = "fa arrow" > < / span > < / a >
< ul class = "nav nav-second-level" >
2016-09-07 20:10:37 +02:00
< li > < a class = "inactive" id = "load_confLeds" > < i class = "fa fa-lightbulb-o fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_leds_conf_token" > LED Hardware< / span > < / a > < / li >
2016-10-09 10:23:04 +02:00
< li > < a class = "inactive" id = "load_confGrabber" > < i class = "fa fa-camera fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_grabber_conf_token" > Capturing Hardware< / span > < / a > < / li >
2016-10-30 17:54:38 +01:00
< li > < a class = "inactive" id = "load_confEffects" > < i class = "fa fa-spinner fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_effect_conf_token" > Effects< / span > < / a > < / li >
2016-10-09 10:23:04 +02:00
< li > < a class = "inactive" id = "load_confColors" > < i class = "fa fa-photo fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_colors_conf_token" > Image Processing< / span > < / a > < / li >
2016-09-07 20:10:37 +02:00
< li > < a class = "inactive" id = "load_confKodi" > < i class = "fa fa-play-circle-o fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_kodiwatch_token" > KODI Connector< / span > < / a > < / li >
2016-10-30 17:54:38 +01:00
< li > < a class = "inactive" id = "load_confNetwork" > < i class = "fa fa-sitemap fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_network_conf_token" > Network< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< / ul >
< / li >
2016-09-09 18:59:58 +02:00
< li > < a class = "inactive" id = "load_remote" > < i class = "fa fa-wifi fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_remotecontrol_token" > Remote Control< / span > < / a > < / li >
2016-10-30 17:54:38 +01:00
< li > < a class = "inactive" id = "load_effectsconfig" > < i class = "fa fa-cogs fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_effectsconfigurator_token" > Effects Configurator< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< li > < a class = "inactive" id = "load_support" > < i class = "fa fa-info fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_support_token" > Support< / span > < / a > < / li >
< li >
2016-09-09 18:59:58 +02:00
< a class = "inactive" > < i class = "fa fa-industry fa-fw" > < / i > < span lang = "en" data-lang-token = "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" >
2016-11-26 22:46:16 +01:00
< li > < a class = "inactive" id = "load_logging" > < i class = "fa fa-download fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_logging_token" > Events< / span > < / a > < / li >
2016-09-03 15:54:33 +02:00
< li > < a class = "inactive" id = "load_update" > < i class = "fa fa-download fa-fw" > < / i > < span lang = "en" data-lang-token = "main_menu_update_token" > Update< / span > < / a > < / li >
< / 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-09-15 20:42:58 +02: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-10-30 17:54:38 +01:00
< div style = "float:left;line-height:33px;" lang = "en" data-lang-token = "dashboard_alert_message_confedit" > Your Hyperion configuration has been modified. To apply it, restart Hyperion.< / div >
< button id = "btn_hyperion_reload" class = "btn btn-danger" lang = "en" data-lang-token = "dashboard_alert_button_restarthyerion" > Restart Hyperion< / button >
2016-09-14 13:51:28 +02:00
< / div >
< / div >
< div id = "page-content" / >
< / 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 >
2016-09-06 10:14:54 +02:00
2016-10-30 17:54:38 +01:00
< div id = "modal_dialog" class = "modal fade" role = "dialog" >
2016-09-03 15:54:33 +02:00
< div class = "modal-dialog" >
<!-- Modal content -->
< div class = "modal-content" >
2016-10-30 17:54:38 +01:00
< div class = "modal-body" >
< center >
< div class = "modal-bodyicon" > < / div >
< h4 class = "modal-bodytitle" style = "font-weight:bold;text-transform:uppercase;" > < / h4 >
< div class = "modal-bodycontent" > < / div >
< / center >
< / div >
2016-09-03 15:54:33 +02:00
< div class = "modal-footer" >
2016-10-30 17:54:38 +01:00
< center >
< div class = "modal-footer-button" > < / div >
< / center >
2016-08-30 23:25:27 +02:00
< / div >
2016-09-03 15:54:33 +02:00
< / div >
< / div >
<!-- Bootstrap Core JavaScript -->
2016-09-06 10:14:54 +02:00
< script src = "/js/lib/bootstrap.min.js" > < / script >
2016-09-03 15:54:33 +02:00
<!-- Metis Menu Plugin JavaScript -->
2016-09-06 10:14:54 +02:00
< script src = "/js/lib/metisMenu.min.js" > < / script >
2016-09-03 15:54:33 +02:00
<!-- Custom Theme JavaScript -->
2016-09-06 10:14:54 +02:00
< script src = "/js/lib/sb-admin-2.js" > < / script >
2016-09-15 20:42:58 +02:00
< script src = "/js/lib/jquery-ui.min.js" > < / script >
2016-09-06 10:14:54 +02:00
< script src = "/js/content_index.js" > < / script >
2016-06-12 22:27:24 +02:00
< / body >
2016-08-13 20:05:01 +02:00
< / html >
