mirror of
https://github.com/unraid/webgui.git
synced 2026-04-23 10:38:50 -05:00
Changed popup windows to higher contrast and the same for all themes
Improve readability
This commit is contained in:
@@ -13,17 +13,14 @@
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Markdown.php";
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
?>
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
</head>
|
||||
<body style="margin:14px 10px;font-size:12px">
|
||||
<body style="margin:14px 10px">
|
||||
<?
|
||||
$file = $_GET['file'];
|
||||
if (file_exists($file) && strpos(realpath($file), '/tmp/plugins/') === 0 && substr($file, -4) == '.txt') echo Markdown(file_get_contents($file)); else echo Markdown("*No release notes available!*");
|
||||
|
||||
@@ -10,12 +10,8 @@
|
||||
*/
|
||||
?>
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$var = parse_ini_file('state/var.ini');
|
||||
$unraid = parse_ini_file('/etc/unraid-version');
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
$keyfile = trim(base64_encode(@file_get_contents($var['regFILE'])));
|
||||
|
||||
if (array_key_exists('getdiagnostics', $_GET)) {
|
||||
@@ -28,7 +24,7 @@ if (array_key_exists('getdiagnostics', $_GET)) {
|
||||
}
|
||||
?>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
<style>
|
||||
#spinner_image{position:fixed;left:46%;top:46%;width:16px;height:16px;display:none}
|
||||
#control_panel{position:fixed;left:5px;right:5px;top:0;padding-top:8px;line-height:24px;white-space:nowrap}
|
||||
@@ -42,7 +38,7 @@ input[type=button]{margin-right:0;float:right}
|
||||
input[type=email]{margin-top:8px;float:left}
|
||||
</style>
|
||||
<body>
|
||||
<div style="margin-top:0;font-size:12px;line-height:30px;margin-left:5px;margin-right:5px">
|
||||
<div style="margin-top:0;line-height:30px;margin-left:5px;margin-right:5px">
|
||||
<div id="control_panel" class="four">
|
||||
<label for="optOnlinePoll"><input type="radio" name="mode" id="optOnlinePoll" value="onlinepoll" checked="checked" /> Online Poll</label>
|
||||
<label for="optFeatureRequest"><input type="radio" name="mode" id="optFeatureRequest" value="featurerequest"/> Feature Request</label>
|
||||
|
||||
@@ -11,10 +11,6 @@
|
||||
*/
|
||||
?>
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
$month = [' Jan '=>'-01-',' Feb '=>'-02-',' Mar '=>'-03-',' Apr '=>'-04-',' May '=>'-05-',' Jun '=>'-06-',' Jul '=>'-07-',' Aug '=>'-08-',' Sep '=>'-09-',' Oct '=>'-10-',' Nov '=>'-11-',' Dec '=>'-12-'];
|
||||
|
||||
function plus($val, $word, $last) {
|
||||
@@ -34,10 +30,10 @@ function my_duration($time) {
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
</head>
|
||||
<body>
|
||||
<table class='share_status' style='margin-top:0;font-size:12px'><thead><tr><td>Date</td><td>Duration</td><td>Speed</td><td>Status</td><td>Errors</td></tr></thead><tbody>
|
||||
<table class='share_status'><thead><tr><td>Date</td><td>Duration</td><td>Speed</td><td>Status</td><td>Errors</td></tr></thead><tbody>
|
||||
<?
|
||||
$log = '/boot/config/parity-checks.log'; $list = [];
|
||||
if (file_exists($log)) {
|
||||
|
||||
@@ -10,15 +10,11 @@
|
||||
*/
|
||||
?>
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$var = parse_ini_file('state/var.ini');
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
$keyfile = base64_encode(file_get_contents($var['regFILE']));
|
||||
?>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
<script src="/webGui/javascript/dynamix.js"></script>
|
||||
<script>
|
||||
function replaceKey(email, guid, keyfile) {
|
||||
@@ -53,7 +49,7 @@ function replaceKey(email, guid, keyfile) {
|
||||
}
|
||||
</script>
|
||||
<body>
|
||||
<div style="margin-top:20px;font-size:12px;line-height:30px;margin-left:40px">
|
||||
<div style="margin-top:20px;line-height:30px;margin-left:40px">
|
||||
<div id="status_panel"></div>
|
||||
<form markdown="1" id="input_form">
|
||||
|
||||
|
||||
@@ -12,17 +12,13 @@
|
||||
*/
|
||||
?>
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$var = parse_ini_file('state/var.ini');
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
?>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
<style>
|
||||
span.key{width:92px;display:inline-block;font-weight:bold}
|
||||
div.box{margin-top:8px;line-height:30px;margin-left:40px;font-size:12px}
|
||||
div.box{margin-top:8px;line-height:30px;margin-left:40px}
|
||||
</style>
|
||||
<script>
|
||||
// server uptime & update period
|
||||
|
||||
@@ -10,14 +10,10 @@
|
||||
*/
|
||||
?>
|
||||
<?
|
||||
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
|
||||
require_once "$docroot/webGui/include/Wrappers.php";
|
||||
|
||||
$var = parse_ini_file('state/var.ini');
|
||||
$webgui = parse_plugin_cfg('dynamix',true);
|
||||
?>
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
|
||||
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
|
||||
<script src="/webGui/javascript/dynamix.js"></script>
|
||||
<script>
|
||||
function registerTrial(email, guid) {
|
||||
@@ -52,7 +48,7 @@ function registerTrial(email, guid) {
|
||||
}
|
||||
</script>
|
||||
<body>
|
||||
<div style="margin-top:20px;font-size:12px;line-height:30px;margin-left:40px">
|
||||
<div style="margin-top:20px;line-height:30px;margin-left:40px">
|
||||
<div id="status_panel"></div>
|
||||
<form markdown="1" id="trial_form">
|
||||
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
html{font-family:arimo}
|
||||
body{font-size:12px;color:#303030;background-color:#EDEAEF;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
||||
input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],textarea,.textarea{font-family:arimo;font-size:12px;color:#303030;background-color:#EDEAEF;border:1px solid #E0E0E0;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:300px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #F0F0F0}
|
||||
input[type=button],button,a.button{font-family:arimo;font-size:12px;border:1px solid #E8E8E8;border-radius:6px;margin:7px 14px 0 0;padding:8px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#303030;background:-webkit-radial-gradient(#F0F0F0,#C8C8C8);background:linear-gradient(#F0F0F0,#C8C8C8)}
|
||||
input:hover[type=button],button:hover,a.button:hover{border-color:#6AB034;color:#EDEAEF;background:-webkit-radial-gradient(#5E9E2E,#8FD956);background:linear-gradient(#5E9E2E,#8FD956)}
|
||||
input:active[type=button],button:active,a:button:active{border-color:#6AB034;box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #E0E0E0}
|
||||
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
|
||||
table thead td{padding:5px 0}
|
||||
table tbody td{padding:7px 0}
|
||||
table.share_status{white-space:nowrap}
|
||||
table.share_status thead tr:first-child td{font-weight:bold;background-color:#B0B0B0}
|
||||
table.share_status thead tr:last-child{border-bottom:1px solid #F0F0F0}
|
||||
table.share_status tr>td{text-align:left;padding-left:12px}
|
||||
table.share_status tr>td+td{padding-left:0}
|
||||
@@ -25,22 +25,22 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
|
||||
.ui-dropdownchecklist-indent{padding-left:7px}
|
||||
.ui-dropdownchecklist-text{font-family:arimo;font-size:13px;color:#606E7F}
|
||||
.ui-dropdownchecklist-item{}
|
||||
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#606E7F}
|
||||
#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:#ABC056;color:#5D6833;text-indent:10px;text-align:center}
|
||||
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
|
||||
#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
|
||||
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
|
||||
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
|
||||
#sb-overlay{position:relative;height:100%;width:100%}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #ABC056 solid;border-radius:10px;background:#E4E2E4}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
|
||||
#sb-wrapper-inner{overflow:hidden;height:100px}
|
||||
#sb-body{position:relative;height:100%}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#E4E2E4}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
|
||||
#sb-body img{border:none}
|
||||
#sb-loading{position:relative;height:100%}
|
||||
#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
|
||||
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
|
||||
#sb-body,#sb-loading{background-color:#E4E2E4}
|
||||
#sb-body,#sb-loading{background-color:#EDEAEF}
|
||||
#sb-info,#sb-info-inner{height:20px;line-height:20px}
|
||||
#sb-info-inner{font-size:13px}
|
||||
#sb-info-inner{font-size:12px}
|
||||
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
|
||||
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
|
||||
#sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
|
||||
|
||||
@@ -30,15 +30,15 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0}
|
||||
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
|
||||
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
|
||||
#sb-overlay{position:relative;height:100%;width:100%}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#1B1D1B}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
|
||||
#sb-wrapper-inner{overflow:hidden;height:100px}
|
||||
#sb-body{position:relative;height:100%}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#1B1D1B}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
|
||||
#sb-body img{border:none}
|
||||
#sb-loading{position:relative;height:100%}
|
||||
#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
|
||||
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
|
||||
#sb-body,#sb-loading{background-color:#1B1D1B}
|
||||
#sb-body,#sb-loading{background-color:#EDEAEF}
|
||||
#sb-info,#sb-info-inner{height:20px;line-height:20px}
|
||||
#sb-info-inner{font-size:12px}
|
||||
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
|
||||
|
||||
@@ -25,22 +25,22 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
|
||||
.ui-dropdownchecklist-indent{padding-left:7px}
|
||||
.ui-dropdownchecklist-text{font-family:arimo;font-size:13px;color:#606E7F}
|
||||
.ui-dropdownchecklist-item{}
|
||||
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#606E7F}
|
||||
#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:#ABC056;color:#5D6833;text-indent:10px;text-align:center}
|
||||
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
|
||||
#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
|
||||
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
|
||||
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
|
||||
#sb-overlay{position:relative;height:100%;width:100%}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #ABC056 solid;border-radius:10px;background:#1B1D1B}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
|
||||
#sb-wrapper-inner{overflow:hidden;height:100px}
|
||||
#sb-body{position:relative;height:100%}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#1B1D1B}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
|
||||
#sb-body img{border:none}
|
||||
#sb-loading{position:relative;height:100%}
|
||||
#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
|
||||
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
|
||||
#sb-body,#sb-loading{background-color:#1B1D1B}
|
||||
#sb-body,#sb-loading{background-color:#EDEAEF}
|
||||
#sb-info,#sb-info-inner{height:20px;line-height:20px}
|
||||
#sb-info-inner{font-size:13px}
|
||||
#sb-info-inner{font-size:12px}
|
||||
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
|
||||
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
|
||||
#sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
|
||||
|
||||
@@ -30,15 +30,15 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0}
|
||||
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
|
||||
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
|
||||
#sb-overlay{position:relative;height:100%;width:100%}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#E4E2E4}
|
||||
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
|
||||
#sb-wrapper-inner{overflow:hidden;height:100px}
|
||||
#sb-body{position:relative;height:100%}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#E4E2E4}
|
||||
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
|
||||
#sb-body img{border:none}
|
||||
#sb-loading{position:relative;height:100%}
|
||||
#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
|
||||
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
|
||||
#sb-body,#sb-loading{background-color:#E4E2E4}
|
||||
#sb-body,#sb-loading{background-color:#EDEAEF}
|
||||
#sb-info,#sb-info-inner{height:20px;line-height:20px}
|
||||
#sb-info-inner{font-size:12px}
|
||||
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
|
||||
|
||||
Reference in New Issue
Block a user