github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/fullcalendar/demos/json.html (about)

     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>