mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-03-09 20:38:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

Header style update

Browse Source
This commit is contained in:
bergware
2018-08-27 10:16:20 +02:00
parent 03ca258839
commit 4a644d65b2
5 changed files with 41 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
plugins/dynamix/include/DefaultPageLayout.php
View File

@@ -85,13 +85,21 @@ function updateTime() {
before = now;
if (expiretime > 0) {
var remainingtime = expiretime - now.getTime()/1000;
if (remainingtime <= 0) {
$('#licenseexpire').html('Trial period: expired (click here for details)');
} else {
if (remainingtime > 0) {
days = parseInt(remainingtime/86400);
hour = parseInt(remainingtime/3600%24);
mins = parseInt(remainingtime/60%60);
$('#licenseexpire').html('Trial period: '+((days|hour|mins)?(days?plus(days,'day',true):(hour?plus(hour,'hour',true):plus(mins,'minute',true))):'less than a minute')+' remaining (click here for details)');
if (days) {
$('#licenseexpire').html(plus(days,'day',true)+' remaining');
} else if (hour) {
$('#licenseexpire').html(plus(hour,'hour',true)+' remaining').addClass('orange-text');
} else if (mins) {
$('#licenseexpire').html(plus(mins,'minute',true)+' remaining').addClass('red-text');
} else {
$('#licenseexpire').html('less than a minute remaining').addClass('red-text');
}
} else {
$('#licenseexpire').html('expired').addClass('red-text');
}
}
setTimeout(updateTime,1000);
@@ -296,13 +304,12 @@ $.ajaxPrefilter(function(s, orig, xhr){
<div id="header" class="<?=$display['banner']?>">
<div class="logo">
<a href="#" onclick="openBox('/webGui/include/Feedback.php','Feedback',600,600,false);return false;"><?=file_get_contents("$docroot/webGui/images/UN-logotype-gradient.svg")?></a>
SERVER OS <a href="/Tools/Registration" title="Go to Registration page"><span id="licensetype"><?=$var['regTy']?></span></a>
<a href="/Tools/Registration" title="Go to Registration page"><span id="licenseexpire"></span></a>
<?=$var['version']?><?=$notes?>
</div>
<div class="block">
<span class="text-left">Server<br/>Description<br/>Version<br/>Uptime</span>
<span class="text-left">Server<br/>Description<br/>Registration<br/>Uptime</span>
<span class="text-right"><?=$var['NAME']." &bullet; ".$eth0['IPADDR:0']?><br/><?=$var['COMMENT']?><br/>
<?=$var['version']?><?=$notes?><br/>
<a href="/Tools/Registration" title="Go to Registration page"><span id="licensetype"><?=$var['regTy']?></span></a><a href="/Tools/Registration" title="Go to Registration page"><span id="licenseexpire"></span></a><br/>
<span id="uptime"></span></span>
</div>
</div>
@@ -487,6 +494,12 @@ $('.back_to_top').click(function(event) {
return false;
});
$(function() {
<?$regTy = strtolower($var['regTy']);?>
<?if ($regTy=='unregistered'):?>
$('#licensetype').addClass('orange-text');
<?elseif (!in_array($regTy,['trial','basic','plus','pro'])):?>
$('#licensetype').addClass('red-text');
<?endif;?>
if ($("div#nav-right").css('float').toLowerCase() == 'right') {
var origNavRightWidth = $('div#nav-right').width();
var adjustMenuSize = function() {

11
plugins/dynamix/styles/default-azure.css
View File

@@ -43,15 +43,14 @@ select.slot{min-width:440px;max-width:440px}
input.narrow{width:166px}
input.trim{width:50px}
form+p{display:none}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#edeaef;background-size:100% 90px;border-bottom:#9794a0 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;font-size:24px;font-weight:bold;letter-spacing:2px}
#header .logo svg{height:28px;display:block;margin:17px 50px 4px 0}
#header .logo #licensetype{font-style:italic}
#header .logo a{color:#e22828}
#header .logo #licenseexpire{margin-left:40px;letter-spacing:0}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#edeaef;background-size:100% 90px;background-repeat:no-repeat;border-bottom:#9794a0 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
#header .block{margin:0;float:right;text-align:right;background-color:rgba(237,234,239,0.7);padding:7px 12px}
#header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #f15a2c}
#header .text-right{float:right;text-align:left;padding-left:5px}
#header .text-right a{color:#606e7f}
#header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
#menu{position:fixed;top:0;left:0;bottom:12px;width:65px;padding:0;margin:0;background:#383A34;z-index:100;box-shadow:inset -1px 0 2px #edeaef}
#nav-block{position:absolute;top:0;bottom:12px;color:#5D6833;white-space:nowrap;float:left;overflow-y:scroll;direction:rtl;letter-spacing:2px}
#nav-block::-webkit-scrollbar{display:none}

11
plugins/dynamix/styles/default-black.css
View File

@@ -43,15 +43,14 @@ select.auto{min-width:auto}
select.slot{min-width:440px;max-width:440px}
input.narrow{width:166px}
input.trim{width:50px}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;color:#1c1b1b;background:#f2f2f2;background-size:100% 90px}
#header .logo{float:left;margin-left:10px;color:#e22828;font-size:24px;font-weight:bold;letter-spacing:2px}
#header .logo svg{height:28px;display:block;margin:17px 50px 4px 0}
#header .logo #licensetype{font-style:italic}
#header .logo a{color:#e22828}
#header .logo #licenseexpire{margin-left:40px;letter-spacing:0}
#header{position:fixed;top:0;left:0;width:100%;height:91px;z-index:100;margin:0;color:#1c1b1b;background:#f2f2f2;background-size:100% 90px;background-repeat:no-repeat}
#header .logo{float:left;margin-left:10px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
#header .block{margin:0;float:right;text-align:right;background-color:rgba(242,242,242,0.3);padding:7px 12px}
#header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #f15a2c}
#header .text-right{float:right;text-align:left;padding-left:5px}
#header .text-right a{color:#1c1b1b}
#header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
#title{margin:20px 0 32px 0;padding:8px 10px;clear:both;border-bottom:#2b2b2b 1px solid;background:#262626;letter-spacing:2px}
#title span.left{font-size:15px}
#title span.right{font-size:13px;padding-top:2px;padding-right:10px;float:right}

11
plugins/dynamix/styles/default-gray.css
View File

@@ -43,15 +43,14 @@ select.slot{min-width:440px;max-width:440px}
input.narrow{width:166px}
input.trim{width:50px}
form+p{display:none}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#121510;background-size:100% 90px;border-bottom:#42453e 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;font-size:24px;font-weight:bold;letter-spacing:2px}
#header .logo svg{height:28px;display:block;margin:17px 50px 4px 0}
#header .logo #licensetype{font-style:italic}
#header .logo a{color:#e22828}
#header .logo #licenseexpire{margin-left:40px;letter-spacing:0}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#121510;background-size:100% 90px;background-repeat:no-repeat;border-bottom:#42453e 1px solid}
#header .logo{float:left;margin-left:75px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
#header .block{margin:0;float:right;text-align:right;background-color:rgba(18,21,16,0.7);padding:7px 12px}
#header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #f15a2c}
#header .text-right{float:right;text-align:left;padding-left:5px}
#header .text-right a{color:#606e7f}
#header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
#menu{position:fixed;top:0;left:0;bottom:12px;width:65px;padding:0;margin:0;background:#383a34;z-index:100;box-shadow:inset -1px 0 2px #121510}
#nav-block{position:absolute;top:0;bottom:12px;color:#5D6833;white-space:nowrap;float:left;overflow-y:scroll;direction:rtl;letter-spacing:2px}
#nav-block::-webkit-scrollbar{display:none}

11
plugins/dynamix/styles/default-white.css
View File

@@ -43,15 +43,14 @@ select.auto{min-width:auto}
select.slot{min-width:440px;max-width:440px}
input.narrow{width:166px}
input.trim{width:50px}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;color:#f2f2f2;background:#1c1b1b;background-size:100% 90px}
#header .logo{float:left;margin-left:10px;color:#e22828;font-size:24px;font-weight:bold;letter-spacing:2px}
#header .logo svg{height:28px;display:block;margin:17px 50px 4px 0}
#header .logo #licensetype{font-style:italic}
#header .logo a{color:#e22828}
#header .logo #licenseexpire{margin-left:40px;letter-spacing:0}
#header{position:fixed;top:0;left:0;width:100%;height:91px;z-index:100;margin:0;color:#f2f2f2;background:#1c1b1b;background-size:100% 90px;background-repeat:no-repeat}
#header .logo{float:left;margin-left:10px;color:#e22828;width:160px;text-align:center}
#header .logo svg{width:160px;display:block;margin:25px 50px 8px 0}
#header .block{margin:0;float:right;text-align:right;background-color:rgba(28,27,27,0.3);padding:7px 12px}
#header .text-left{float:left;text-align:right;padding-right:5px;border-right:solid medium #f15a2c}
#header .text-right{float:right;text-align:left;padding-left:5px}
#header .text-right a{color:#f2f2f2}
#header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
#title{margin:20px 0 32px 0;padding:8px 10px;clear:both;border-bottom:#e3e3e3 1px solid;background:#e8e8e8;letter-spacing:2px}
#title span.left{font-size:15px}
#title span.right{font-size:13px;padding-top:2px;padding-right:10px;float:right}