Jump to content

Skinning ADMIN Template [content]


Karamellwuerfel

Recommended Posts

Hey, I've read the Thread "Editing the Admin Skin [sOLVED]" but this solution doesn't work for me...

I've a main content sector and there I've to put the code in, to display it in the top of the site.

But the full content of phpvms (new site, pilots etc) is on the bottom...

<section class="content">

<!-- Content goes here..you know? -->

</section>

That is on the site code bottom:

 <div id="mainContent">
<div id="results"></div>
<div id="bodytext">

Help me please ^^

Here a screenshot: http://prntscr.com/b21l7b

Link to comment
Share on other sites

Ok, by the looks of things you are using AdminLTE.

Try placing it like this

<section class="content">
<div id="mainContent">
<div id="results"></div>
<div id="bodytext">
<!-- Content goes here..you know? -->
</section>

I believe it's just adding the content to the div but just using the <div id="mainContent"> as a main anchor or something. But from what I know, it's just placing the content on the page for the templates.

If that doesn't work, try just closing one div, it looks like your content is in your footer, if you provide more code, we can have a look to see what you've done wrong.

Edited by web541
Link to comment
Share on other sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
#mainContent{
margin-left: 300px;
padding-right: 33px;
}
#sidecolumn{
color: #fff;
}
</style>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo $page_title; ?></title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- jvectormap -->
<link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<!-- Theme style -->
<link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
	 folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo Config::Get('PAGE_ENCODING');?>">
<link rel="alternate" href="<?php echo SITE_URL?>/lib/rss/latestpireps.rss"
title="latest pilot reports" type="application/rss+xml" />
<link rel="alternate" href="<?php echo SITE_URL?>/lib/rss/latestpilots.rss"
title="latest pilot registrations" type="application/rss+xml" />


<?php
Template::Show('core_htmlhead.tpl');
?>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
 $('.counter').counterUp({
	 delay: 10,
	 time: 4000
 });
});
</script>

</head>
<div class="hold-transition fixed skin-blue sidebar-mini">

<?php
Template::Show('core_htmlreq.tpl');
?>
<div class="wrapper">
 <header class="main-header">
 <!-- Logo -->
 <a href="index2.html" class="logo">
	 <!-- mini logo for sidebar mini 50x50 pixels -->
	 <span class="logo-mini"><b>P</b>NA</span>
	 <!-- logo for regular state and mobile devices -->
	 <span class="logo-lg"><b>PANDA</b>AIR</span>
 </a>
 <!-- Header Navbar: style can be found in header.less -->
 <nav class="navbar navbar-static-top" role="navigation">
	 <!-- Sidebar toggle button-->
	 <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
	 <span class="sr-only">Toggle navigation</span>
	 </a>
	 <!-- Navbar Right Menu -->
	 <div class="navbar-custom-menu">
	 <ul class="nav navbar-nav">

		 <!-- Notifications: style can be found in dropdown.less -->

 <?php

 $notifi = 0;
 $pendingreg = count(PilotData::GetPendingPilots());
 $flightstoday = StatsData::TotalFlightsToday();


 if ( $pendingreg >= 1){
 $notifi = $notifi + 1;
 }

 if ( $flightstoday >= 10){
 $notifi = $notifi + 1;
 }
 if ( $notifi >= 1){

 echo '<video controls="" hidden="true" autoplay="" name="media"><source src="'.SITE_URL.'/admin/lib/layout/notify.wav" type="audio/x-wav"></video>';
 } else {}

 ?>

		 <li class="dropdown notifications-menu">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
		 <?php if ($notifi >= 1) { ?>
<i class="fa fa-bell"></i><?php }else{ ?>
<i class="fa fa-bell-o"></i>
 <?php } ?>

<?php if ($notifi >= 1) { ?>
		 <span class="label label-danger"><?php echo $notifi ?></span>
		 <?php } ?>

</a>
		 <ul class="dropdown-menu">
			 <li class="header">You have <?php echo $notifi ?> notification(s)</li>
			 <li>
			 <!-- inner menu: contains the actual data -->
			 <ul class="menu">

 <?php if ( $pendingreg >= 1){ ?>
				 <li>
				 <a href="<?php echo SITE_URL ?>/admin/index.php/pilotadmin/pendingpilots">
					 <i class="fa fa-users text-blue"></i> <?php echo count(PilotData::GetPendingPilots()); ?> new registration(s)!
				 </a>
				 </li>
				 <?php } ?>

 <?php if ( $flightstoday >= 10 && $flightstoday <= 19){ ?>
				 <li>
				 <a href="#">
					 <i class="fa fa-plane text-blue"></i> Over 10 flights today!
				 </a>
				 </li>
				 <?php } ?>

 <?php if ( $flightstoday >= 20 && $flightstoday <= 49){ ?>
				 <li>
				 <a href="#">
					 <i class="fa fa-plane text-blue"></i> Over 20 flights today!
				 </a>
				 </li>
				 <?php } ?>

 <?php if ( $flightstoday >= 50 && $flightstoday <= 99){ ?>
				 <li>
				 <a href="#">
					 <i class="fa fa-plane text-blue"></i> Over 50 flights today!
				 </a>
				 </li>
				 <?php } ?>

 <?php if ( $flightstoday >= 100){ ?>
				 <li>
				 <a href="#">
					 <i class="fa fa-plane text-blue"></i> Over 100 flights today!
				 </a>
				 </li>
				 <?php } ?>

			 </ul>
			 </li>
		 </ul>
		 </li>

		 <!-- User Account: style can be found in dropdown.less -->
		 <li class="dropdown user user-menu">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			 <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="user-image" alt="User Image">
			 <span class="hidden-xs"><?php echo Auth::$userinfo->firstname?> <?php echo Auth::$userinfo->lastname?></span>
		 </a>
		 <ul class="dropdown-menu">
			 <!-- User image -->
			 <li class="user-header">
			 <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="img-circle" alt="User Image">
			 <p>
				 <?php echo Auth::$userinfo->firstname?> <?php echo Auth::$userinfo->lastname?> - Administrator
				 <small>Member since <?php echo date('d.m.Y', strtotime(Auth::$userinfo->joindate));?></small>
			 </p>
			 </li>
			 <!-- Menu Body -->
			 <!-- Menu Footer-->
			 <li class="user-footer">
			 <div class="pull-left">
				 <a href="<?php echo url('/profile/view/'.Auth::$userinfo->pilotid);?>" class="btn btn-default btn-flat">Profile</a>
			 </div>
			 <div class="pull-right">
				 <a href="<?php echo url('/logout')?>" class="btn btn-default btn-flat">Sign out</a>
			 </div>
			 </li>
		 </ul>
		 </li>
		 <!-- Control Sidebar Toggle Button -->
		 <li>
		 <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
		 </li>
	 </ul>
	 </div>
 </nav>
 </header>
 <!-- Left side column. contains the logo and sidebar -->
 <aside class="main-sidebar">
 <!-- sidebar: style can be found in sidebar.less -->
 <section class="sidebar">
	 <!-- Sidebar user panel -->
	 <div class="user-panel">
	 <div class="pull-left image">
		 <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="img-circle" alt="User Image">
	 </div>
	 <div class="pull-left info">
		 <p><?php echo Auth::$userinfo->firstname?> <?php echo Auth::$userinfo->lastname?> </p>
		 <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
	 </div>
	 </div>
	 <!-- sidebar menu: : style can be found in sidebar.less -->
	 <ul class="sidebar-menu">
	 <li class="header">NAVIGATION</li>
	 <li class="active treeview">
		 <a href="<?php echo adminurl(''); ?>">
		 <i class="fa fa-dashboard"></i> <span>Dashboard</span>
		 </a>
	 </li>
<?php include('core_navigation.tpl'); ?>
	 <li class="header">Informations</li>
	 <?php
Template::Show('core_sidebar.tpl');
?>

<li class="header">Thank you for your help!</li>
	 <li><a><i class="fa fa-user text-yellow"></i> <span>Chris H.</span></a></li>
<li><a><i class="fa fa-user text-yellow"></i> <span>Frank G.</span></a></li>
	 <li><a><i class="fa fa-globe text-aqua"></i> <span>phpVMS Forum</span></a></li>
	 <li><a><i class="fa fa-globe text-aqua"></i> <span>templated.co</span></a></li>
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=P_Dalheimer%40web%2ede&lc=GE&item_name=Philipp%20Dalheimer&no_note=0&cn=Message%20to%20Philipp%3a&no_shipping=1&rm=1&return=http%3a%2f%2fwww%2epandaair%2ede&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted" target="_blank"><i class="fa fa-paypal text-green"></i> <span>Donate / Spenden</span></a></li>
	 </ul>
 </section>
 <!-- /.sidebar -->
 </aside>
 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
 <!-- Content Header (Page header) -->
 <section class="content-header">
	 <h1>
	 PandaAir Admin Dashboard
	 <small>Version 1.0</small>
	 </h1>
	 <ol class="breadcrumb">
	 <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
	 <li class="active">Dashboard</li>
	 </ol>
 </section>
 <!-- Main content -->
 <section class="content">













<!-- COOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONTEEEEEEEEEEEEEEEEEEENTTTTTTTTTTTTTT -->















 </section><!-- /.content -->
 </div><!-- /.content-wrapper -->
 <footer class="main-footer">
 <strong>Copyright © 2016 <a href="#"> Philipp Dalheimer</a>.</strong> All rights reserved.
 </footer>
 <!-- Control Sidebar -->
 <aside class="control-sidebar control-sidebar-dark">
 <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
	 <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-home"></i></a></li>
	 <li class=""><a href="#control-sidebar-settings-tab" data-toggle="tab" aria-expanded="false"><i class="fa fa-gears"></i></a></li>
 </ul>
 <!-- Tab panes -->
 <div class="tab-content">
	 <!-- Home tab content -->
	 <div class="active tab-pane" id="control-sidebar-home-tab">
	 <h3 class="control-sidebar-heading">Recent Activity</h3>
	 <ul class="control-sidebar-menu">
		 <li>

<?php
 $date1 = new DateTime(now);
 $date2 = new DateTime("2016-05-18");

 if ($date1 > $date2){}

 else { ?>
<a href="#">
			 <i class="menu-icon fa fa-birthday-cake bg-red"></i>
			 <div class="menu-info">
			 <h4 class="control-sidebar-subheading">Philipp's Birthday</h4>
			 <p>Will be on 18 May</p>
			 </div>
		 </a>

<?php } ?>

		 </li> <!--
		 <li>
		 <a href="javascript::;">
			 <i class="menu-icon fa fa-user bg-yellow"></i>
			 <div class="menu-info">
			 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
			 <p>New phone +1(800)555-1234</p>
			 </div>
		 </a>
		 </li>
		 <li>
		 <a href="javascript::;">
			 <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
			 <div class="menu-info">
			 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
			 <p>nora@example.com</p>
			 </div>
		 </a>
		 </li>
		 <li>
		 <a href="javascript::;">
			 <i class="menu-icon fa fa-file-code-o bg-green"></i>
			 <div class="menu-info">
			 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
			 <p>Execution time 5 seconds</p>
			 </div>
		 </a>
		 </li>-->
	 </ul><!-- /.control-sidebar-menu -->
	 <h3 class="control-sidebar-heading">To Do's</h3>
	 <ul class="control-sidebar-menu">
		 <li>
		 <a href="javascript::;">
			 <h4 class="control-sidebar-subheading">
			 Birthday Field in Profile!
			 <span class="label label-danger pull-right">0%</span>
			 </h4>
			 <div class="progress progress-xxs">
			 <div class="progress-bar progress-bar-danger" style="width: 0%"></div>
			 </div>
		 </a>
		 </li>

	 </ul><!-- /.control-sidebar-menu -->
	 </div><!-- /.tab-pane -->
	 <!-- Settings tab content -->
	 <div class="tab-pane" id="control-sidebar-settings-tab">
	 <form method="post">
		 <h3 class="control-sidebar-heading">General Settings</h3>
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Report panel usage
			 <input type="checkbox" class="pull-right" checked>
		 </label>
		 <p>
			 Some information about this general settings option
		 </p>
		 </div><!-- /.form-group -->
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Allow mail redirect
			 <input type="checkbox" class="pull-right" checked>
		 </label>
		 <p>
			 Other sets of options are available
		 </p>
		 </div><!-- /.form-group -->
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Expose author name in posts
			 <input type="checkbox" class="pull-right" checked>
		 </label>
		 <p>
			 Allow the user to show his name in blog posts
		 </p>
		 </div><!-- /.form-group -->
		 <h3 class="control-sidebar-heading">Chat Settings</h3>
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Show me as online
			 <input type="checkbox" class="pull-right" checked>
		 </label>
		 </div><!-- /.form-group -->
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Turn off notifications
			 <input type="checkbox" class="pull-right">
		 </label>
		 </div><!-- /.form-group -->
		 <div class="form-group">
		 <label class="control-sidebar-subheading">
			 Delete chat history
			 <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
		 </label>
		 </div><!-- /.form-group -->
	 </form>
	 </div><!-- /.tab-pane -->
 </div>
 </aside><!-- /.control-sidebar -->
 <!-- Add the sidebar's background. This div must be placed
	 immediately after the control sidebar -->
 <div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="<?php echo SITE_URL ?>/admin/lib/layout/jquery.counterup.min.js"></script>
<!-- jQuery 2.1.4 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/dist/js/app.min.js"></script>
<!-- Sparkline -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- ChartJS 1.0.1 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/chartjs/Chart.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/dist/js/pages/dashboard2.js"></script>
<!-- AdminLTE for demo purposes -->


<div id="mainContent">
<div id="results"></div>
<div id="bodytext">

Edited by MrDonutButter
Link to comment
Share on other sites

Wow, a lot of cleaning up here.

Try this:

Header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
       <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta http-equiv="Content-Type" content="text/html; charset=<?php echo Config::Get('PAGE_ENCODING');?>">
       <title><?php echo $page_title; ?></title>
       <!-- Tell the browser to be responsive to screen width -->
       <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
       <!-- Bootstrap 3.3.5 -->
       <link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/bootstrap/css/bootstrap.min.css">
       <!-- Font Awesome -->
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
       <!-- Ionicons -->
       <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
       <!-- jvectormap -->
       <link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
       <!-- Theme style -->
       <link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/dist/css/AdminLTE.min.css">
       <!-- AdminLTE Skins. Choose a skin from the css/skins
                folder instead of downloading all of them to reduce the load. -->
       <link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/dist/css/skins/_all-skins.min.css">
       <!-- phpVMS RSS Feed Links -->
       <link rel="alternate" href="<?php echo SITE_URL?>/lib/rss/latestpireps.rss" title="latest pilot reports" type="application/rss+xml" />
       <link rel="alternate" href="<?php echo SITE_URL?>/lib/rss/latestpilots.rss" title="latest pilot registrations" type="application/rss+xml" />
       <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
       <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
       <!--[if lt IE 9]>
               <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
               <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
       <![endif]-->
      <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
<?php
       Template::Show('core_htmlhead.tpl');
       ?>
       <!-- Header Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script>
jQuery(document).ready(function( $ ) {
$('.counter').counterUp({
delay: 10,
time: 4000
});
});
      </script>

<style>
       #mainContent{
               margin-left: 300px;
       padding-right: 33px;
       }
       #sidecolumn{
       color: #fff;
       }
.content-wrapper {
min-height: 0px !important;
}
       </style>
 </head>
 <body>
 <div class="hold-transition fixed skin-blue sidebar-mini">
 <?php
 Template::Show('core_htmlreq.tpl');
 ?>
   <div class="wrapper">
     <header class="main-header">
           <!-- Logo -->
           <a href="index2.html" class="logo">
             <!-- mini logo for sidebar mini 50x50 pixels -->
             <span class="logo-mini"><b>P</b>NA</span>
             <!-- logo for regular state and mobile devices -->
             <span class="logo-lg"><b>PANDA</b>AIR</span>
           </a>
           <!-- Header Navbar: style can be found in header.less -->
           <nav class="navbar navbar-static-top" role="navigation">
             <!-- Sidebar toggle button-->
             <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                   <span class="sr-only">Toggle navigation</span>
             </a>
             <!-- Navbar Right Menu -->
             <div class="navbar-custom-menu">
                   <ul class="nav navbar-nav">
                   <!-- Notifications: style can be found in dropdown.less -->

        <?php

        $notifi = 0; 
        $pendingreg = count(PilotData::GetPendingPilots());
        $flightstoday = StatsData::TotalFlightsToday();


        if ( $pendingreg >= 1){
        $notifi = $notifi + 1;
        }

         if ( $flightstoday >= 10){
        $notifi = $notifi + 1;
        }
         if ( $notifi >= 1){

        echo '<video controls="" hidden="true" autoplay="" name="media"><source src="'.SITE_URL.'/admin/lib/layout/notify.wav" type="audio/x-wav"></video>';
        } else {}

        ?>
         <li class="dropdown notifications-menu">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               <?php if ($notifi >= 1) { ?>
               <i class="fa fa-bell"></i><?php }else{ ?>
               <i class="fa fa-bell-o"></i>
         <?php } ?>
        <?php if ($notifi >= 1) { ?>
               <span class="label label-danger"><?php echo $notifi ?></span>
               <?php } ?>

       </a>
           <ul class="dropdown-menu">
             <li class="header">You have <?php echo $notifi ?> notification(s)</li>
             <li>
                   <!-- inner menu: contains the actual data -->
                   <ul class="menu">

          <?php if ( $pendingreg >= 1){ ?>
             <li>
                   <a href="<?php echo SITE_URL ?>/admin/index.php/pilotadmin/pendingpilots">
                     <i class="fa fa-users text-blue"></i> <?php echo count(PilotData::GetPendingPilots()); ?>  new registration(s)!
                   </a>
             </li>
          <?php } ?>

          <?php if ( $flightstoday >= 10 && $flightstoday <= 19){ ?>
         <li>
               <a href="#">
                 <i class="fa fa-plane text-blue"></i> Over 10 flights today!
               </a>
         </li>
         <?php } ?>

         <?php if ( $flightstoday >= 20 && $flightstoday <= 49){ ?>
         <li>
               <a href="#">
                 <i class="fa fa-plane text-blue"></i> Over 20 flights today!
               </a>
         </li>
         <?php } ?>

         <?php if ( $flightstoday >= 50 && $flightstoday <= 99){ ?>
         <li>
               <a href="#">
                 <i class="fa fa-plane text-blue"></i> Over 50 flights today!
               </a>
         </li>
         <?php } ?>

             <?php if ( $flightstoday >= 100){ ?>
             <li>
                   <a href="#">
                     <i class="fa fa-plane text-blue"></i> Over 100 flights today!
                   </a>
             </li>
             <?php } ?>

           </ul>
     </li>
   </ul>
</li>

             <!-- User Account: style can be found in dropdown.less -->
             <li class="dropdown user user-menu">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                     <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="user-image" alt="User Image">
                     <span class="hidden-xs"><?php echo Auth::$userinfo->firstname?>  <?php echo Auth::$userinfo->lastname?></span>
                   </a>
                   <ul class="dropdown-menu">
                     <!-- User image -->
                     <li class="user-header">
                           <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="img-circle" alt="User Image">
                           <p>
                             <?php echo Auth::$userinfo->firstname?> <?php echo Auth::$userinfo->lastname?> - Administrator
                             <small>Member since <?php echo date('d.m.Y', strtotime(Auth::$userinfo->joindate));?></small>
                           </p>
                     </li>
                     <!-- Menu Body -->
                     <!-- Menu Footer-->
                     <li class="user-footer">
                           <div class="pull-left">
                             <a href="<?php echo url('/profile/view/'.Auth::$userinfo->pilotid);?>" class="btn btn-default btn-flat">Profile</a>
                           </div>
                           <div class="pull-right">
                             <a href="<?php echo url('/logout')?>" class="btn btn-default btn-flat">Sign out</a>
                           </div>
                     </li>
                   </ul>
             </li>
             <!-- Control Sidebar Toggle Button -->
             <li>
                   <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
             </li>
        </ul>
       </div>
</nav>
</header>
 <!-- Left side column. contains the logo and sidebar -->
 <aside class="main-sidebar">
       <!-- sidebar: style can be found in sidebar.less -->
       <section class="sidebar">
         <!-- Sidebar user panel -->
         <div class="user-panel">
               <div class="pull-left image">
                 <img src="<?php echo PilotData::getPilotAvatar(Auth::$userinfo->pilotid); ?>" class="img-circle" alt="User Image">
               </div>
               <div class="pull-left info">
                 <p><?php echo Auth::$userinfo->firstname?>  <?php echo Auth::$userinfo->lastname?> </p>
                 <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
               </div>
         </div>
         <!-- sidebar menu: : style can be found in sidebar.less -->
         <ul class="sidebar-menu">
               <li class="header">NAVIGATION</li>
               <li class="active treeview">
                 <a href="<?php echo adminurl(''); ?>">
                       <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                 </a>
               </li>
               <li class="header">Informations</li>
<?php
               Template::Show('core_sidebar.tpl');
               ?>
               <?php
               Template::Show('core_navigation.tpl');
               ?>
<li class="header">Thank you for your help!</li>
               <li><a><i class="fa fa-user text-yellow"></i> <span>Chris H.</span></a></li>
<li><a><i class="fa fa-user text-yellow"></i> <span>Frank G.</span></a></li>
               <li><a><i class="fa fa-globe text-aqua"></i> <span>phpVMS Forum</span></a></li>
               <li><a><i class="fa fa-globe text-aqua"></i> <span>templated.co</span></a></li>
<li><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=P_Dalheimer%40web%2ede&lc=GE&item_name=Philipp%20Dalheimer&no_note=0&cn=Message%20to%20Philipp%3a&no_shipping=1&rm=1&return=http%3a%2f%2fwww%2epandaair%2ede&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted" target="_blank"><i class="fa fa-paypal text-green"></i> <span>Donate / Spenden</span></a></li>
         </ul>
       </section>
       <!-- /.sidebar -->
 </aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
   <!-- Content Header (Page header) -->
   <section class="content-header">
     <h1>
           PandaAir Admin Dashboard
           <small>Version 1.0</small>
     </h1>
     <ol class="breadcrumb">
           <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
           <li class="active">Dashboard</li>
     </ol>
   </section>
   <div class="container-fluid" style="padding-left: 15px; padding-right: 15px;">
   <!-- Main content -->
     <div id="mainContent">
       <div id="results"></div>
       <div id="bodytext">

   </div>
</div>

Footer.php

<?php
Template::Show('core_footer.php');
?>
</div><!-- /.container-fluid -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
   <strong>Copyright © 2016 <a href="#"> Philipp Dalheimer</a>.</strong> All rights reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
   <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
     <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab" aria-expanded="true"><i class="fa fa-home"></i></a></li>
     <li class=""><a href="#control-sidebar-settings-tab" data-toggle="tab" aria-expanded="false"><i class="fa fa-gears"></i></a></li>
   </ul>
   <!-- Tab panes -->
   <div class="tab-content">
     <!-- Home tab content -->
     <div class="active tab-pane" id="control-sidebar-home-tab">
           <h3 class="control-sidebar-heading">Recent Activity</h3>
           <ul class="control-sidebar-menu">
             <li>
               <?php
                $date1 = new DateTime(now);
                $date2 = new DateTime("2016-05-18");

                if ($date1 > $date2){}

                else { ?>
               <a href="#">
                 <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                 <div class="menu-info">
                       <h4 class="control-sidebar-subheading">Philipp's Birthday</h4>
                       <p>Will be on 18 May</p>
                 </div>
               </a>

               <?php } ?>
             </li> 
             <!--
             <li>
                   <a href="javascript::;">
                     <i class="menu-icon fa fa-user bg-yellow"></i>
                     <div class="menu-info">
                           <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
                           <p>New phone +1(800)555-1234</p>
                     </div>
                   </a>
             </li>
             <li>
                   <a href="javascript::;">
                     <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                     <div class="menu-info">
                           <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
                           <p>nora@example.com</p>
                     </div>
                   </a>
             </li>
             <li>
                   <a href="javascript::;">
                     <i class="menu-icon fa fa-file-code-o bg-green"></i>
                     <div class="menu-info">
                           <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
                           <p>Execution time 5 seconds</p>
                     </div>
                   </a>
             </li>
             -->
           </ul><!-- /.control-sidebar-menu -->
           <h3 class="control-sidebar-heading">To Do's</h3>
           <ul class="control-sidebar-menu">
             <li>
                   <a href="javascript::;">
                     <h4 class="control-sidebar-subheading">
                           Birthday Field in Profile!
                           <span class="label label-danger pull-right">0%</span>
                     </h4>
                     <div class="progress progress-xxs">
                           <div class="progress-bar progress-bar-danger" style="width: 0%"></div>
                     </div>
                   </a>
             </li>
           </ul><!-- /.control-sidebar-menu -->
     </div><!-- /.tab-pane -->
     <!-- Settings tab content -->
     <div class="tab-pane" id="control-sidebar-settings-tab">
           <form method="post">
             <h3 class="control-sidebar-heading">General Settings</h3>
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Report panel usage
                     <input type="checkbox" class="pull-right" checked>
                   </label>
                   <p>
                     Some information about this general settings option
                   </p>
             </div><!-- /.form-group -->
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Allow mail redirect
                     <input type="checkbox" class="pull-right" checked>
                   </label>
                   <p>
                     Other sets of options are available
                   </p>
             </div><!-- /.form-group -->
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Expose author name in posts
                     <input type="checkbox" class="pull-right" checked>
                   </label>
                   <p>
                     Allow the user to show his name in blog posts
                   </p>
             </div><!-- /.form-group -->
             <h3 class="control-sidebar-heading">Chat Settings</h3>
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Show me as online
                     <input type="checkbox" class="pull-right" checked>
                   </label>
             </div><!-- /.form-group -->
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Turn off notifications
                     <input type="checkbox" class="pull-right">
                   </label>
             </div><!-- /.form-group -->
             <div class="form-group">
                   <label class="control-sidebar-subheading">
                     Delete chat history
                     <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
                   </label>
             </div><!-- /.form-group -->
           </form>
     </div><!-- /.tab-pane -->
   </div>
</aside><!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
      immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div><!-- ./wrapper -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="<?php echo SITE_URL ?>/admin/lib/layout/jquery.counterup.min.js"></script>
<!-- jQuery 2.1.4 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/dist/js/app.min.js"></script>
<!-- Sparkline -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- ChartJS 1.0.1 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/chartjs/Chart.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/dist/js/pages/dashboard2.js"></script>
<!-- AdminLTE for demo purposes -->

Link to comment
Share on other sites

Not a JSON problem (JSON loading fine), it's a jQuery problem. (If you find that accepting PIREPS doesn't work, then also let us know, you would have to change some things)

Pilots & Schedules don't show up anymore,

to fix this, go to public_html/lib/js/jqgrid/js/jquery.jqGrid.min.js and copy/rename it to jquery.jqGrid_orig.min.js

then, replace the original file with this one

https://raw.githubusercontent.com/web541/phpVMS-Admin-Panel-Skin/php/lib/js/jqgrid/js/jquery.jqGrid.min.js

Then go into the relevant template files e.g. pilots_list.tpl/.php and ops_schedules.php and place this at the very top of the file

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

And this at the very bottom of the file

<script type="text/javascript">
jQuery.noConflict(true);
</script>

The tables should now work, the pagination arrows on the bottom are still there, but are for some reason invisible so you'd have to change something in the js/css to make it work again but I haven't found a fix for that one yet.

Keep going, it takes a while but you get a good end result.

-- are you using the phpvms php or tpl version?

Edited by web541
Link to comment
Share on other sites

Ok, go to admin/lib/layout/header.php

find this

<!-- Header Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
       $('.counter').counterUp({
               delay: 10,
               time: 4000
       });
});
</script>

Delete it

go to admin/lib/layout/footer.php

find this

<!-- jQuery 2.1.4 -->
<script src="<?php echo SITE_URL?>/admin/lib/layout/plugins/jQuery/jQuery-2.1.4.min.js"></script>

Delete it

go to admin/templates/core_htmlhead.php

find this

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Change it to this

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

go to admin/templates/core_navigation.php

at the very top of the file

(under this line if you have it <?php if(!defined('IN_PHPVMS') && IN_PHPVMS !== true) { die(); } ?>)

Paste this

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
$('.counter').counterUp({
delay: 10,
time: 4000
});
});
</script>
<script type="text/javascript">
jQuery.noConflict(false);
</script>

The jQuery calls should be working now (Accepting PIREPS, deleteing news, etc.)

Link to comment
Share on other sites

No. I've implemented the jQuery Code from google.

header:

<link rel="stylesheet" href="<?php echo SITE_URL?>/admin/lib/layout/plugins/jvectormap/jquery-jvectormap-1.2.2.css">

navigation:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
$('.counter').counterUp({
delay: 10,
time: 4000
});
});
</script>
<script type="text/javascript">
jQuery.noConflict(false);
</script>

There is ONE error on the NEWS site but not jquery:

header("Content-type:text/html; charset=utf-8");

(The news site is the site where I cant delete news... on the "pages" site it works..)

Edited by MrDonutButter
Link to comment
Share on other sites

It works!!!

I opened the admin\templates\news_list.tpl and deleted at the top this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Now the delete works! :)

but.... I hope I annoy you guys not too much.....

the "Viewing Active Schedules" site doesnt show the content...

The files content:

<h3><?php echo $title?></h3>
<table id="grid"></table>
<div id="pager"></div>
<br />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo fileurl('/lib/js/jqgrid/css/ui.jqgrid.css');?>" />
<script src="<?php echo fileurl('/lib/js/jqgrid/js/i18n/grid.locale-en.js');?>" type="text/javascript"></script>
<script src="<?php echo fileurl('/lib/js/jqgrid/js/jquery.jqGrid.min.js');?>" type="text/javascript"></script>
<script type="text/javascript">
$("#grid").jqGrid({
  url: '<?php echo adminaction('/operations/schedulegrid');?>',
  datatype: 'json',
  mtype: 'GET',
  colNames: ['Code', 'Flight Num', 'Departure', 'Arrival', 'Aircraft', 'Registration', 'Route', 'Days',
   'Distance', 'Flown', 'Edit', 'Delete'],
  colModel : [
 {index: 'code', name : 'code', width: 40, sortable : true, align: 'center', search: 'true', searchoptions:{sopt:['eq','ne']}},
 {index: 'flightnum', name : 'flightnum', width: 65, sortable : true, align: 'center', searchoptions:{sopt:['eq','ne']}},
 {index: 'depicao', name : 'depicao', width: 60, sortable : true, align: 'center',searchoptions:{sopt:['eq','ne']}},
 {index: 'arricao', name : 'arricao', width: 60, sortable : true, align: 'center',searchoptions:{sopt:['eq','ne']}},
 {index: 'a.name', name : 'aircraft', width: 100, sortable : true, align: 'center',searchoptions:{sopt:['in']}},
 {index: 'a.registration', name : 'registration', width: 100, sortable : true, align: 'center', searchoptions:{sopt:['eq','ne']}},
 {index: 'route', name : 'route', width: 100, sortable : true, align: 'center',searchoptions:{sopt:['in']}},
 {index: 'daysofweek', name : 'route', width: 100, sortable : true, align: 'center', search: false},
 {index: 'distance', name : 'distance', width: 100, sortable : true, align: 'center', searchoptions:{sopt:['lt','le','gt','ge']}},
 {index: 'timesflown', name : 'flown', width: 100, sortable : true, align: 'center', search: false},
 {index: '', name : '', width: 100, sortable : true, align: 'center', search: false},
 {index: '', name : '', width: 100, sortable : true, align: 'center', search: false}
],
   pager: '#pager', rowNum: 100,
   sortname: 'flightnum', sortorder: 'asc',
   viewrecords: true, autowidth: true,
   height: '100%'
});
jQuery("#grid").jqGrid('navGrid','#pager',
{edit:false,add:false,del:false,search:true,refresh:true},
{}, // edit
{}, // add
{}, //del
{multipleSearch:true} // search options
);
function deleteschedule(id)
{
var answer = confirm("Are you sure you want to delete?")
if (answer) {
 $.post("<?php echo adminaction('/operations/schedules');?>", { action: "deleteschedule", id: id },
  function()
  {
   $("#grid").trigger("reloadGrid");
  }
 );
}
}
function showroute(schedule_id)
{
$('#jqmdialog').jqm({
 ajax:'<?php echo adminaction('/operations/viewmap');?>?type=schedule&id='+schedule_id
}).jqmShow();
}
</script>

Link to comment
Share on other sites

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<h3><?php echo $title?></h3>
<table id="grid"></table>
<div id="pager"></div>
<br />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo fileurl('/lib/js/jqgrid/css/ui.jqgrid.css');?>" />
<script src="<?php echo fileurl('/lib/js/jqgrid/js/i18n/grid.locale-en.js');?>" type="text/javascript"></script>
<script src="<?php echo fileurl('/lib/js/jqgrid/js/jquery.jqGrid.min.js');?>" type="text/javascript"></script>
<script type="text/javascript">
$("#grid").jqGrid({
  url: '<?php echo adminaction('/operations/schedulegrid');?>',
  datatype: 'json',
  mtype: 'GET',
  colNames: ['Code', 'Flight Num', 'Departure', 'Arrival', 'Aircraft', 'Registration', 'Route', 'Days',
    'Distance', 'Flown', 'Edit', 'Delete'],
  colModel : [
 {index: 'code', name : 'code', width: 40, sortable : true, align: 'center', search: 'true', searchoptions:{sopt:['eq','ne']}},
 {index: 'flightnum', name : 'flightnum', width: 65, sortable : true, align: 'center', searchoptions:{sopt:['eq','ne']}},
 {index: 'depicao', name : 'depicao', width: 60, sortable : true, align: 'center',searchoptions:{sopt:['eq','ne']}},
 {index: 'arricao', name : 'arricao', width: 60, sortable : true, align: 'center',searchoptions:{sopt:['eq','ne']}},
 {index: 'a.name', name : 'aircraft', width: 100, sortable : true, align: 'center',searchoptions:{sopt:['in']}},
 {index: 'a.registration', name : 'registration', width: 100, sortable : true, align: 'center', searchoptions:{sopt:['eq','ne']}},
 {index: 'route', name : 'route', width: 100, sortable : true, align: 'center',searchoptions:{sopt:['in']}},
 {index: 'daysofweek', name : 'route', width: 100, sortable : true, align: 'center', search: false},
 {index: 'distance', name : 'distance', width: 100, sortable : true, align: 'center', searchoptions:{sopt:['lt','le','gt','ge']}},
 {index: 'timesflown', name : 'flown', width: 100, sortable : true, align: 'center', search: false},
 {index: '', name : '', width: 100, sortable : true, align: 'center', search: false},
 {index: '', name : '', width: 100, sortable : true, align: 'center', search: false}
],
    pager: '#pager', rowNum: 100,
    sortname: 'flightnum', sortorder: 'asc',
    viewrecords: true, autowidth: true,
    height: '100%'
});
jQuery("#grid").jqGrid('navGrid','#pager',
{edit:false,add:false,del:false,search:true,refresh:true},
{}, // edit
{}, // add
{}, //del
{multipleSearch:true} // search options
);
function deleteschedule(id)
{
var answer = confirm("Are you sure you want to delete?")
if (answer) {
 $.post("<?php echo adminaction('/operations/schedules');?>", { action: "deleteschedule", id: id },
  function()
  {
    $("#grid").trigger("reloadGrid");
  }
 );
}
}
function showroute(schedule_id)
{
$('#jqmdialog').jqm({
 ajax:'<?php echo adminaction('/operations/viewmap');?>?type=schedule&id='+schedule_id
}).jqmShow();
}
</script>
<script type="text/javascript">
jQuery.noConflict(true);
</script>

Just add the top line and bottom three lines to the pilots_list.tpl/.php as well to make it show up

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...