');
- var $clink=$(this);
- History.pushState(null, null, $clink.attr('href'));
- $('ul.main-menu li.active').removeClass('active');
- $clink.parent('li').addClass('active');
- });
+ //disbaling some functions for Internet Explorer
+ if (msie) {
+ $('#is-ajax').prop('checked', false);
+ $('#for-is-ajax').hide();
+ $('#toggle-fullscreen').hide();
+ $('.login-box').find('.input-large').removeClass('span10');
- //animating menus on hover
- $('ul.main-menu li:not(.nav-header)').hover(function(){
- $(this).animate({'margin-left':'+=5'},300);
- },
- function(){
- $(this).animate({'margin-left':'-=5'},300);
- });
+ }
- //other things to do on document ready, seperated for ajax calls
- docReady();
+
+ //highlight current / active link
+ $('ul.main-menu li a').each(function () {
+ if ($($(this))[0].href == String(window.location))
+ $(this).parent().addClass('active');
+ });
+
+ //establish history variables
+ var
+ History = window.History, // Note: We are using a capital H instead of a lower h
+ State = History.getState(),
+ $log = $('#log');
+
+ //bind to State Change
+ History.Adapter.bind(window, 'statechange', function () { // Note: We are using statechange instead of popstate
+ var State = History.getState(); // Note: We are using History.getState() instead of event.state
+ $.ajax({
+ url: State.url,
+ success: function (msg) {
+ $('#content').html($(msg).find('#content').html());
+ $('#loading').remove();
+ $('#content').fadeIn();
+ var newTitle = $(msg).filter('title').text();
+ $('title').text(newTitle);
+ docReady();
+ }
+ });
+ });
+
+ //ajaxify menus
+ $('a.ajax-link').click(function (e) {
+ if (msie) e.which = 1;
+ if (e.which != 1 || !$('#is-ajax').prop('checked') || $(this).parent().hasClass('active')) return;
+ e.preventDefault();
+ $('.sidebar-nav').removeClass('active');
+ $('.navbar-toggle').removeClass('active');
+ $('#loading').remove();
+ $('#content').fadeOut().parent().append('
');
+ $(this).find('.gallery-controls').stop().animate({'margin-top': '-1'}, 400);
+ }, function () {
+ $('img', this).fadeToggle(1000);
+ $(this).find('.gallery-controls').stop().animate({'margin-top': '-30'}, 200, function () {
+ $(this).remove();
+ });
+ });
+
+
+ //gallery image controls example
+ //gallery delete
+ $('.thumbnails').on('click', '.gallery-delete', function (e) {
+ e.preventDefault();
+ //get image id
+ //alert($(this).parents('.thumbnail').attr('id'));
+ $(this).parents('.thumbnail').fadeOut();
+ });
+ //gallery edit
+ $('.thumbnails').on('click', '.gallery-edit', function (e) {
+ e.preventDefault();
+ //get image id
+ //alert($(this).parents('.thumbnail').attr('id'));
+ });
+
+ //gallery colorbox
+ $('.thumbnail a').colorbox({
+ rel: 'thumbnail a',
+ transition: "elastic",
+ maxWidth: "95%",
+ maxHeight: "95%",
+ slideshow: true
+ });
+
+ //gallery fullscreen
+ $('#toggle-fullscreen').button().click(function () {
+ var button = $(this), root = document.documentElement;
+ if (!button.hasClass('active')) {
+ $('#thumbnails').addClass('modal-fullscreen');
+ if (root.webkitRequestFullScreen) {
+ root.webkitRequestFullScreen(
+ window.Element.ALLOW_KEYBOARD_INPUT
+ );
+ } else if (root.mozRequestFullScreen) {
+ root.mozRequestFullScreen();
+ }
+ } else {
+ $('#thumbnails').removeClass('modal-fullscreen');
+ (document.webkitCancelFullScreen ||
+ document.mozCancelFullScreen ||
+ $.noop).apply(document);
+ }
+ });
+
+ //tour
+ if ($('.tour').length && typeof(tour) == 'undefined') {
+ var tour = new Tour();
+ tour.addStep({
+ element: "#content", /* html element next to which the step popover should be shown */
+ placement: "top",
+ title: "Custom Tour", /* title of the popover */
+ content: "You can create tour like this. Click Next." /* content of the popover */
+ });
+ tour.addStep({
+ element: ".theme-container",
+ placement: "left",
+ title: "Themes",
+ content: "You change your theme from here."
+ });
+ tour.addStep({
+ element: "ul.main-menu a:first",
+ title: "Dashboard",
+ content: "This is your dashboard from here you will find highlights."
+ });
+ tour.addStep({
+ element: "#for-is-ajax",
+ title: "Ajax",
+ content: "You can change if pages load with Ajax or not."
+ });
+ tour.addStep({
+ element: ".top-nav a:first",
+ placement: "bottom",
+ title: "Visit Site",
+ content: "Visit your front end from here."
+ });
+
+ tour.restart();
+ }
+
+ //datatable
+ $('.datatable').dataTable({
+ "sDom": "<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-12'i><'col-md-12 center-block'p>>",
+ "sPaginationType": "bootstrap",
+ "oLanguage": {
+ "sLengthMenu": "_MENU_ records per page"
+ }
+ });
+ $('.btn-close').click(function (e) {
+ e.preventDefault();
+ $(this).parent().parent().parent().fadeOut();
+ });
+ $('.btn-minimize').click(function (e) {
+ e.preventDefault();
+ var $target = $(this).parent().parent().next('.box-content');
+ if ($target.is(':visible')) $('i', $(this)).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
+ else $('i', $(this)).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
+ $target.slideToggle();
+ });
+ $('.btn-setting').click(function (e) {
+ e.preventDefault();
+ $('#myModal').modal('show');
+ });
+
+
+ $('#calendar').fullCalendar({
+ header: {
+ left: 'prev,next today',
+ center: 'title',
+ right: 'month,agendaWeek,agendaDay'
+ },
+ defaultDate: '2014-06-12',
+ events: [
+ {
+ title: 'All Day Event',
+ start: '2014-06-01'
+ },
+ {
+ title: 'Long Event',
+ start: '2014-06-07',
+ end: '2014-06-10'
+ },
+ {
+ id: 999,
+ title: 'Repeating Event',
+ start: '2014-06-09T16:00:00'
+ },
+ {
+ id: 999,
+ title: 'Repeating Event',
+ start: '2014-06-16T16:00:00'
+ },
+ {
+ title: 'Meeting',
+ start: '2014-06-12T10:30:00',
+ end: '2014-06-12T12:30:00'
+ },
+ {
+ title: 'Lunch',
+ start: '2014-06-12T12:00:00'
+ },
+ {
+ title: 'Birthday Party',
+ start: '2014-06-13T07:00:00'
+ },
+ {
+ title: 'Click for Google',
+ url: 'http://google.com/',
+ start: '2014-06-28'
+ }
+ ]
+ });
- //rich text editor
- $('.cleditor').cleditor();
-
- //datepicker
- $('.datepicker').datepicker();
-
- //notifications
- $('.noty').click(function(e){
- e.preventDefault();
- var options = $.parseJSON($(this).attr('data-noty-options'));
- noty(options);
- });
-
-
- //uniform - styler for checkbox, radio and file input
- $("input:checkbox, input:radio, input:file").not('[data-no-uniform="true"],#uniform-is-ajax').uniform();
-
- //chosen - improves select
- $('[data-rel="chosen"],[rel="chosen"]').chosen();
-
- //tabs
- $('#myTab a:first').tab('show');
- $('#myTab a').click(function (e) {
- e.preventDefault();
- $(this).tab('show');
- });
-
- //makes elements soratble, elements that sort need to have id attribute to save the result
- $('.sortable').sortable({
- revert:true,
- cancel:'.btn,.box-content,.nav-header',
- update:function(event,ui){
- //line below gives the ids of elements, you can make ajax call here to save it to the database
- //console.log($(this).sortable('toArray'));
- }
- });
-
- //slider
- $('.slider').slider({range:true,values:[10,65]});
-
- //tooltip
- $('[rel="tooltip"],[data-rel="tooltip"]').tooltip({"placement":"bottom",delay: { show: 400, hide: 200 }});
-
- //auto grow textarea
- $('textarea.autogrow').autogrow();
-
- //popover
- $('[rel="popover"],[data-rel="popover"]').popover();
-
- //file manager
- var elf = $('.file-manager').elfinder({
- url : 'misc/elfinder-connector/connector.php' // connector URL (REQUIRED)
- }).elfinder('instance');
-
- //iOS / iPhone style toggle switch
- $('.iphone-toggle').iphoneStyle();
-
- //star rating
- $('.raty').raty({
- score : 4 //default stars
- });
-
- //uploadify - multiple uploads
- $('#file_upload').uploadify({
- 'swf' : 'misc/uploadify.swf',
- 'uploader' : 'misc/uploadify.php'
- // Put your options here
- });
-
- //gallery controlls container animation
- $('ul.gallery li').hover(function(){
- $('img',this).fadeToggle(1000);
- $(this).find('.gallery-controls').remove();
- $(this).append('
'+
- '
'+
- '
');
- $(this).find('.gallery-controls').stop().animate({'margin-top':'-1'},400,'easeInQuint');
- },function(){
- $('img',this).fadeToggle(1000);
- $(this).find('.gallery-controls').stop().animate({'margin-top':'-30'},200,'easeInQuint',function(){
- $(this).remove();
- });
- });
-
-
- //gallery image controls example
- //gallery delete
- $('.thumbnails').on('click','.gallery-delete',function(e){
- e.preventDefault();
- //get image id
- //alert($(this).parents('.thumbnail').attr('id'));
- $(this).parents('.thumbnail').fadeOut();
- });
- //gallery edit
- $('.thumbnails').on('click','.gallery-edit',function(e){
- e.preventDefault();
- //get image id
- //alert($(this).parents('.thumbnail').attr('id'));
- });
-
- //gallery colorbox
- $('.thumbnail a').colorbox({rel:'thumbnail a', transition:"elastic", maxWidth:"95%", maxHeight:"95%"});
-
- //gallery fullscreen
- $('#toggle-fullscreen').button().click(function () {
- var button = $(this), root = document.documentElement;
- if (!button.hasClass('active')) {
- $('#thumbnails').addClass('modal-fullscreen');
- if (root.webkitRequestFullScreen) {
- root.webkitRequestFullScreen(
- window.Element.ALLOW_KEYBOARD_INPUT
- );
- } else if (root.mozRequestFullScreen) {
- root.mozRequestFullScreen();
- }
- } else {
- $('#thumbnails').removeClass('modal-fullscreen');
- (document.webkitCancelFullScreen ||
- document.mozCancelFullScreen ||
- $.noop).apply(document);
- }
- });
-
- //tour
- if($('.tour').length && typeof(tour)=='undefined')
- {
- var tour = new Tour();
- tour.addStep({
- element: ".span10:first", /* html element next to which the step popover should be shown */
- placement: "top",
- title: "Custom Tour", /* title of the popover */
- content: "You can create tour like this. Click Next." /* content of the popover */
- });
- tour.addStep({
- element: ".theme-container",
- placement: "left",
- title: "Themes",
- content: "You change your theme from here."
- });
- tour.addStep({
- element: "ul.main-menu a:first",
- title: "Dashboard",
- content: "This is your dashboard from here you will find highlights."
- });
-
- tour.restart();
- }
-
- //datatable
- $('.datatable').dataTable({
- "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>",
- "sPaginationType": "bootstrap",
- "oLanguage": {
- "sLengthMenu": "_MENU_ records per page"
- }
- } );
- $('.btn-close').click(function(e){
- e.preventDefault();
- $(this).parent().parent().parent().fadeOut();
- });
- $('.btn-minimize').click(function(e){
- e.preventDefault();
- var $target = $(this).parent().parent().next('.box-content');
- if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down');
- else $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up');
- $target.slideToggle();
- });
- $('.btn-setting').click(function(e){
- e.preventDefault();
- $('#myModal').modal('show');
- });
-
-
-
-
- //initialize the external events for calender
-
- $('#external-events div.external-event').each(function() {
-
- // it doesn't need to have a start or end
- var eventObject = {
- title: $.trim($(this).text()) // use the element's text as the event title
- };
-
- // store the Event Object in the DOM element so we can get to it later
- $(this).data('eventObject', eventObject);
-
- // make the event draggable using jQuery UI
- $(this).draggable({
- zIndex: 999,
- revert: true, // will cause the event to go back to its
- revertDuration: 0 // original position after the drag
- });
-
- });
-
-
- //initialize the calendar
- $('#calendar').fullCalendar({
- header: {
- left: 'prev,next today',
- center: 'title',
- right: 'month,agendaWeek,agendaDay'
- },
- editable: true,
- droppable: true, // this allows things to be dropped onto the calendar !!!
- drop: function(date, allDay) { // this function is called when something is dropped
-
- // retrieve the dropped element's stored Event Object
- var originalEventObject = $(this).data('eventObject');
-
- // we need to copy it, so that multiple events don't have a reference to the same object
- var copiedEventObject = $.extend({}, originalEventObject);
-
- // assign it the date that was reported
- copiedEventObject.start = date;
- copiedEventObject.allDay = allDay;
-
- // render the event on the calendar
- // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
- $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
-
- // is the "remove after drop" checkbox checked?
- if ($('#drop-remove').is(':checked')) {
- // if so, remove the element from the "Draggable Events" list
- $(this).remove();
- }
-
- }
- });
-
-
- //chart with points
- if($("#sincos").length)
- {
- var sin = [], cos = [];
-
- for (var i = 0; i < 14; i += 0.5) {
- sin.push([i, Math.sin(i)/i]);
- cos.push([i, Math.cos(i)]);
- }
-
- var plot = $.plot($("#sincos"),
- [ { data: sin, label: "sin(x)/x"}, { data: cos, label: "cos(x)" } ], {
- series: {
- lines: { show: true },
- points: { show: true }
- },
- grid: { hoverable: true, clickable: true, backgroundColor: { colors: ["#fff", "#eee"] } },
- yaxis: { min: -1.2, max: 1.2 },
- colors: ["#539F2E", "#3C67A5"]
- });
-
- function showTooltip(x, y, contents) {
- $('
' + contents + '
').css( {
- position: 'absolute',
- display: 'none',
- top: y + 5,
- left: x + 5,
- border: '1px solid #fdd',
- padding: '2px',
- 'background-color': '#dfeffc',
- opacity: 0.80
- }).appendTo("body").fadeIn(200);
- }
-
- var previousPoint = null;
- $("#sincos").bind("plothover", function (event, pos, item) {
- $("#x").text(pos.x.toFixed(2));
- $("#y").text(pos.y.toFixed(2));
-
- if (item) {
- if (previousPoint != item.dataIndex) {
- previousPoint = item.dataIndex;
-
- $("#tooltip").remove();
- var x = item.datapoint[0].toFixed(2),
- y = item.datapoint[1].toFixed(2);
-
- showTooltip(item.pageX, item.pageY,
- item.series.label + " of " + x + " = " + y);
- }
- }
- else {
- $("#tooltip").remove();
- previousPoint = null;
- }
- });
-
-
-
- $("#sincos").bind("plotclick", function (event, pos, item) {
- if (item) {
- $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
- plot.highlight(item.series, item.datapoint);
- }
- });
- }
-
- //flot chart
- if($("#flotchart").length)
- {
- var d1 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.25)
- d1.push([i, Math.sin(i)]);
-
- var d2 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.25)
- d2.push([i, Math.cos(i)]);
-
- var d3 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.1)
- d3.push([i, Math.tan(i)]);
-
- $.plot($("#flotchart"), [
- { label: "sin(x)", data: d1},
- { label: "cos(x)", data: d2},
- { label: "tan(x)", data: d3}
- ], {
- series: {
- lines: { show: true },
- points: { show: true }
- },
- xaxis: {
- ticks: [0, [Math.PI/2, "\u03c0/2"], [Math.PI, "\u03c0"], [Math.PI * 3/2, "3\u03c0/2"], [Math.PI * 2, "2\u03c0"]]
- },
- yaxis: {
- ticks: 10,
- min: -2,
- max: 2
- },
- grid: {
- backgroundColor: { colors: ["#fff", "#eee"] }
- }
- });
- }
-
- //stack chart
- if($("#stackchart").length)
- {
- var d1 = [];
- for (var i = 0; i <= 10; i += 1)
- d1.push([i, parseInt(Math.random() * 30)]);
-
- var d2 = [];
- for (var i = 0; i <= 10; i += 1)
- d2.push([i, parseInt(Math.random() * 30)]);
-
- var d3 = [];
- for (var i = 0; i <= 10; i += 1)
- d3.push([i, parseInt(Math.random() * 30)]);
-
- var stack = 0, bars = true, lines = false, steps = false;
-
- function plotWithOptions() {
- $.plot($("#stackchart"), [ d1, d2, d3 ], {
- series: {
- stack: stack,
- lines: { show: lines, fill: true, steps: steps },
- bars: { show: bars, barWidth: 0.6 }
- }
- });
- }
-
- plotWithOptions();
-
- $(".stackControls input").click(function (e) {
- e.preventDefault();
- stack = $(this).val() == "With stacking" ? true : null;
- plotWithOptions();
- });
- $(".graphControls input").click(function (e) {
- e.preventDefault();
- bars = $(this).val().indexOf("Bars") != -1;
- lines = $(this).val().indexOf("Lines") != -1;
- steps = $(this).val().indexOf("steps") != -1;
- plotWithOptions();
- });
- }
-
- //pie chart
- var data = [
- { label: "Internet Explorer", data: 12},
- { label: "Mobile", data: 27},
- { label: "Safari", data: 85},
- { label: "Opera", data: 64},
- { label: "Firefox", data: 90},
- { label: "Chrome", data: 112}
- ];
-
- if($("#piechart").length)
- {
- $.plot($("#piechart"), data,
- {
- series: {
- pie: {
- show: true
- }
- },
- grid: {
- hoverable: true,
- clickable: true
- },
- legend: {
- show: false
- }
- });
-
- function pieHover(event, pos, obj)
- {
- if (!obj)
- return;
- percent = parseFloat(obj.series.percent).toFixed(2);
- $("#hover").html(''+obj.series.label+' ('+percent+'%)');
- }
- $("#piechart").bind("plothover", pieHover);
- }
-
- //donut chart
- if($("#donutchart").length)
- {
- $.plot($("#donutchart"), data,
- {
- series: {
- pie: {
- innerRadius: 0.5,
- show: true
- }
- },
- legend: {
- show: false
- }
- });
- }
-
-
-
-
- // we use an inline data source in the example, usually data would
- // be fetched from a server
- var data = [], totalPoints = 300;
- function getRandomData() {
- if (data.length > 0)
- data = data.slice(1);
-
- // do a random walk
- while (data.length < totalPoints) {
- var prev = data.length > 0 ? data[data.length - 1] : 50;
- var y = prev + Math.random() * 10 - 5;
- if (y < 0)
- y = 0;
- if (y > 100)
- y = 100;
- data.push(y);
- }
-
- // zip the generated y values with the x values
- var res = [];
- for (var i = 0; i < data.length; ++i)
- res.push([i, data[i]])
- return res;
- }
-
- // setup control widget
- var updateInterval = 30;
- $("#updateInterval").val(updateInterval).change(function () {
- var v = $(this).val();
- if (v && !isNaN(+v)) {
- updateInterval = +v;
- if (updateInterval < 1)
- updateInterval = 1;
- if (updateInterval > 2000)
- updateInterval = 2000;
- $(this).val("" + updateInterval);
- }
- });
-
- //realtime chart
- if($("#realtimechart").length)
- {
- var options = {
- series: { shadowSize: 1 }, // drawing is faster without shadows
- yaxis: { min: 0, max: 100 },
- xaxis: { show: false }
- };
- var plot = $.plot($("#realtimechart"), [ getRandomData() ], options);
- function update() {
- plot.setData([ getRandomData() ]);
- // since the axes don't change, we don't need to call plot.setupGrid()
- plot.draw();
-
- setTimeout(update, updateInterval);
- }
-
- update();
- }
}
//additional functions for data table
-$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
-{
- return {
- "iStart": oSettings._iDisplayStart,
- "iEnd": oSettings.fnDisplayEnd(),
- "iLength": oSettings._iDisplayLength,
- "iTotal": oSettings.fnRecordsTotal(),
- "iFilteredTotal": oSettings.fnRecordsDisplay(),
- "iPage": Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
- "iTotalPages": Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
- };
+$.fn.dataTableExt.oApi.fnPagingInfo = function (oSettings) {
+ return {
+ "iStart": oSettings._iDisplayStart,
+ "iEnd": oSettings.fnDisplayEnd(),
+ "iLength": oSettings._iDisplayLength,
+ "iTotal": oSettings.fnRecordsTotal(),
+ "iFilteredTotal": oSettings.fnRecordsDisplay(),
+ "iPage": Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
+ "iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
+ };
}
-$.extend( $.fn.dataTableExt.oPagination, {
- "bootstrap": {
- "fnInit": function( oSettings, nPaging, fnDraw ) {
- var oLang = oSettings.oLanguage.oPaginate;
- var fnClickHandler = function ( e ) {
- e.preventDefault();
- if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
- fnDraw( oSettings );
- }
- };
+$.extend($.fn.dataTableExt.oPagination, {
+ "bootstrap": {
+ "fnInit": function (oSettings, nPaging, fnDraw) {
+ var oLang = oSettings.oLanguage.oPaginate;
+ var fnClickHandler = function (e) {
+ e.preventDefault();
+ if (oSettings.oApi._fnPageChange(oSettings, e.data.action)) {
+ fnDraw(oSettings);
+ }
+ };
- $(nPaging).addClass('pagination').append(
- '