2016-08-31 17:19:41 +02:00
<!DOCTYPE html>
2016-12-04 19:32:23 +01:00
< html >
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-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-11-30 17:32:12 +01:00
<!-- JSONEditor -->
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-12-04 19:32:23 +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-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
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" >
2016-12-08 23:39:41 +01:00
< li class = "dropdown" id = "btn_setlang" >
< a href = "#" >
< i class = "fa fa-globe fa-fw" > < / i >
< / a >
< / li >
< li class = "dropdown" id = "btn_setaccess" >
< a href = "#" >
< i class = "fa fa-key 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 = "#" >
< 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" >
2016-12-04 19:32:23 +01:00
< li > < a class = "active" id = "load_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" >
2016-12-23 19:37:35 +01:00
< li > < a class = "inactive" id = "load_confGeneral" > < i class = "fa fa-wrench fa-fw" > < / i > < span data-i18n = "main_menu_general_conf_token" > General< / span > < / a > < / li >
2016-12-04 19:32:23 +01:00
< li > < a class = "inactive" id = "load_confLeds" > < 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" id = "load_confGrabber" > < 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" id = "load_confEffects" > < i class = "fa fa-spinner fa-fw" > < / i > < span data-i18n = "main_menu_effect_conf_token" > Effects< / span > < / a > < / li >
< li > < a class = "inactive" id = "load_confColors" > < 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" id = "load_confKodi" > < 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" id = "load_confNetwork" > < 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 >
2016-12-04 19:32:23 +01:00
< li > < a class = "inactive" id = "load_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" id = "load_effectsconfig" > < i class = "fa fa-cogs fa-fw" > < / i > < span data-i18n = "main_menu_effectsconfigurator_token" > Effects Configurator< / span > < / a > < / li >
< li > < a class = "inactive" id = "load_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" >
2016-12-08 23:39:41 +01:00
< li > < a class = "inactive" id = "load_webconfig" > < i class = "fa fa-wrench fa-fw" > < / i > < span data-i18n = "main_menu_webconfig_token" > Webconfiguration< / span > < / a > < / li >
2016-12-04 19:32:23 +01:00
< li > < a class = "inactive" id = "load_logging" > < i class = "fa fa-reorder fa-fw" > < / i > < span data-i18n = "main_menu_logging_token" > Log< / span > < / a > < / li >
< li > < a class = "inactive" id = "load_update" > < i class = "fa fa-download fa-fw" > < / i > < span data-i18n = "main_menu_update_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 >
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-12-21 18:24:03 +01:00
< div class = "modal-body" >
< center >
< div class = "modal-bodyicon" style = "margin-bottom:20px;" > < / div >
< h4 class = "modal-bodytitle" style = "font-weight:bold;text-transform:uppercase;" > < / h4 >
< div class = "modal-bodycontent" > < / div >
< select id = "modal_select" class = "form-control" style = "margin-top:10px;width:auto;" > < / select >
< / center >
< / div >
< div class = "modal-footer" >
< center >
< div class = "modal-footer-button" > < / div >
< / center >
< / div >
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-12-08 23:39:41 +01:00
< script src = "/js/localStorage.js" > < / script >
2016-12-04 19:32:23 +01:00
2016-06-12 22:27:24 +02:00
< / body >
2016-08-13 20:05:01 +02:00
< / html >