Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | <!DOCTYPE html> |
| 2 | <html> |
||
| 3 | <head> |
||
| 4 | <meta charset='utf-8' /> |
||
| 5 | <link href='../fullcalendar.css' rel='stylesheet' /> |
||
| 6 | <link href='../fullcalendar.print.css' rel='stylesheet' media='print' /> |
||
| 7 | <script src='../lib/moment.min.js'></script> |
||
| 8 | <script src='../lib/jquery.min.js'></script> |
||
| 9 | <script src='../fullcalendar.min.js'></script> |
||
| 10 | <script> |
||
| 11 | |||
| 12 | $(document).ready(function() { |
||
| 13 | |||
| 14 | $('#calendar').fullCalendar({ |
||
| 15 | header: { |
||
| 16 | left: 'prev,next today', |
||
| 17 | center: 'title', |
||
| 18 | right: 'month,agendaWeek,agendaDay' |
||
| 19 | }, |
||
| 20 | defaultDate: '2014-09-12', |
||
| 21 | editable: true, |
||
| 22 | eventLimit: true, // allow "more" link when too many events |
||
| 23 | events: { |
||
| 24 | url: 'php/get-events.php', |
||
| 25 | error: function() { |
||
| 26 | $('#script-warning').show(); |
||
| 27 | } |
||
| 28 | }, |
||
| 29 | loading: function(bool) { |
||
| 30 | $('#loading').toggle(bool); |
||
| 31 | } |
||
| 32 | }); |
||
| 33 | |||
| 34 | }); |
||
| 35 | |||
| 36 | </script> |
||
| 37 | <style> |
||
| 38 | |||
| 39 | body { |
||
| 40 | margin: 0; |
||
| 41 | padding: 0; |
||
| 42 | font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; |
||
| 43 | font-size: 14px; |
||
| 44 | } |
||
| 45 | |||
| 46 | #script-warning { |
||
| 47 | display: none; |
||
| 48 | background: #eee; |
||
| 49 | border-bottom: 1px solid #ddd; |
||
| 50 | padding: 0 10px; |
||
| 51 | line-height: 40px; |
||
| 52 | text-align: center; |
||
| 53 | font-weight: bold; |
||
| 54 | font-size: 12px; |
||
| 55 | color: red; |
||
| 56 | } |
||
| 57 | |||
| 58 | #loading { |
||
| 59 | display: none; |
||
| 60 | position: absolute; |
||
| 61 | top: 10px; |
||
| 62 | right: 10px; |
||
| 63 | } |
||
| 64 | |||
| 65 | #calendar { |
||
| 66 | max-width: 900px; |
||
| 67 | margin: 40px auto; |
||
| 68 | padding: 0 10px; |
||
| 69 | } |
||
| 70 | |||
| 71 | </style> |
||
| 72 | </head> |
||
| 73 | <body> |
||
| 74 | |||
| 75 | <div id='script-warning'> |
||
| 76 | <code>php/get-events.php</code> must be running. |
||
| 77 | </div> |
||
| 78 | |||
| 79 | <div id='loading'>loading...</div> |
||
| 80 | |||
| 81 | <div id='calendar'></div> |
||
| 82 | |||
| 83 | </body> |
||
| 84 | </html> |