MAINHACK

Viewing / Editing File: dashboard.php

<?php
include('header.php');
$show=new Oops($db);

?>
<style type="text/css">

#fli,#fli1
	{
	
	}
	#display
	{
		position:absolute;
		width:315px;
		margin-left:0;
		margin-top:0px;
		max-height:300px;
		padding:2px;
		display:none;
		border-top:0px;
		overflow:auto;
		border:1px #CCC solid;
		background-color: white;
		z-index:1000;
	}	
	
	.show,.show1
	{
		padding:7px; 
		border-bottom:1px #999 dashed;
		font-size:15px; 
		
	}
	
	.show:hover,.show1:hover
	{
		background:#4f52ba;
		color:#FFF;
		cursor:pointer;
	}	
.widget{
	overflow:visible !important;
	
}	
</style>

<div class="row">
               <div class="col-md-2">
            	<a href="all_client.php">
					<div class="alert alert-success success" role="alert">
						<div class="alert_logo"><h1 class="glyphicon glyphicon-user"></h1></div> 
						<div class="alert_content"><strong>All Client</strong></div>
					</div>
				</a>
            </div>
             <div class="col-md-2">
            	<a href="all_in_out.php">
					<div class="alert alert-warning warn" role="alert">
						<div class="alert_logo"><h1 class="glyphicon glyphicon-stats"></h1></div> 
						<div class="alert_content"><strong>All Payment In</strong></div>
					</div>
				</a>
            </div>	
            
           
           <div class="col-md-2">
            	<a href="all_out.php">
					<div class="alert alert-info info" role="alert">
						<div class="alert_logo"><h1 class="glyphicon glyphicon-stats"></h1></div> 
						<div class="alert_content"><strong>All Payment Out</strong></div>
					</div>
				</a>
            </div>
             <div class="col-md-2">
            	<a href="all_out.php">
					<div class="alert alert-info error" role="alert">
						<div class="alert_logo"><h1 class="glyphicon glyphicon-stats"></h1></div> 
						<div class="alert_content"><strong>Total IN/OUT</strong></div>
					</div>
				</a>
            </div>
             <div class="col-md-2">
            	<a href="all_out.php">
					<div class="alert alert-info success" role="alert">
						<div class="alert_logo"><h1 class="glyphicon glyphicon-stats"></h1></div> 
						<div class="alert_content"><strong>All Projects</strong></div>
					</div>
				</a>
            </div>
<div class="col-md-6"> 
<script type="text/javascript" src="src/Chart.min.js"></script>
	<div id="chart-container">
        <canvas id="graphCanvas1"></canvas>
    </div>
    <script>
        $(document).ready(function () {
            showGraph1();
        });

function showGraph1()
        {
            {
                $.post("data.php",
                function (data)
                {
                    console.log(data);
                     var month = [];
                    var amount = [];

for (var i in data) {
                        month.push(data[i].month);
                        amount.push(data[i].amount);
                    }

var chartdata = {
                        labels: month,
                        datasets: [
                            {
                                label: 'Monthly Payment IN',
                                backgroundColor: '#49e2ff',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: amount
                            }
                        ]
                    };

var graphTarget = $("#graphCanvas1");

var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
            }
        }
        </script>
        </div> 
<div class="col-md-6"> 
<script type="text/javascript" src="src/Chart.min.js"></script>
	<div id="chart-container">
        <canvas id="graphCanvas2"></canvas>
    </div>
    <script>
        $(document).ready(function () {
            showGraph2();
        });

function showGraph2()
        {
            {
                $.post("data2.php",
                function (data)
                {
                    console.log(data);
                     var month = [];
                    var amount = [];

for (var i in data) {
                        month.push(data[i].month);
                        amount.push(data[i].amount);
                    }

var chartdata = {
                        labels: month,
                        datasets: [
                            {
                                label: 'Monthly Payment OUT',
                                backgroundColor: '#ec2626',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: amount
                            }
                        ]
                    };

var graphTarget = $("#graphCanvas2");

var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
            }
        }
        </script>
        </div>  
<!--<div class="col-md-6"> 
<script type="text/javascript" src="src/Chart.min.js"></script>
	<div id="chart-container">
        <canvas id="graphCanvas3"></canvas>
    </div>
    <script>
        $(document).ready(function () {
            showGraph3();
        });

function showGraph3()
        {
            {
                $.post("data3.php",
                function (data)
                {
                    console.log(data);
                     var month = [];
                    var amount = [];

for (var i in data) {
                        month.push(data[i].month);
                        amount.push(data[i].amount);
                    }

var chartdata = {
                        labels: month,
                        datasets: [
                            {
                                label: 'nn',
                                backgroundColor: '#ec2626',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: amount
                            }
                        ]
                    };

var graphTarget = $("#graphCanvas3");

var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
            }
        }
        </script>
        </div>  -->
         
                       
			</div>
			<hr>
		
			</div>
				
			
		</div>

<?php

include('footer.php');
?>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: dashboard.php

Server Info

System Features

User Info