File: /home/imensosw/www/imenso.co/demo/diy/adminpanel/index.php
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Dashboard - DIY Marketeer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Search Engines', 7],
['Other', 2],
['Ad Campaigns', 2],
['Social Networks', 11],
['Direct Traffic', 2]
]);
var options = {
title: ''
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<?php include("inc/head.php");?>
<link href='fullcalendar/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='fullcalendar/lib/jquery.min.js'></script>
<script src='fullcalendar/lib/jquery-ui.custom.min.js'></script>
<script src='fullcalendar/fullcalendar/fullcalendar.min.js'></script>
<script>
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay
},
true // make the event "stick"
);
}
calendar.fullCalendar('unselect');
},
editable: true,
events: [
{
title: 'Finance client case study',
start: new Date(y, m, 1)
},
{
title: 'How to plan Your 2013 Editorial calendar',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2)
},
{
title: 'How to attract more customer',
start: new Date(y, m, 3)
},
{
title: 'Special Offer Email',
start: new Date(y, m,16)
},
{
title: 'Weekly Newsletter',
start: new Date(y, m,10)
},
{
title: 'Facebook Post',
start: new Date(y, m,17)
},
{
title: '3 Day Follow-Up Email',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
}
]
});
});
</script>
<!--<style>
#calendar {
width: 1000px;
margin: 0 auto;
height:500px;
}
</style>
-->
</head>
<body>
<?php include("inc/header.php");?>
<div class="main-container" id="main-container">
<div class="sidebar" id="sidebar">
<div class="sidebar-shortcuts" id="sidebar-shortcuts">
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
<i class="icon-calendar"></i> <?php echo date("M,d,Y")?>
</div>
</div><!-- #sidebar-shortcuts -->
</div>
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<script type="text/javascript">
try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
<li>
<a href="#">Dashboard</a>
</li>
<li class="widget-toolbar no-border">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
This Week
<i class="icon-angle-down icon-on-right bigger-110"></i>
</button>
<ul class="dropdown-menu pull-right dropdown-125 dropdown-lighter dropdown-caret">
<li class="active">
<a href="#" class="blue">
<i class="icon-caret-right bigger-110"> </i>
This Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
This Month
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Month
</a>
</li>
</ul>
</li>
</ul>
<div class="nav-search" id="nav-search">
<form class="form-search">
<span class="input-icon">
<input placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" type="text">
<i class="icon-search nav-search-icon"></i>
</span>
</form>
</div><!-- #nav-search -->
</div>
<div class="page-content">
<div class="row">
<div class="col-sm-12">
<!-- PAGE CONTENT BEGINS -->
<div class="row">
<div class="space-6"></div>
<div class="col-sm-6 infobox-container">
<h4 style="text-align:left !important;" class="lighter">
<i class="icon-star orange"></i>
Analytics<small>
<i class="icon-double-angle-right"></i>
For your website.
</small>
</h4>
<div class="widget-box">
<div class="widget-header widget-header-flat widget-header-small">
<h5>
<i class="icon-signal"></i>
Traffic Sources
</h5>
<div class="widget-toolbar no-border">
<button data-toggle="dropdown" class="btn btn-minier btn-primary dropdown-toggle">
This Week
<i class="icon-angle-down icon-on-right bigger-110"></i>
</button>
<ul class="dropdown-menu pull-right dropdown-125 dropdown-lighter dropdown-caret">
<li class="active">
<a class="blue" href="#">
<i class="icon-caret-right bigger-110"> </i>
This Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
This Month
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Month
</a>
</li>
</ul>
</div>
</div>
<div class="widget-body" style="height:100%">
<div class="widget-main">
<div id="piechart" style="height:400px;"></div>
<div class="hr hr8 hr-double"></div>
<div class="clearfix">
</div>
</div><!-- /widget-main -->
</div><!-- /widget-body -->
</div>
</div>
<div class="col-sm-6 infobox-container">
<h4 style="text-align:left !important;" class="lighter">
<i class="icon-star orange"></i>
Marketing Calendar<small>
<i class="icon-double-angle-right"></i>
See all the marketing tactics
</small>
</h4>
<div class="widget-box">
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization',
'version':'1','packages':['timeline']}]}"></script>
<script type="text/javascript">
google.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('example1');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'President' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'Tactic1', new Date(1789, 3, 29), new Date(1797, 2, 3) ],
[ 'Tactic2', new Date(1797, 2, 3), new Date(1801, 2, 3) ],
[ 'Tactic3', new Date(1801, 2, 3), new Date(1809, 2, 3) ]]);
chart.draw(dataTable);
}
</script>
<div class="widget-body">
<div class="widget-main">
<div id='calendar' style="font-size: 11px;"></div>
<div class="hr hr8 hr-double"></div>
<div class="clearfix">
</div>
</div><!-- /widget-main -->
</div><!-- /widget-body -->
</div>
</div>
</div>
<div class="row">
<div class="space-6"></div>
<div class="col-sm-6 infobox-container">
<h4 class="lighter" style="text-align:left !important;">
<i class="icon-star orange"></i>
Social Engagements <small>
<i class="icon-double-angle-right"></i>
Accross your social accounts.
</small>
</h4>
<div class="space-12"></div>
<div style="background:#FFF;">
<div class="infobox infobox-bluefb">
<div class="infobox-icon">
<i class="icon-facebook"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">2500</span>
<div class="infobox-content">New Likes</div>
</div>
</div>
<div class="infobox infobox-blue ">
<div class="infobox-icon">
<i class="icon-twitter"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">181</span>
<div class="infobox-content">New Followers</div>
</div>
</div>
<div class="infobox infobox-red ">
<div class="infobox-icon">
<i class="icon-pinterest"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">75</span>
<div class="infobox-content">New Pins</div>
</div>
</div>
<div class="infobox infobox-blue">
<div class="infobox-icon">
<i class="icon-linkedin"></i>
</div>
<div class="infobox-data">
<span class="infobox-data-number">36</span>
<div class="infobox-content">New Followers</div>
</div>
</div>
<div class="space-8"></div>
<div class="infobox infobox-green infobox-small infobox-dark">
<i class="icon-facebook"></i>
<div class="infobox-data">
<div class="infobox-content">45%</div>
<div class="infobox-content">Response Rate</div>
</div>
</div>
<div class="infobox infobox-blue infobox-small infobox-dark">
<div class="infobox-data">
<div class="infobox-content">5 Mins</div>
<div class="infobox-content">Response Time</div>
</div>
</div>
<div class="space-8"></div>
<p class="lead">
<span class="blue"><strong>0</strong></span> INTERACTIONS BY <span class="blue"><strong>0</strong></span> UNIQUE USERS <br>
<span class="blue"><strong>0</strong></span> IMPRESSION
</p>
</div>
</div>
<div class="space-6"></div>
<div class="col-sm-6 infobox-container">
<h4 class="lighter" style="text-align:left !important;">
<i class="icon-star orange"></i>
TO DO LIST <small>
<i class="icon-double-angle-right"></i>
For marketing
</small>
</h4>
<div class="space-12"></div>
<div style="background:#FFF; text-align:left !important;">
<ul id="tasks" class="item-list ui-sortable">
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Fix W3C Errors on website </span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Set Up Lead Capture Page</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Write promotional emails</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Install Google analytics Tracking Code</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Link Social Accounts with Platform</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Send SMS messages </span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Print QR Code for shop window</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item-default clearfix">
<label class="inline">
<input type="checkbox" class="ace">
<span class="lbl"> Create A Video</span>
</label>
<div class="inline pull-right position-relative dropdown-hover">
<button class="btn btn-minier bigger btn-primary">
<i class="icon-cog icon-only bigger-120"></i>
</button>
<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-caret dropdown-close pull-right">
<li>
<a data-original-title="Mark as done" href="#" class="tooltip-success" data-rel="tooltip" title="">
<span class="green">
<i class="icon-ok bigger-110"></i>
</span>
</a>
</li>
<li>
<a data-original-title="Delete" href="#" class="tooltip-error" data-rel="tooltip" title="">
<span class="red">
<i class="icon-trash bigger-110"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div><!-- /#ace-settings-container -->
</div><!-- /.main-container-inner -->
</div><!-- /.main-container -->
<?php include("inc/footer.php");?>
</body></html>