Vesta Control Panel - Forum

Community Forum

Skip to content

Advanced search
  • Quick links
    • Main site
    • Github repo
    • Google Search
  • FAQ
  • Login
  • Register
  • Board index Main Section General Discussion
  • Search

[1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)

General questions about VestaCP
Post Reply
  • Print view
Advanced search
53 posts
  • Previous
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • Next
imperio
VestaCP Team
Posts: 7000
Joined: Sat Dec 01, 2012 12:37 pm
Contact:
Contact imperio
Website

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by imperio » Sun Jul 31, 2016 1:34 pm

Can you make some screenshots?
I think this theme not working after refactoring, which was in the 0.9.8-16
Top

puls
Posts: 9
Joined: Sun Jul 31, 2016 1:24 pm

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by puls » Sun Jul 31, 2016 1:54 pm

There is nothing to shot, because its just blank, but i can see the source.
Tried with Firefox 44 and newest Opera, something is missing, i did not install with this bower thing, just download and extract the build 1.2, should i better git checkout?

Server is running Debian 7.11, PHP 5.5, nginx

*edit:
so i have tried to resolve the error, looking each log i could find, but no error at all.
enabled error debug level on php-fpm.conf in vesta dir (should be right?) and also set short_open_tag in the conf, but nothing works.
on a new private window i see the login form, i can login, but then just blank page.

will reinstall with debian 8 and try again (which i also want), hope it will work then.
Top

imperio
VestaCP Team
Posts: 7000
Joined: Sat Dec 01, 2012 12:37 pm
Contact:
Contact imperio
Website

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by imperio » Sun Jul 31, 2016 6:30 pm

you should waiting solution from author of this theme
Top

puls
Posts: 9
Joined: Sun Jul 31, 2016 1:24 pm

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by puls » Sun Jul 31, 2016 7:01 pm

No, i am testing and try to figure out what's the problem, its a new server and i also want to test the new distributions, which performs best and bring best results.

It's strange that there are no error logs, even PHP brings no error up, when i switch the output on.
Top

imperio
VestaCP Team
Posts: 7000
Joined: Sat Dec 01, 2012 12:37 pm
Contact:
Contact imperio
Website

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by imperio » Sun Jul 31, 2016 11:18 pm

puls wrote:Not working with newest -16 version, just got a blank screen.

Can someone confirm or is on my side something wrong?

Normal interface works when i copy the backup.
Confirmed
Top

suassive
Posts: 17
Joined: Thu Jul 16, 2015 4:49 am

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by suassive » Fri Aug 05, 2016 11:25 am

I must say, you beat me to it. I was too, developing my very own personal template for VestaCP. Although, yours looks 100 times better.
Top

puls
Posts: 9
Joined: Sun Jul 31, 2016 1:24 pm

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by puls » Tue Aug 09, 2016 7:26 pm

imperio wrote:
puls wrote:Not working with newest -16 version, just got a blank screen.

Can someone confirm or is on my side something wrong?

Normal interface works when i copy the backup.
Confirmed
Thanks! Too bad that themes can break, would be good for future updates if the can get seperated, but default also working ;).
Top

lugisec
Posts: 4
Joined: Sat Aug 13, 2016 7:08 am

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by lugisec » Sat Aug 13, 2016 7:25 am

Hello,

First thing, I want to thank you Louis and Vesta Team for your hard work to get VestaCP to be better. I was tried to install this theme, and it really show blank! I see some JS error on console log, after a while trying to fix, it was succeed!

Here are solution that I was found to make it work:

1. Change header file as below:

Code: Select all

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">
  <title>Vesta - <?="$TAB"?> </title>

<link rel="stylesheet" href="/css/styles.min.css?1446554103">
<link type="text/css" href="/css/jquery-custom-dialogs.css?1446554103" rel="stylesheet" />

    <!-- AdminLTE Start -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="theme-color" content="#1f2738">

    <link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/bower_components/AdminLTE/dist/css/skins/_all-skins.min.css">
    <link rel="stylesheet" type="text/css" href="/bower_components/AdminLTE/dist/css/AdminLTE.min.css" />
    <link rel="stylesheet" type="text/css" href="/bower_components/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="/bower_components/AdminLTE/dist/css/skins/_all-skins.min.css" />
    <link rel="stylesheet" type="text/css" href="/bower_components/sweetalert/dist/sweetalert.css" />
    
    <link rel="stylesheet" type="text/css" href="/louislam/css/main.css?1446554" />

    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/bower_components/sweetalert/dist/sweetalert.min.js"></script>
    <!-- AdminLTE End -->


	<!-- jQuery too old, comment out this -->
	<!--<script type="text/javascript" src="/js/jquery-1.7.2.min.js?1446554103"></script>-->
	<script type="text/javascript" src="/js/jquery.cookie.js?1446554103"></script>
	<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js?1446554103"></script>
	<script type="text/javascript" src="/js/hotkeys.js?1446554103"></script>
	<script type="text/javascript" src="/js/events.js?1446554103"></script>
	<!-- script type="text/javascript" src="/js/i18n.js.php"></script -->

	<script language="text/javascript" type="text/javascript">
		var checked = false;
		var frmname = '';

		function checkedAll(frmname) {
			if ($('.l-unit.selected').length > 0) {
				$('.l-unit').removeClass("selected");
				$('.ch-toggle').attr("checked", false);
				$('.toggle-all').removeClass('clicked-on');
			}
			else {
				$('.l-unit').addClass("selected");
				$('.ch-toggle').attr("checked", true);
				$('.toggle-all').addClass('clicked-on');
			}
		}

		function doSearch(url) {
			var url = url || '/search/';
			var loc = url + '?q=' + $('.search-input').val();

			location.href = loc;
			return false;
		}

		$(document).ready(function(){
			if($('.body-login')[0]){
			  $('input').first().focus();
			}

			$(".submenu-select-dropdown").each(function(){
				$(this).wrap("<span class='submenu-select-wrapper'></span>");
				$(this).after("<span class='holder'></span>");
			});
			$(".submenu-select-dropdown").change(function(){
				var selectedOption = $(this).find(":selected").text();
				$(this).next(".holder").text(selectedOption);
			}).trigger('change');
			$('.to-top').bind('click', function(evt) {
				$("html, body").animate({ scrollTop: 0 }, "normal");
			});
		});
		
		//
		//  GLOBAL SETTINGS
		//
		GLOBAL = {};
		GLOBAL.FTP_USER_PREFIX  = 'admin_';
		GLOBAL.DB_USER_PREFIX   = 'admin_';
		GLOBAL.DB_DBNAME_PREFIX = 'admin_';
		GLOBAL.AJAX_URL = '';
	</script>

	<script type="text/javascript" src="/js/app.js?1446554103"></script>
	<script type="text/javascript" src="/js/templates.js?1446554103"></script>
	<script src="/bower_components/AdminLTE/dist/js/app.js"></script>
	<script src="/louislam/js/app.js"></script>

</head>
<body class="body-<?=strtolower($TAB)?> lang-<?=$_SESSION['language']?>">
The problem in this file if missing GLOBAL variable. After added GLOBAL variable, we need to change loading order of some JS script file below <script> block.

2. Open file /usr/local/vesta/web/js/jquery-1.7.2.min.js and empty it's content. Because reload jQuery again make all $.AdminLTE variable destroy (jQuery was loaded at <head> block).

3. You need to use theme package contains these 3 folder: bower_components, louislam, templates (source from GitHub don't have bower_components). You can find full download package on post in this thread.

I hope these trick can help you make AdminLTE theme working on your server!

Have a nice day!
Top

elysiumservers
Posts: 19
Joined: Wed May 11, 2016 8:13 pm

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by elysiumservers » Sat Aug 13, 2016 6:30 pm

Installed, looks amazing !

The file explorer works perfectly, it just takes the standard template without any problems so you can update your information reflecting that file explorer just works out of the box too.
Top

elysiumservers
Posts: 19
Joined: Wed May 11, 2016 8:13 pm

Re: [1.1 Beta] VestaCP x AdminLTE (a Theme for VestaCP)
  • Quote

Post by elysiumservers » Sat Aug 13, 2016 6:55 pm

When listing DNS entries, nothing shows up :( all empty space

Adding this shows up again:

.l-unit__stats {
display: block !important;
float: left;
}

I don't know why that class has a "display:none", that will blank all the entries.
Top


Post Reply
  • Print view

53 posts
  • Previous
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • Next

Return to “General Discussion”



  • Board index
  • All times are UTC
  • Delete all board cookies
  • The team
Powered by phpBB® Forum Software © phpBB Limited
*Original Author: Brad Veryard
*Updated to 3.2 by MannixMD
 

 

Login  •  Register

I forgot my password