mirror of
https://github.com/unraid/webgui.git
synced 2026-03-15 07:20:11 -05:00
f36f7f0423
Bonus side effect of hiding 'Dynamix update available' status bar notice when all that needs to be done is reboot to get the updated Dynamix included in the unRAID OS update.
378 lines
15 KiB
PHP
378 lines
15 KiB
PHP
<?PHP
|
|
/* Copyright 2005-2016, Lime Technology
|
|
* Copyright 2012-2016, Bergware International.
|
|
*
|
|
* This program is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU General Public License version 2,
|
|
* as published by the Free Software Foundation.
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in
|
|
* all copies or substantial portions of the Software.
|
|
*/
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><?=$var['NAME']?>/<?=$myPage['name']?></title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="MSThemeCompatible" content="no">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="robots" content="noindex">
|
|
<link type="image/png" rel="shortcut icon" href="/webGui/images/<?=$var['mdColor']?>.png">
|
|
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
|
|
<link type="text/css" rel="stylesheet" href="/webGui/styles/font-awesome.css?v=4.5.0">
|
|
<link type="text/css" rel="stylesheet" href="/webGui/styles/jquery.sweetalert.css">
|
|
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-{$display['theme']}.css")?>">
|
|
<link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/dynamix-{$display['theme']}.css")?>">
|
|
|
|
<style>
|
|
.inline_help{display:none;}
|
|
<?$banner = '/boot/config/plugins/dynamix/banner.png';?>
|
|
<?if (file_exists($banner)):?>
|
|
#header.image{background-image:url(<?=autov($banner)?>);}
|
|
<?else:?>
|
|
#header.image{background-image:url(/webGui/images/banner.png);}
|
|
<?endif?>
|
|
</style>
|
|
|
|
<script src="<?autov('/webGui/javascript/dynamix.js')?>"></script>
|
|
<script>
|
|
Shadowbox.init({skipSetup:true});
|
|
|
|
// server uptime
|
|
var uptime = <?=strtok(exec("cat /proc/uptime"),' ')?>;
|
|
var expiretime = <?=($var['regTy']=='Trial')?$var['regTm2']:0?>;
|
|
var before = new Date();
|
|
|
|
// Page refresh timer
|
|
var update = <?=abs($display['refresh'])/1000?>;
|
|
var counting = update;
|
|
|
|
// page timer events
|
|
var timers = {};
|
|
|
|
function pauseEvents(){
|
|
$.each(timers, function(i, timer) {
|
|
clearTimeout(timer);
|
|
});
|
|
}
|
|
function resumeEvents(){
|
|
var startDelay = 50;
|
|
$.each(timers, function(i, timer) {
|
|
timers[i] = setTimeout(i + '()', startDelay);
|
|
startDelay += 50;
|
|
});
|
|
}
|
|
function plus(value, label, last) {
|
|
return value>0 ? (value+' '+label+(value!=1?'s':'')+(last?'':', ')) : '';
|
|
}
|
|
function updateTime() {
|
|
var now = new Date();
|
|
var days = parseInt(uptime/86400);
|
|
var hour = parseInt(uptime/3600%24);
|
|
var mins = parseInt(uptime/60%60);
|
|
$('#uptime').html(((days|hour|mins)?plus(days,'day',(hour|mins)==0)+plus(hour,'hour',mins==0)+plus(mins,'minute',true):'less than a minute'));
|
|
uptime += Math.round((now.getTime() - before.getTime())/1000);
|
|
before = now;
|
|
if (expiretime > 0) {
|
|
var remainingtime = expiretime - now.getTime()/1000;
|
|
if (remainingtime <= 0) {
|
|
$('#licenseexpire').html(' - Expired').addClass('warning');
|
|
} else {
|
|
days = parseInt(remainingtime/86400);
|
|
hour = parseInt(remainingtime/3600%24);
|
|
mins = parseInt(remainingtime/60%60);
|
|
$('#licenseexpire').html(' - '+((days|hour|mins)?(days?plus(days,'day',true):(hour?plus(hour,'hour',true):plus(mins,'minute',true))):'less than a minute')+' remaining');
|
|
}
|
|
}
|
|
setTimeout(updateTime,1000);
|
|
}
|
|
function refresh(top) {
|
|
if (typeof top === 'undefined') {
|
|
for (var i=0,element; element=document.querySelectorAll('input,button,select')[i]; i++) { element.disabled = true; }
|
|
for (var i=0,link; link=document.getElementsByTagName('a')[i]; i++) { link.style.color = "gray"; } //fake disable
|
|
location = location;
|
|
} else {
|
|
$.cookie('top',top,{path:'/'});
|
|
location = location;
|
|
}
|
|
}
|
|
function initab() {
|
|
$.removeCookie('one',{path:'/'});
|
|
$.removeCookie('tab',{path:'/'});
|
|
}
|
|
function settab(tab) {
|
|
<?switch ($myPage['name']):?>
|
|
<?case'Main':?>
|
|
$.cookie('tab',tab,{path:'/'});
|
|
<?if ($var['fsState']=='Started'):?>
|
|
$.cookie('one','tab1',{path:'/'});
|
|
<?endif;?>
|
|
<?break;?>
|
|
<?case'Cache':case'Data':case'Flash':case'Parity':?>
|
|
$.cookie('one',tab,{path:'/'});
|
|
<?break;?>
|
|
<?default:?>
|
|
$.cookie(($.cookie('one')==null?'tab':'one'),tab,{path:'/'});
|
|
<?endswitch;?>
|
|
}
|
|
function done(key) {
|
|
var url = location.pathname.split('/');
|
|
var path = '/'+url[1];
|
|
if (key) for (var i=2; i<url.length; i++) if (url[i]==key) break; else path += '/'+url[i];
|
|
$.removeCookie('one',{path:'/'});
|
|
location.replace(path);
|
|
}
|
|
function chkDelete(form, button) {
|
|
button.value = form.confirmDelete.checked ? 'Delete' : 'Apply';
|
|
button.disabled = false;
|
|
}
|
|
function openBox(cmd,title,height,width,load) {
|
|
// open shadowbox window (run in foreground)
|
|
var run = cmd.split('?')[0].substr(-4)=='.php' ? cmd : '/logging.htm?cmd='+cmd;
|
|
var options = load ? {modal:true,onClose:function(){location=location;}} : {modal:true};
|
|
Shadowbox.open({content:run, player:'iframe', title:title, height:height, width:width, options:options});
|
|
}
|
|
function openWindow(cmd,title,height,width) {
|
|
// open regular window (run in background)
|
|
var run = '/logging.htm?title='+title+'&cmd='+cmd;
|
|
var top = (screen.height-height)/2;
|
|
var left = (screen.width-width)/2;
|
|
var options = 'resizeable=yes,scrollbars=yes,height='+height+',width='+width+',top='+top+',left='+left;
|
|
window.open(run, 'log', options);
|
|
}
|
|
function showStatus(name,plugin,job) {
|
|
$.post('/webGui/include/ProcessStatus.php',{name:name,plugin:plugin,job:job},function(status){$(".tabs").append(status);});
|
|
}
|
|
function showFooter(data, id) {
|
|
if (id !== undefined) $('#'+id).remove();
|
|
$('#copyright').prepend(data);
|
|
}
|
|
function showNotice(data,plugin) {
|
|
if (plugin)
|
|
var href = "href=\"#\" onclick=\"openBox('/plugins/dynamix.plugin.manager/scripts/plugin&arg1=update&arg2="+plugin+".plg','Update Plugin',600,900,true)\"";
|
|
else
|
|
var href = "href=\"/Plugins\"";
|
|
$('#user-notice').html(data.replace(/<a>(.*?)<\/a>/,"<a "+href+">$1</a>"));
|
|
if (timers.countDown) {clearTimeout(timers.countDown);$('#countdown').html('');}
|
|
}
|
|
function notifier() {
|
|
$.post('/webGui/include/Notify.php',{cmd:'get'},function(data) {
|
|
if (data) {
|
|
var json = $.parseJSON(data);
|
|
$.each(json, function(i, object) {
|
|
var notify = $.parseJSON(object);
|
|
$.jGrowl(notify.subject+'<br>'+notify.description, {
|
|
sticky: true,
|
|
position: '<?=$notify['position']?>',
|
|
header: notify.event+': '+notify.timestamp,
|
|
theme: notify.importance+' '+notify.file,
|
|
themeState: '',
|
|
beforeOpen: function(e,m,o) {if ($('.jGrowl-notify').hasClass(notify.file)) {return(false);}},
|
|
close: function(e,m,o) {$.post('/webGui/include/Notify.php',{cmd:'archive',file:notify.file}); return(false);}
|
|
});
|
|
});
|
|
<?if ($update):?>
|
|
timers.notifier = setTimeout(notifier,<?=max(5000,abs($display['refresh']))?>);
|
|
<?endif;?>
|
|
}
|
|
});
|
|
}
|
|
function watchdog() {
|
|
$.post('/webGui/include/Watchdog.php',{mode:<?=$display['refresh']?>,dot:'<?=$display['number'][0]?>'},function(data) {
|
|
if (data) {
|
|
$.each(data.split('#'),function(k,v) {
|
|
<?if ($update):?>
|
|
if (v!='stop') $('#statusbar').html(v); else setTimeout(refresh,0);
|
|
});
|
|
timers.watchdog = setTimeout(watchdog,<?=abs($display['refresh'])?>);
|
|
<?else:?>
|
|
if (v!='stop') $('#statusbar').html(v);
|
|
});
|
|
<?endif;?>
|
|
}
|
|
});
|
|
}
|
|
function countDown() {
|
|
counting--;
|
|
if (counting==0) counting = update;
|
|
$('#countdown').html('<small>Page refresh in '+counting+' sec</small>');
|
|
timers.countDown = setTimeout(countDown,1000);
|
|
}
|
|
$(function() {
|
|
var tab = $.cookie('one')||$.cookie('tab')||'tab1';
|
|
if (tab=='tab0') tab = 'tab'+$('input[name$="tabs"]').length; else if ($('#'+tab).length==0) {initab(); tab = 'tab1';}
|
|
if ($.cookie('help')=='help') {$('.inline_help').show(); $('#nav-item.HelpButton').addClass('active');}
|
|
$('#'+tab).attr('checked', true);
|
|
<?if ($update):?>
|
|
if (update>1) timers.countDown = setTimeout(countDown,1000);
|
|
<?endif;?>
|
|
updateTime();
|
|
$.jGrowl.defaults.closer = false;
|
|
Shadowbox.setup('a.sb-enable', {modal:true});
|
|
});
|
|
var mobiles=['ipad','iphone','ipod','android'];
|
|
var device=navigator.platform.toLowerCase();
|
|
for (var i=0,mobile; mobile=mobiles[i]; i++) {
|
|
if (device.indexOf(mobile)>=0) {$('#footer').css('position','static'); break;}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="template">
|
|
<div id="header" class="<?=$display['banner']?>">
|
|
<div class="logo">
|
|
<a href="#" onclick="openBox('/webGui/include/Feedback.php','Feedback',450,450,false);return false;"><img src="/webGui/images/limetech-logo-<?=$display['theme']?>.png" title="Feedback" border="0"/></a><br/>
|
|
<a href="/Tools/Registration"><strong>unRAID Server <em><?=$var['regTy']?></em><span id="licenseexpire"></span></strong></a>
|
|
</div>
|
|
<div class="block">
|
|
<span class="text-left">Server<br/>Description<br/>Version<br/>Uptime</span>
|
|
<span class="text-right"><?=$var['NAME']." • ".$eth0['IPADDR:0']?><br/><?=$var['COMMENT']?><br/><?=$var['version']?><br/><span id="uptime"></span></span>
|
|
</div>
|
|
</div>
|
|
<?
|
|
// Build page menus
|
|
echo "<div id='menu'><div id='nav-block'><div id='nav-left'>";
|
|
$pages = find_pages('Tasks');
|
|
foreach ($pages as $page) {
|
|
$pagename = $page['name'];
|
|
echo "<div id='nav-item'";
|
|
echo $pagename==$task ? " class='active'>" : ">";
|
|
echo "<a href='/$pagename' onclick='initab()'>$pagename</a></div>";
|
|
}
|
|
if ($display['usage']) my_usage();
|
|
echo "</div>";
|
|
echo "<div id='nav-right'>";
|
|
$pages = find_pages('Buttons');
|
|
foreach ($pages as $page) {
|
|
eval("?>{$page['text']}");
|
|
if (empty($page['Link']))
|
|
echo "<div id='nav-item' class='{$page['name']}'><a href='#' onclick='{$page['name']}();return false;'><img src='/{$page['root']}/icons/{$page['Icon']}' class='system'>{$page['Title']}</a></div>";
|
|
else
|
|
echo "<div id='{$page['Link']}'></div>";
|
|
}
|
|
echo "</div></div></div>";
|
|
|
|
// Build page content
|
|
echo "<div class='tabs'>";
|
|
$tab = 1;
|
|
$view = $myPage['name'];
|
|
$pages = array();
|
|
if ($myPage['text']) $pages[$view] = $myPage;
|
|
if ($myPage['Type']=='xmenu') $pages = array_merge($pages, find_pages($view));
|
|
if (isset($myPage['Tabs'])) $display['tabs'] = strtolower($myPage['Tabs'])=='true' ? 0 : 1;
|
|
$tabbed = $display['tabs']==0 && count($pages)>1;
|
|
|
|
foreach ($pages as $page) {
|
|
$close = false;
|
|
if (isset($page['Title'])) {
|
|
eval("\$title=\"{$page['Title']}\";");
|
|
if ($tabbed) {
|
|
echo "<div class='tab'><input type='radio' id='tab{$tab}' name='tabs' onclick='settab(this.id)'><label for='tab{$tab}'>";
|
|
echo tab_title($title,$page['root'],isset($page['Png'])?$page['Png']:false);
|
|
echo "</label><div class='content'>";
|
|
$close = true;
|
|
} else {
|
|
if ($tab==1) echo "<div class='tab'><input type='radio' id='tab{$tab}' name='tabs'><div class='content shift'>";
|
|
echo "<div id='title'><span class='left'>";
|
|
echo tab_title($title,$page['root'],isset($page['Png'])?$page['Png']:false);
|
|
echo "</span></div>";
|
|
}
|
|
$tab++;
|
|
}
|
|
if (isset($page['Type']) && $page['Type']=='menu') {
|
|
$pgs = find_pages($page['name']);
|
|
foreach ($pgs as $pg) {
|
|
@eval("\$title=\"{$pg['Title']}\";");
|
|
$link = "$path/{$pg['name']}";
|
|
if ($icon = isset($pg['Icon'])) {
|
|
$icon = "{$pg['root']}/images/{$pg['Icon']}";
|
|
if (!file_exists($icon)) { $icon = "{$pg['root']}/{$pg['Icon']}"; if (!file_exists($icon)) $icon = false; }
|
|
}
|
|
if (!$icon) $icon = "/webGui/images/default.png";
|
|
echo "<div class=\"Panel\"><a href=\"$link\" onclick=\"$.cookie('one','tab1',{path:'/'})\"><img class=\"PanelImg\" src=\"$icon\" title=\"$title\"><br><div class=\"PanelText\">$title</div></a></div>";
|
|
}
|
|
}
|
|
$text = $page['text'];
|
|
if (!isset($page['Markdown']) || $page['Markdown'] == 'true') {
|
|
$text = Markdown($text);
|
|
}
|
|
eval("?>$text");
|
|
if ($close) echo "</div></div>";
|
|
}
|
|
?>
|
|
</div></div>
|
|
<iframe id="progressFrame" name="progressFrame" frameborder="0"></iframe>
|
|
<?
|
|
// Build footer
|
|
echo '<div id="footer"><span id="statusraid"><span id="statusbar">';
|
|
switch ($var['fsState']) {
|
|
case 'Stopped':
|
|
echo '<span class="red"><strong>Array Stopped</strong></span>'; break;
|
|
case 'Starting':
|
|
echo '<span class="orange"><strong>Array Starting</strong></span>'; break;
|
|
default:
|
|
echo '<span class="green"><strong>Array Started</strong></span>'; break;
|
|
}
|
|
echo "</span>• <span class='bitstream'>Dynamix webGui v";
|
|
echo exec("/usr/local/emhttp/plugins/dynamix.plugin.manager/scripts/plugin version /var/log/plugins/dynamix.plg");
|
|
echo "</span></span><span id='countdown'></span><span id='user-notice' class='red-text'></span><span id='copyright'>unRAID® webGui © 2016, Lime Technology, Inc. <a href='http://lime-technology.com/wiki/index.php/Official_Documentation' target='_blank'> Online Manual</a>";
|
|
if (isset($myPage['Author'])) {
|
|
echo " | Page author: {$myPage['Author']}";
|
|
if (isset($myPage['Version'])) echo ", version: {$myPage['Version']}";
|
|
}
|
|
echo "</span></div>";
|
|
?>
|
|
<script>
|
|
$(function() {
|
|
<?if ($notify['entity'] & 1 == 1):?>
|
|
$.post('/webGui/include/Notify.php',{cmd:'init'},function(x){timers.notifier = setTimeout(notifier,0);});
|
|
<?endif;?>
|
|
$('input[value="Apply"],input[name="cmdEditShare"],input[name="cmdUserEdit"]').attr('disabled','disabled');
|
|
$('form').find('select,input[type=text],input[type=number],input[type=password],input[type=checkbox],input[type=file],textarea').each(function(){$(this).on('input change',function() {
|
|
var form = $(this).parentsUntil('form').parent();
|
|
form.find('input[value="Apply"],input[name="cmdEditShare"],input[name="cmdUserEdit"]').removeAttr('disabled');
|
|
form.find('input[value="Done"]').val('Reset').prop('onclick',null).click(function(){refresh(form.offset().top)});
|
|
});});
|
|
timers.watchdog = setTimeout(watchdog,50);
|
|
var top = ($.cookie('top')||0) - $('.tabs').offset().top - 75;
|
|
if (top>0) {$('html,body').scrollTop(top);}
|
|
$.removeCookie('top',{path:'/'});
|
|
<?if (strpos(file_get_contents('/proc/cmdline'),'unraidsafemode')!==false):?>
|
|
showNotice('System running in <b>safe</b> mode');
|
|
<?else:?>
|
|
<?if ($version = plugin_update_available('unRAIDServer')):?>
|
|
showNotice('unRAID OS v<?=$version?> is available. <a>Download Now</a>','unRAIDServer');
|
|
<?elseif (preg_match("/^\*\*REBOOT REQUIRED\!\*\*/", @file_get_contents('/usr/local/emhttp/plugins/unRAIDServer/README.md'))):?>
|
|
showNotice('Reboot required to apply unRAID OS update');
|
|
<?elseif ($version = plugin_update_available('dynamix')):?>
|
|
showNotice('Dynamix webGUI v<?=$version?> is available. <a>Download Now</a>','dynamix');
|
|
<?endif;?>
|
|
<?endif;?>
|
|
if (location.pathname.search(/\/(AddVM|UpdateVM|AddContainer|UpdateContainer)/)==-1) {
|
|
$('blockquote.inline_help').each(function(i) {
|
|
$(this).attr('id','helpinfo'+i);
|
|
var pin = $(this).prev();
|
|
if (!pin.prop('nodeName')) pin = $(this).parent().prev();
|
|
while (pin.prop('nodeName') && pin.prop('nodeName').search(/(table|dl)/i)==-1) pin = pin.prev();
|
|
pin.find('tr:first,dt:last').each(function() {
|
|
var node = $(this);
|
|
var name = node.prop('nodeName').toLowerCase();
|
|
if (name=='dt') {
|
|
while (!node.html() || node.html().search(/(<input|<select|nbsp;)/i)>=0 || name!='dt') {
|
|
if (name=='dt' && node.is(':first-of-type')) break;
|
|
node = node.prev();
|
|
name = node.prop('nodeName').toLowerCase();
|
|
}
|
|
node.css('cursor','help').click(function(){$('#helpinfo'+i).toggle('slow');});
|
|
} else {
|
|
if (node.html() && (name!='tr' || node.children('td:first').html())) node.css('cursor','help').click(function(){$('#helpinfo'+i).toggle('slow');});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|