Frontend UI performance fix

This commit is contained in:
myvesta 2023-06-10 17:25:51 +02:00 committed by GitHub
parent 04070b4270
commit bae14b2180
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 46 additions and 39 deletions

View file

@ -20,13 +20,13 @@ b, strong {
z-index: 100; z-index: 100;
top: unset; top: unset;
bottom: 30px; bottom: 30px;
right: 85px; right: 285px;
} }
.to-shortcuts { .to-shortcuts {
z-index: 100; z-index: 100;
top: unset; top: unset;
bottom: 30px; bottom: 30px;
right: 130px; right: 330px;
} }
.shortcuts { .shortcuts {
right: calc(50% - 400px); right: calc(50% - 400px);
@ -676,7 +676,7 @@ b, strong {
} }
.l-content > .l-center { .l-content > .l-center {
margin-left: 200px; margin-left: 200px;
margin-right: 40px; margin-right: 240px;
} }
.l-content > .l-center:first-child { .l-content > .l-center:first-child {
margin-left: 0; margin-left: 0;
@ -696,7 +696,7 @@ b, strong {
/*overflow-scrolling: auto;*/ /*overflow-scrolling: auto;*/
z-index: 98; z-index: 98;
top: 50px; top: 50px;
right: -200px; right: 0px;
background: #fff; background: #fff;
word-break: break-word; word-break: break-word;
overflow: hidden; overflow: hidden;
@ -800,7 +800,7 @@ b, strong {
/*overflow-scrolling: auto;*/ /*overflow-scrolling: auto;*/
z-index: 98; z-index: 98;
top: 380px; top: 380px;
right: -200px; right: 0px;
background: #fff; background: #fff;
word-break: break-word; word-break: break-word;
overflow-y: scroll; overflow-y: scroll;

View file

@ -86,31 +86,6 @@ function checkCookie() {
// } // }
// var randomnumber=getRandomInt(100000000); // var randomnumber=getRandomInt(100000000);
var iohtml = '<div class="io-box clearfix">\n' + var iohtml = '<div class="io-box clearfix">\n' +
' <div class="io-box-left clearfix">\n' +
' <div class="io-box-left-items io-1-homepage-block">\n' +
' <a href="https://www.myvestacp.com/" target="_blank">myVesta</a>\n' +
' <span class="io-description">website</span>\n' +
' </div>\n' +
' <div class="io-box-left-items io-2-homepage-block">\n' +
' <a href="https://forum.myvestacp.com/" target="_blank">Forum</a>\n' +
' <span class="io-description">Ask the questions on our forum</span>\n' +
' </div>\n' +
' <div class="io-box-left-items io-3-homepage-block">\n' +
' <a href="https://github.com/myvesta/vesta" target="_blank">Git</a>\n' +
' <span class="io-description">Become our code contributor</span>\n' +
' </div>\n' +
' <div class="io-box-left-items io-4-homepage-block">\n' +
' <a href="https://forum.myvestacp.com/viewtopic.php?t=814" target="_self">Donate</a>\n' +
' <span class="io-description">Buy us a coffe</span>\n' +
' </div>\n' +
' <div class="io-box-left-items io-5-homepage-block">\n' +
' <a href="https://wiki.myvestacp.com/" target="_self">Wiki</a>\n' +
' <span class="io-description">Find solution in our documentation</span>\n' +
' </div>\n' +
' </div>\n' +
' <div class="io-box-right io-banner clearfix">\n' +
' <a href="/list/rrd/"><img src="/list/rrd/image.php?/rrd/la/daily-la.png" alt="SysLoad"></a>\n' +
' </div>\n' +
' </div>'; ' </div>';
$(document).ready(function(){ $(document).ready(function(){
@ -118,25 +93,25 @@ $(document).ready(function(){
$(".io-log2").css("top", sys_height+50); $(".io-log2").css("top", sys_height+50);
setTimeout(function() { setTimeout(function() {
iolog = getCookie("iolog"); iolog = getCookie("iolog");
//console.log('cookie: "'+iolog+'"'); /* //console.log('cookie: "'+iolog+'"');
if (iolog === '1') { if (iolog === '1') {
showIoLog(0); showIoLog(0);
return 1; return 1;
} }*/
if (iolog === '0') { if (iolog === '0') {
//setCookie("iolog", 0, 365); //setCookie("iolog", 0, 365);
hideIoLog(0); hideIoLog(0);
return 0; return 0;
} }
if (iolog == '') { /*if (iolog == '') {
//console.log('cookie is empty'); //console.log('cookie is empty');
//setCookie("iolog", 1, 365); //setCookie("iolog", 1, 365);
showIoLog(0); showIoLog(0);
return ''; return '';
} }*/
}, 1); }, 1);
if (GLOBAL.CURRENT_USER_FINAL == 'admin') $(".body-user .l-content > .l-center.units").first().prepend( iohtml ); //if (GLOBAL.CURRENT_USER_FINAL == 'admin') $(".body-user .l-content > .l-center.units").first().prepend( iohtml );
$(".io-log").on("click", function() { $(".io-log").on("click", function() {
var showlog=checkCookie(); var showlog=checkCookie();

View file

@ -64,6 +64,35 @@
<div class="l-center units"> <div class="l-center units">
<?php <?php
if ($user == 'admin') { if ($user == 'admin') {
?>
<div class="io-box clearfix">
<div class="io-box-left clearfix">
<div class="io-box-left-items io-1-homepage-block">
<a href="https://www.myvestacp.com/" target="_blank">myVesta</a>
<span class="io-description">website</span>
</div>
<div class="io-box-left-items io-2-homepage-block">
<a href="https://forum.myvestacp.com/" target="_blank">Forum</a>
<span class="io-description">Ask the questions on our forum</span>
</div>
<div class="io-box-left-items io-3-homepage-block">
<a href="https://github.com/myvesta/vesta" target="_blank">Git</a>
<span class="io-description">Become our code contributor</span>
</div>
<div class="io-box-left-items io-4-homepage-block">
<a href="https://forum.myvestacp.com/viewtopic.php?t=814" target="_blank">Donate</a>
<span class="io-description">Buy us a coffe</span>
</div>
<div class="io-box-left-items io-5-homepage-block">
<a href="https://wiki.myvestacp.com/" target="_blank">Wiki</a>
<span class="io-description">Find solution in our documentation</span>
</div>
</div>
<div class="io-box-right io-banner clearfix">
<a href="/list/rrd/"><img src="/list/rrd/image.php?/rrd/la/daily-la.png" alt="SysLoad"></a>
</div>
</div>
<?php
echo '<a class="l-sort__create-btn" style="position: relative; bottom: 0; margin-bottom: 15px; left: 20px;" href="/add/user/" title="'.__('Add User').'"></a>'; echo '<a class="l-sort__create-btn" style="position: relative; bottom: 0; margin-bottom: 15px; left: 20px;" href="/add/user/" title="'.__('Add User').'"></a>';
} }
if (isset($changelog)) { if (isset($changelog)) {

View file

@ -128,6 +128,9 @@ $debian_ver=file_get_contents('/etc/debian_version');
<span style="font-weight: bold;">Build date:</span> <?php echo $vesta_build_date;?><br /> <span style="font-weight: bold;">Build date:</span> <?php echo $vesta_build_date;?><br />
<span style="font-weight: bold;">Debian </span> <?php echo $debian_ver;?><br /> <span style="font-weight: bold;">Debian </span> <?php echo $debian_ver;?><br />
</div> </div>
<div style="display: block; padding: 30px 0 0 19px; color: #b9bcbd;">
<a href="https://forum.myvestacp.com/viewtopic.php?f=23&t=819" target="_blank" style="text-decoration: underline;">Need emergency help?</a>
</div>
</div> </div>
<!-- /.l-stats --> <!-- /.l-stats -->
</div> </div>

View file

@ -9,7 +9,7 @@
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<link rel="stylesheet" href="/css/styles.fix.css?1446554108"> <link rel="stylesheet" href="/css/styles.fix.css?1446554110">
<script> <script>
// //
// GLOBAL SETTINGS // GLOBAL SETTINGS

View file

@ -122,7 +122,7 @@
<div> <div>
<?php <?php
$output=''; $output='';
exec (VESTA_CMD."v-list-user-log ".$CURRENT_USER_FINAL." json 25", $output, $return_var); exec (VESTA_CMD."v-list-user-log ".$CURRENT_USER_FINAL." json 15", $output, $return_var);
check_error($return_var); check_error($return_var);
$data = json_decode(implode('', $output), true); $data = json_decode(implode('', $output), true);
foreach ($data as $key => $value) { foreach ($data as $key => $value) {
@ -165,7 +165,7 @@ foreach ($data as $key => $value) {
<script type="text/javascript" src="/js/i18n.js.php?<?=JS_LATEST_UPDATE?>"></script> <script type="text/javascript" src="/js/i18n.js.php?<?=JS_LATEST_UPDATE?>"></script>
<script type="text/javascript" src="/js/templates.js?<?=JS_LATEST_UPDATE?>"></script> <script type="text/javascript" src="/js/templates.js?<?=JS_LATEST_UPDATE?>"></script>
<script type="text/javascript" src="/js/jquery.finder.js?<?=JS_LATEST_UPDATE?>"></script> <script type="text/javascript" src="/js/jquery.finder.js?<?=JS_LATEST_UPDATE?>"></script>
<script type="text/javascript" src="/js/fix.js"></script> <script type="text/javascript" src="/js/fix.js?v=2"></script>
<script> <script>
hover_menu = function() {} hover_menu = function() {}