PHP Classes

File: WIAdmin/WIInc/edit/WIInc/collections.php

Recommend this page to a friend!
  Classes of Jules Warner   WICMS   WIAdmin/WIInc/edit/WIInc/collections.php   Download  
File: WIAdmin/WIInc/edit/WIInc/collections.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: WICMS
Database driven content management system with PDO
Author: By
Last change:
Date: 6 years ago
Size: 11,043 bytes
 

Contents

Class file image Download
<link rel="stylesheet" type="text/css" href="<?php echo $WI['theme_dir'] ?><?php echo $WI['css_site'] ?>fullcalendar.css"> <link rel="stylesheet" type="text/css" href="<?php echo $WI['theme_dir'] ?><?php echo $WI['css_site'] ?>fullcalendar.print.css"> <script src='<?php echo $WI['theme_dir'] ?><?php echo $WI['js_site'] ?>moment.min.js'></script> <script src='<?php echo $WI['theme_dir'] ?><?php echo $WI['js_site'] ?>jquery.min.js'></script> <script src='<?php echo $WI['theme_dir'] ?><?php echo $WI['js_site'] ?>jquery-ui.min.js'></script> <script src='<?php echo $WI['theme_dir'] ?><?php echo $WI['js_site'] ?>fullcalendar.min.js'></script> <!-- Right side column. Contains the navbar and content of the page --> <aside class="right-side"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Collections <small>Control panel</small> </h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Collections</li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-md-3"> <div class="box box-primary"> <div class="box-header"> <h4 class="box-title">Draggable Events</h4> </div> </div><!-- /. box --> </div><!-- /.col --> <div class="col-md-9"> <div class="box box-primary"> <div class="box-body no-padding"> <!-- THE CALENDAR --> <?php WICalender::calHead(); ?> <div id="calendar"></div> --> </div><!-- /.box-body --> </div><!-- /. box --> </div><!-- /.col --> </div><!-- /.row --> </section><!-- /.content --> </aside><!-- /.right-side --> </div><!-- ./wrapper --> <!-- jQuery 2.0.2 --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <!-- jQuery UI 1.10.3 --> <script src="<?php echo $WI['theme_dir'] ?><?php echo $WI['js_admin'] ?>jquery-ui-1.10.3.min.js" type="text/javascript"></script> <!-- Bootstrap --> <script src="<?php echo $WI['theme_dir'] ?><?php echo $WI['js_admin'] ?>bootstrap.min.js" type="text/javascript"></script> <!-- AdminLTE App --> <script src="<?php echo $WI['theme_dir'] ?><?php echo $WI['js_admin'] ?>AdminLTE/app.js" type="text/javascript"></script> <!-- fullCalendar --> <script src="<?php echo $WI['theme_dir'] ?><?php echo $WI['js_admin'] ?>plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script> <!-- Page specific script --> <script type="text/javascript"> $(function() { /* initialize the external events -----------------------------------------------------------------*/ function ini_events(ele) { ele.each(function() { // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) // 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: 1070, revert: true, // will cause the event to go back to its revertDuration: 0 // original position after the drag }); }); } ini_events($('#external-events div.external-event')); /* initialize the calendar -----------------------------------------------------------------*/ //Date for the calendar events (dummy data) var date = new Date(); var d = date.getDate(), m = date.getMonth(), y = date.getFullYear(); $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, buttonText: {//This is to add icons to the visible buttons prev: "<span class='fa fa-caret-left'></span>", next: "<span class='fa fa-caret-right'></span>", today: 'today', month: 'month', week: 'week', day: 'day' }, //Random default events events: [ { title: 'All Day Event', start: new Date(y, m, 1), backgroundColor: "#f56954", //red borderColor: "#f56954" //red }, { title: 'Long Event', start: new Date(y, m, d - 5), end: new Date(y, m, d - 2), backgroundColor: "#f39c12", //yellow borderColor: "#f39c12" //yellow }, { title: 'Meeting', start: new Date(y, m, d, 10, 30), allDay: false, backgroundColor: "#0073b7", //Blue borderColor: "#0073b7" //Blue }, { title: 'Lunch', start: new Date(y, m, d, 12, 0), end: new Date(y, m, d, 14, 0), allDay: false, backgroundColor: "#00c0ef", //Info (aqua) borderColor: "#00c0ef" //Info (aqua) }, { title: 'End of month stats', start: new Date(y, m, d + 1, 19, 0), end: new Date(y, m, d + 1, 22, 30), allDay: false, backgroundColor: "#00a65a", //Success (green) borderColor: "#00a65a" //Success (green) }, { title: 'Click for Google', start: new Date(y, m, 28), end: new Date(y, m, 29), url: 'http://google.com/', backgroundColor: "#3c8dbc", //Primary (light-blue) borderColor: "#3c8dbc" //Primary (light-blue) } ], 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; copiedEventObject.backgroundColor = $(this).css("background-color"); copiedEventObject.borderColor = $(this).css("border-color"); // 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(); } } }); /* ADDING EVENTS */ var currColor = "#f56954"; //Red by default //Color chooser button var colorChooser = $("#color-chooser-btn"); $("#color-chooser > li > a").click(function(e) { e.preventDefault(); //Save color currColor = $(this).css("color"); //Add color effect to button colorChooser .css({"background-color": currColor, "border-color": currColor}) .html($(this).text()+' <span class="caret"></span>'); }); $("#add-new-event").click(function(e) { e.preventDefault(); //Get value and make sure it is not null var val = $("#new-event").val(); if (val.length == 0) { return; } //Create event var event = $("<div />"); event.css({"background-color": currColor, "border-color": currColor, "color": "#fff"}).addClass("external-event"); event.html(val); $('#external-events').prepend(event); //Add draggable funtionality ini_events(event); //Remove event from text input $("#new-event").val(""); }); }); </script> </body> </html>