One Hat Cyber Team

Edit File: dashboard.php

<?php if(empty($page)){ include("access.php"); } ?>
<?php 
	$user   	= get_user_full($_SESSION['session']);
	$roles 		= (int)$user['idRoles'];
	$idUser 	= (int)$user['idUser'];
	$qRole="SELECT nama FROM user_roles WHERE idRoles='$user[idRoles]'";
	$resRole=mysqli_query($mysqli_link, $qRole) or die(mysqli_connect_error());
	$rowRole=mysqli_fetch_array($resRole);
?>

<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title"><strong>DETAILS</strong></h4>
			</div>

<div class="alert alert-success alert-dismissable">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
				<h4><strong>MFSO/DG COMMENTS</strong></h4>
				<p>MFSO : <span class="name2" style="text-transform: uppercase;">asd</span></p>
				<p><span class="comments2"></span></p>
				<br>
				<p>DG : <span class="name3" style="text-transform: uppercase;">asd</span></p>
				<p><span class="comments3"></span></p>
				</div>

<ul class="nav nav-pills nav-justified nav-pills-custom" data-toggle="tabs">
					<li class="active tab-click"><a href="#ship">Ship Particular</a></li>
					<li class="tab-click"><a href="#isps">ISPS Information</a></li>
					<li class="tab-click"><a href="#port">Last 10 Port Calls</a></li>
					<li class="tab-click"><a href="#part">Other Particular</a></li>
					<li class="tab-click"><a href="#dg">Dangerous Goods</a></li>
				</ul>

<div class="tab-content">
					<div class="tab-pane  active" id="ship"></div>
					<div class="tab-pane" id="isps"></div>
					<div class="tab-pane" id="port"></div>
					<div class="tab-pane" id="part"></div>
					<div class="tab-pane" id="dg"></div>
				</div>
				<hr>
		
				<center>
			
			<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">Close</button>

</center>
			</div>

</span>

</div>
	</div>
</div>
<div class="row" id="row-grid">
<?php
	
	if($roles==1){
		$arr_data 	= array(
						'd3' 	=> array('col-xs-12 col-sm-12 col-md-4','Incoming Vessels'),
						'd4' 	=> array('col-xs-12 col-sm-12 col-md-8','Pending Approval'),
					);
	}else if($roles==2){
		$arr_data 	= array(
						'd3' 	=> array('col-xs-12 col-sm-12 col-md-4','Incoming Vessels'),
						'd1_1' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (MFSO)'),
						'd1_2' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (DG)'),
						'd2' 	=> array('col-xs-12 col-sm-12 col-md-4','Applications Stats'),
					);
	}else if($roles==3){
		$arr_data 	= array(
						'd3' 	=> array('col-xs-12 col-sm-12 col-md-4','Incoming Vessels'),
						'd1_2' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (DG)'),
						'd1_3' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (MTSO)'),
						'd2' 	=> array('col-xs-12 col-sm-12 col-md-4','Applications Stats'),
					);
	}else{
		if($roles!=5){
			$arr_data 	= array(
							'd3' 	=> array('col-xs-12 col-sm-12 col-md-4','Incoming Vessels'),
							'd4' 	=> array('col-xs-12 col-sm-12 col-md-8','Pending Approval'),
							'd2' 	=> array('col-xs-12 col-sm-12 col-md-4','Applications Stats'),
						);
		}else{
			$arr_data 	= array(
							'd3' 	=> array('col-xs-12 col-sm-12 col-md-4','Incoming Vessels'),
							'd4' 	=> array('col-xs-12 col-sm-12 col-md-8','Pending Approval'),
							'd1_1' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (MFSO)'),
							'd1_2' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (DG)'),
							'd1_3' 	=> array('col-xs-12 col-sm-12 col-md-4','Approval (MTSO)'),
							'd2' 	=> array('col-xs-12 col-sm-12 col-md-4','Applications Stats'),
						);
		}
	}

foreach ($arr_data as $aa => $bb) {
		echo "<div class='grid-item {$bb[0]} dash_view {$aa}' data-target='{$aa}' data-title='{$bb[1]}'></div>";
	}
?>
</div>

var $grid = $('#row-grid');
	$grid.isotope({
		itemSelector: '.grid-item',
		layoutMode: 'masonry', /* fitRows */
		percentPosition: true,
		masonry: {
			columnWidth: 1
		}
	});

(function($){
		$.dash_view = function(x,y){

if(x<y){

var ths 	= $(".dash_view:eq("+x+")");
				var target 	= encodeURIComponent(ths.data('target'));
				var title 	= encodeURIComponent(ths.data('title'));

x = x+1;
				$.ajax({
					type		: "POST",
					data		: "target="+target+"&title="+title,
					url 		: "dashboard/main.php",
					beforeSend 	: function(x){
						ths.html("<center><img src='<?php echo $conf_fullweblink;?>/img/ajax-loader.gif'></center>");
						// x.abort();
					}
				})
				.done(function(msg){
					ths.html(msg).hide().fadeIn(500);
					// $grid.isotope('layout');
					$.dash_view(x,y);	
				});
				// .complete(ths.);
			}else{
				// $(".input-group-lg").removeClass("hidden").fadeIn(500);
				$(".input-group-lg").find("input").attr("placeholder","Carian Dashboard").attr("disabled",false);
				$(".dash_view").each(function(){
					if(!$(this).find(".widget").length)
						$(this).remove();
				});
				setTimeout(function() {
					$grid.isotope('layout');
				}, 1000);
			}

};
	})(jQuery);

var dh_length 	 = $(".dash_view").length;
	$.dash_view(0,dh_length);

});
</script>