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",
"color": "RED",
"textColor": "white",
"description": "Αιθουσα 9"
},
{
"title": "Τμήμα JSON3 -Επαναληπτικό - Ριπιτίδης",
"start": "2017-06-01T18:00:00",
"end": "2017-06-12T18:45:00",
"color": "RED",
"textColor": "white",
"description": "Αιθουσα Διαδραστικού",
"dow": "[ 2,4, 5 ]"
},
{
"title": "Τμήμα JSON2 -Κ.Ε.Α. - Σαφίδης",
"id": "821",
"end": "2017-06-12T18:00:00",
"start": "2017-06-12T18:00:00",
"color": "RED",
"textColor": "white",
"description": "Αιθουσα 9"
}
]';
?>
This diff is collapsed.
## Reporting Bugs
Each bug report MUST have a [JSFiddle/JSBin] recreation before any work can begin. [further instructions &raquo;](http://fullcalendar.io/wiki/Reporting-Bugs/)
## Requesting Features
Please search the [Issue Tracker] to see if your feature has already been requested, and if so, subscribe to it. Otherwise, read these [further instructions &raquo;](http://fullcalendar.io/wiki/Requesting-Features/)
## Contributing Features
The FullCalendar project welcomes [Pull Requests][Using Pull Requests] for new features, but because there are so many feature requests (over 100), and because every new feature requires refinement and maintenance, each PR will be prioritized against the project's other demands and might take a while to make it to an official release.
Furthermore, each new feature should be designed as robustly as possible and be useful beyond the immediate usecase it was initially designed for. Feel free to start a ticket discussing the feature's specs before coding.
## Contributing Bugfixes
In the description of your [Pull Request][Using Pull Requests], please include recreation steps for the bug as well as a [JSFiddle/JSBin] demo. Communicating the buggy behavior is a requirement before a merge can happen.
## Contributing Locales
Please edit the original files in the `locale/` directory. DO NOT edit anything in the `dist/` directory. The build system will responsible for merging FullCalendar's `locale/` data with the [MomentJS locale data].
## Other Ways to Contribute
[Read about other ways to contribute &raquo;](http://fullcalendar.io/wiki/Contributing/)
## Getting Set Up
You will need [Git][git], [Node][node], and NPM installed. For clarification, please view the [jQuery readme][jq-readme], which requires a similar setup.
Also, you will need the [gulp-cli][gulp-cli] package installed globally (`-g`) on your system:
npm install -g gulp-cli
Then, clone FullCalendar's git repo:
git clone git://github.com/fullcalendar/fullcalendar.git
Enter the directory and install FullCalendar's dependencies:
cd fullcalendar
npm install