Commit 3f9f1c3d authored by Your Name's avatar Your Name

cloned from github version 170623

parents
# osteam-static-fullcalendar-test
osteam-static-fullcalendar-test (version 170622 -)
Demo εφαρμογή με χρήση fullcalendar + φορμα RRULE για εισαγωγή event/διδασκαλιών
## Σχετικές πληροφορίες για JSON FEEDS στο fullcalendar
https://fullcalendar.io/docs/event_data/events_json_feed/
https://fullcalendar.io/docs/resource_data/resources_json_feed/
## DEMO 1 :
http://cal.minedu.cu.cc (with php script on action)
## Κώδικας (τελευταία έκδοση):
https://github.com/plirof2/osteam-static-fullcalendar-test
## ΜΟΡΦΗ ΕΞΩΤΕΡΙΚΟΥ ERVTHMATOS :
Here is a URL that FullCalendar might visit:
mysite.com/myjsonfeed.php?start=2013-12-01&end=2014-01-12&_=1386054751381
## Add an external JSON event file :
eventSources: [
// your event source
{
url: 'myjsonfeed.php', // use the `url` property
type: 'GET',
color: 'yellow', // an option!
textColor: 'black' // an option!
}
// any other sources...
],
## myjsonfeed.php :
```php
echo '[
{
"title": "Τμήμα JSON1 -Πληροφορική - Ρεστάκης",
"id": "821",
"end": "2017-06-16T18:00:00",
"start": "2017-06-16T18:00:00",
"color": "RED",
"textColor": "white",
"description": "Αιθουσα 9"
},
{
"title": "Τμήμα JSON2 -Κ.Ε.Α. - Σαφίδης",
"id": "821",
"end": "2017-06-12T18:00:00",
"start": "2017-06-12T18:00:00",
"color": "RED",
"textColor": "white",
"description": "Αιθουσα 9"
}
]';
```
## Ανοιγμά νέου παραθύρου με κλικ σε κενή ώρα :
```javascript
dayClick: function(date, jsEvent) {
//alert( 'Κενή Ώρα - Παρακαλώ εισάγετε διδασκαλία' + date.format());
//open an ADD NEW EVENT FORM for this date
window.open("add_new_event.php?start="+date.format());
} // end of dayClick: function(date, jsEvent) {
```
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
\ No newline at end of file
This diff is collapsed.
/* Hellenic translation for the jQuery Timepicker Addon */
/* Written by Christos Pontikis */
(function($) {
$.timepicker.regional['el'] = {
timeOnlyTitle: 'Επιλογή ώρας',
timeText: 'Ώρα',
hourText: 'Ώρες',
minuteText: 'Λεπτά',
secondText: 'Δευτερόλεπτα',
millisecText: 'Χιλιοστοδευτερόλεπτα',
microsecText: 'Μικροδευτερόλεπτα',
timezoneText: 'Ζώνη ώρας',
currentText: 'Τώρα',
closeText: 'Κλείσιμο',
timeFormat: 'HH:mm',
timeSuffix: '',
amNames: ['π.μ.', 'AM', 'A'],
pmNames: ['μ.μ.', 'PM', 'P'],
isRTL: false
};
$.timepicker.setDefaults($.timepicker.regional['el']);
})(jQuery);
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<?php
echo "<HR size=3>";
echo "<table>";
foreach ($_REQUEST as $key => $value) {
echo "<tr>";
echo "<td>";
echo $key;
echo "</td>";
echo "<td>";
echo $value;
echo "</td>";
echo "</tr>";
}
echo "</table>";
echo "<HR size=3>";
print_r($_REQUEST);
echo "<HR size=3>";
var_dump($_REQUEST);
?>
</body>
</html>
<html charset='utf-8'>
<head>
<meta charset="UTF-8">
<!--<link type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css" rel="stylesheet">
<link type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.print.css " rel="stylesheet">
-->
<!--
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/moment/moment.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>
-->
<link href="https://fullcalendar.io/js/fullcalendar-3.4.0/fullcalendar.css" rel="stylesheet"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://fullcalendar.io/js/fullcalendar-3.4.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/locale/el.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.css" rel="stylesheet"></link>
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
// put your options and callbacks here
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2017-06-12',
lang: 'el',
editable: true,
defaultView: 'agendaWeek', // or 'agenda' or 'basic' 'agendaWeek',
minTime: "09:00:00",
events: [
{
title: 'All Day Event',
start: '2017-06-01'
},
{
title:"My repeating event",
start: '2017-05-12T10:00',
end: '2017-07-15T10:45',
color: 'pink',textColor: 'black',
dow: [ 1, 6 ] // Repeat monday and thursday
},
{
title: 'Τμήμα T5 - Τεχνολογία - Γκατζέτης',
start: '2017-06-15T16:00:00',
end: '2017-06-15T16:45:00',
color: 'cyan',textColor: 'black',
description: 'Αιθουσα 4'
},
{
title: 'Τμήμα T5 - Ηλεκτρονική - Ρεύματοπουλος',
start: '2017-06-15T17:00:00',
end: '2017-06-15T17:45:00',
color: 'cyan',textColor: 'black',
description: 'Αιθουσα 4'
},
{
title: 'Τμήμα T5 - Μαθηματικά - Μπουλίδης',
start: '2017-06-15T18:00:00',
end: '2017-06-15T18:45:00',
color: 'cyan',textColor: 'black',
description: 'Αιθουσα 4'
},
{
title: 'Τμήμα T5 - Έκθεση - Δεθίδου',
start: '2017-06-15T19:00:00',
end: '2017-06-15T19:45:00',
color: 'cyan',textColor: 'black',
description: 'Αιθουσα 4'
},
{
title: 'Τμήμα Α2-Παπαδόπουλος',
start: '2017-06-12T19:00:00',
end: '2017-06-12T19:45:00',
description: 'Αίθουσα 1'
},
{
id: 999,
title: 'Τμήμα Β2-Σταυρίδης',
start: '2017-06-13T17:00:00',
description: 'This is a cool event'
},
{
id: 999,
title: 'Τμήμα Β2-Σταυρίδης Αναπλήρωση',
start: '2017-06-16T13:00:00',
description: 'This is a cool event'
},
{
title: 'Τμήμα Θ2 - Μαθηματικά - Μπουλίδης',
start: '2017-06-15T16:00:00',
end: '2017-06-15T16:45:00',
color: 'orange',textColor: 'black',
description: 'Αιθουσα 2'
},
{
title: 'Τμήμα Θ2 - ΦΥΣΙΚΗ - Αλβερτίδης',
start: '2017-06-15T17:00:00',
end: '2017-06-15T17:45:00',
color: 'orange',textColor: 'black',
description: 'Αιθουσα 2'
},
{
title: 'Τμήμα Θ2 - Χημέια - Πλάνκας',
start: '2017-06-15T18:00:00',
end: '2017-06-15T18:45:00',
color: 'orange',textColor: 'black',
description: 'Αιθουσα 2'
},
{
title: 'Τμήμα Θ2 - Έκθεση - Χελεξάκη',
start: '2017-06-15T19:00:00',
end: '2017-06-15T19:45:00',
color: 'orange',textColor: 'black',
description: 'Αιθουσα 2'
}
],
eventSources: [
// your event source
{
url: 'myjsonfeed.php', // use the `url` property
type: 'GET',
color: 'yellow', // an option!
textColor: 'black' // an option!
}
// any other sources...
],
eventRender: function(event, element) {
element.qtip({
content: event.title + ' ' +event.description
});
},
eventClick: function(calEvent, jsEvent, view) {
alert('Επιλέξατε το : ' + calEvent.title);
//alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
//alert('View: ' + view.name);
// change the border color just for fun
$(this).css('border-color', 'red');
},
dayClick: function(date, jsEvent) {
//alert( 'Κενή Ώρα - Παρακαλώ εισάγετε διδασκαλία' + date.format());
//open an ADD NEW EVENT FORM for this date
window.open("add_new_event.php?start="+date.format());
}
})
});
</script>
</head>
<body>
<div id='calendar'></div>
</body>
This diff is collapsed.
<?php
echo '[
{
"title": "Τμήμα JSON1 -Πληροφορική - Ρεστάκης",
"id": "821",
"end": "2017-06-16T18:00:00",
"start": "2017-06-16T18:00:00",