github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/fullcalendar/demos/gcal.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 src='../gcal.js'></script>
    11  <script>
    12  
    13  	$(document).ready(function() {
    14  	
    15  		$('#calendar').fullCalendar({
    16  		
    17  			// US Holidays
    18  			events: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic',
    19  			
    20  			eventClick: function(event) {
    21  				// opens events in a popup window
    22  				window.open(event.url, 'gcalevent', 'width=700,height=600');
    23  				return false;
    24  			},
    25  			
    26  			loading: function(bool) {
    27  				$('#loading').toggle(bool);
    28  			}
    29  			
    30  		});
    31  		
    32  	});
    33  
    34  </script>
    35  <style>
    36  
    37  	body {
    38  		margin: 40px 10px;
    39  		padding: 0;
    40  		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    41  		font-size: 14px;
    42  	}
    43  		
    44  	#loading {
    45  		display: none;
    46  		position: absolute;
    47  		top: 10px;
    48  		right: 10px;
    49  	}
    50  
    51  	#calendar {
    52  		max-width: 900px;
    53  		margin: 0 auto;
    54  	}
    55  
    56  </style>
    57  </head>
    58  <body>
    59  
    60  	<div id='loading'>loading...</div>
    61  
    62  	<div id='calendar'></div>
    63  
    64  </body>
    65  </html>