300 lines
9.9 KiB
PHP
300 lines
9.9 KiB
PHP
<?php
|
|
|
|
//initilize the page
|
|
require_once 'init.web.php';
|
|
|
|
/*---------------- PHP Custom Scripts ---------
|
|
|
|
YOU CAN SET CONFIGURATION VARIABLES HERE BEFORE IT GOES TO NAV, RIBBON, ETC.
|
|
E.G. $page_title = "Custom Title" */
|
|
|
|
$page_title = "Dashboard";
|
|
|
|
/* ---------------- END PHP Custom Scripts ------------- */
|
|
|
|
//include header
|
|
//you can add your custom css in $page_css array.
|
|
//Note: all css files are inside css/ folder
|
|
$page_css[] = "your_style.css";
|
|
include("inc/header.php");
|
|
|
|
//include left panel (navigation)
|
|
//follow the tree in inc/config.ui.php
|
|
//$page_nav["dashboard"]["sub"]["analytics"]["active"] = true;
|
|
include("inc/nav.php");
|
|
|
|
?>
|
|
<!-- ==========================CONTENT STARTS HERE ========================== -->
|
|
<!-- MAIN PANEL -->
|
|
<div id="main" role="main">
|
|
<?php
|
|
//configure ribbon (breadcrumbs) array("name"=>"url"), leave url empty if no url
|
|
//$breadcrumbs["New Crumb"] => "http://url.com"
|
|
include("inc/ribbon.php");
|
|
?>
|
|
<section id="widget-grid" class="">
|
|
<div class="row">
|
|
|
|
<article class="col-sm-12 col-md-12 col-lg-6">
|
|
<!-- MAIN CONTENT -->
|
|
<div id="content">
|
|
|
|
<!-- new widget -->
|
|
<div class="jarviswidget jarviswidget-color-orange" id="wid-id-3" data-widget-fullscreenbutton="false" data-widget-colorbutton="true">
|
|
|
|
<!-- widget options:
|
|
usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">
|
|
|
|
data-widget-colorbutton="false"
|
|
data-widget-editbutton="false"
|
|
data-widget-togglebutton="false"
|
|
data-widget-deletebutton="false"
|
|
data-widget-fullscreenbutton="false"
|
|
data-widget-custombutton="false"
|
|
data-widget-collapsed="true"
|
|
data-widget-sortable="false"
|
|
|
|
-->
|
|
<header>
|
|
<span class="widget-icon"> <i class="fa fa-calendar"></i> </span>
|
|
<h2>A venir</h2>
|
|
<div class="widget-toolbar">
|
|
<!-- add: non-hidden - to disable auto hide -->
|
|
<div class="btn-group">
|
|
<button class="btn dropdown-toggle btn-xs btn-default" data-toggle="dropdown">
|
|
Showing <i class="fa fa-caret-down"></i>
|
|
</button>
|
|
<ul class="dropdown-menu js-status-update pull-right">
|
|
<li>
|
|
<a href="javascript:void(0);" id="mt">Month</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);" id="ag">Agenda</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);" id="td">Today</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- widget div-->
|
|
<div>
|
|
<!-- widget edit box -->
|
|
<div class="jarviswidget-editbox">
|
|
|
|
<input class="form-control" type="text">
|
|
|
|
</div>
|
|
<!-- end widget edit box -->
|
|
|
|
<div class="widget-body no-padding">
|
|
<!-- content goes here -->
|
|
<div class="widget-body-toolbar">
|
|
|
|
<div id="calendar-buttons">
|
|
|
|
<div class="btn-group">
|
|
<a href="javascript:void(0)" class="btn btn-default btn-xs" id="btn-prev"><i class="fa fa-chevron-left"></i></a>
|
|
<a href="javascript:void(0)" class="btn btn-default btn-xs" id="btn-next"><i class="fa fa-chevron-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="calendar"></div>
|
|
|
|
<!-- end content -->
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end widget div -->
|
|
</div>
|
|
<!-- end widget -->
|
|
|
|
|
|
</div>
|
|
<!-- END MAIN CONTENT -->
|
|
|
|
</article>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END MAIN PANEL -->
|
|
|
|
<!-- ==========================CONTENT ENDS HERE ========================== -->
|
|
<!-- Full Calendar -->
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/moment/moment.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/fullcalendar/fullcalendar.min.js"></script>
|
|
<script>
|
|
|
|
/*
|
|
* FULL CALENDAR JS
|
|
*/
|
|
|
|
if ($("#calendar").length) {
|
|
var date = new Date();
|
|
var d = date.getDate();
|
|
var m = date.getMonth();
|
|
var y = date.getFullYear();
|
|
|
|
var calendar = $('#calendar').fullCalendar({
|
|
|
|
editable : true,
|
|
draggable : true,
|
|
selectable : false,
|
|
selectHelper : true,
|
|
unselectAuto : false,
|
|
disableResizing : false,
|
|
height: "auto",
|
|
|
|
header : {
|
|
left : 'title', //,today
|
|
center : 'prev, next, today',
|
|
right : 'month, agendaWeek, agenDay' //month, agendaDay,
|
|
},
|
|
|
|
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');
|
|
},
|
|
|
|
events : [{
|
|
title : 'All Day Event',
|
|
start : new Date(y, m, 1),
|
|
description : 'long description',
|
|
className : ["event", "bg-color-greenLight"],
|
|
icon : 'fa-check'
|
|
}, {
|
|
title : 'Long Event',
|
|
start : new Date(y, m, d - 5),
|
|
end : new Date(y, m, d - 2),
|
|
className : ["event", "bg-color-red"],
|
|
icon : 'fa-lock'
|
|
}, {
|
|
id : 999,
|
|
title : 'Repeating Event',
|
|
start : new Date(y, m, d - 3, 16, 0),
|
|
allDay : false,
|
|
className : ["event", "bg-color-blue"],
|
|
icon : 'fa-clock-o'
|
|
}, {
|
|
id : 999,
|
|
title : 'Repeating Event',
|
|
start : new Date(y, m, d + 4, 16, 0),
|
|
allDay : false,
|
|
className : ["event", "bg-color-blue"],
|
|
icon : 'fa-clock-o'
|
|
}, {
|
|
title : 'Meeting',
|
|
start : new Date(y, m, d, 10, 30),
|
|
allDay : false,
|
|
className : ["event", "bg-color-darken"]
|
|
}, {
|
|
title : 'Lunch',
|
|
start : new Date(y, m, d, 12, 0),
|
|
end : new Date(y, m, d, 14, 0),
|
|
allDay : false,
|
|
className : ["event", "bg-color-darken"]
|
|
}, {
|
|
title : 'Birthday Party',
|
|
start : new Date(y, m, d + 1, 19, 0),
|
|
end : new Date(y, m, d + 1, 22, 30),
|
|
allDay : false,
|
|
className : ["event", "bg-color-darken"]
|
|
}, {
|
|
title : 'Smartadmin Open Day',
|
|
start : new Date(y, m, 28),
|
|
end : new Date(y, m, 29),
|
|
className : ["event", "bg-color-darken"]
|
|
}],
|
|
|
|
|
|
eventRender : function(event, element, icon) {
|
|
if (!event.description == "") {
|
|
element.find('.fc-title').append("<br/><span class='ultra-light'>" + event.description + "</span>");
|
|
}
|
|
if (!event.icon == "") {
|
|
element.find('.fc-title').append("<i class='air air-top-right fa " + event.icon + " '></i>");
|
|
}
|
|
}
|
|
});
|
|
|
|
};
|
|
|
|
/* hide default buttons */
|
|
$('.fc-toolbar .fc-right, .fc-toolbar .fc-center').hide();
|
|
|
|
// calendar prev
|
|
$('#calendar-buttons #btn-prev').click(function() {
|
|
$('.fc-prev-button').click();
|
|
return false;
|
|
});
|
|
|
|
// calendar next
|
|
$('#calendar-buttons #btn-next').click(function() {
|
|
$('.fc-next-button').click();
|
|
return false;
|
|
});
|
|
|
|
// calendar today
|
|
$('#calendar-buttons #btn-today').click(function() {
|
|
$('.fc-button-today').click();
|
|
return false;
|
|
});
|
|
|
|
// calendar month
|
|
$('#mt').click(function() {
|
|
$('#calendar').fullCalendar('changeView', 'month');
|
|
});
|
|
|
|
// calendar agenda week
|
|
$('#ag').click(function() {
|
|
$('#calendar').fullCalendar('changeView', 'agendaWeek');
|
|
});
|
|
|
|
// calendar agenda day
|
|
$('#td').click(function() {
|
|
$('#calendar').fullCalendar('changeView', 'agendaDay');
|
|
});
|
|
</script>
|
|
<?php
|
|
include("inc/footer.php");
|
|
?>
|
|
|
|
<?php
|
|
//include required scripts
|
|
include("inc/scripts.php");
|
|
|
|
?>
|
|
|
|
<!-- PAGE RELATED PLUGIN(S)
|
|
<script src="..."></script>-->
|
|
<!-- Flot Chart Plugin: Flot Engine, Flot Resizer, Flot Tooltip -->
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/flot/jquery.flot.cust.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/flot/jquery.flot.resize.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/flot/jquery.flot.time.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/flot/jquery.flot.tooltip.min.js"></script>
|
|
|
|
<!-- Vector Maps Plugin: Vectormap engine, Vectormap language -->
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/vectormap/jquery-jvectormap-1.2.2.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/vectormap/jquery-jvectormap-world-mill-en.js"></script>
|
|
|
|
<!-- Full Calendar -->
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/moment/moment.min.js"></script>
|
|
<script src="<?php echo ASSETS_URL; ?>/js/plugin/fullcalendar/fullcalendar.min.js"></script>
|
|
|
|
|
|
|
|
<?php
|
|
//include footer
|
|
include("inc/google-analytics.php");
|
|
?>
|