examples/calendar/index.html

   1 <html>
   2 <head>
   3     <title>Ext JS Calendar Sample</title>
   4     <!-- Ext includes -->
   5     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   6     <script type="text/javascript" src="../../adapter/ext/ext-base-debug.js"></script>
   7     <script type="text/javascript" src="../../ext-all-debug.js"></script>
   8
   9     <!-- Calendar-specific includes -->
  10         <link rel="stylesheet" type="text/css" href="resources/css/calendar.css" />
  11     <script type="text/javascript" src="src/Ext.calendar.js"></script>
  12     <script type="text/javascript" src="src/templates/DayHeaderTemplate.js"></script>
  13     <script type="text/javascript" src="src/templates/DayBodyTemplate.js"></script>
  14     <script type="text/javascript" src="src/templates/DayViewTemplate.js"></script>
  15     <script type="text/javascript" src="src/templates/BoxLayoutTemplate.js"></script>
  16     <script type="text/javascript" src="src/templates/MonthViewTemplate.js"></script>
  17     <script type="text/javascript" src="src/dd/CalendarScrollManager.js"></script>
  18     <script type="text/javascript" src="src/dd/StatusProxy.js"></script>
  19     <script type="text/javascript" src="src/dd/CalendarDD.js"></script>
  20     <script type="text/javascript" src="src/dd/DayViewDD.js"></script>
  21     <script type="text/javascript" src="src/EventRecord.js"></script>
  22         <script type="text/javascript" src="src/views/MonthDayDetailView.js"></script>
  23     <script type="text/javascript" src="src/widgets/CalendarPicker.js"></script>
  24     <script type="text/javascript" src="src/WeekEventRenderer.js"></script>
  25     <script type="text/javascript" src="src/views/CalendarView.js"></script>
  26     <script type="text/javascript" src="src/views/MonthView.js"></script>
  27     <script type="text/javascript" src="src/views/DayHeaderView.js"></script>
  28     <script type="text/javascript" src="src/views/DayBodyView.js"></script>
  29     <script type="text/javascript" src="src/views/DayView.js"></script>
  30     <script type="text/javascript" src="src/views/WeekView.js"></script>
  31     <script type="text/javascript" src="src/widgets/DateRangeField.js"></script>
  32     <script type="text/javascript" src="src/widgets/ReminderField.js"></script>
  33     <script type="text/javascript" src="src/EventEditForm.js"></script>
  34     <script type="text/javascript" src="src/EventEditWindow.js"></script>
  35     <script type="text/javascript" src="src/CalendarPanel.js"></script>
  36
  37     <!-- App -->
  38     <link rel="stylesheet" type="text/css" href="resources/css/examples.css" />
  39         <script type="text/javascript" src="app/calendar-list.js"></script>
  40     <script type="text/javascript" src="app/event-list.js"></script>
  41         <script type="text/javascript" src="app/test-app.js"></script>
  42 </head>
  43 <body>
  44     <div style="display:none;">
  45     <div id="app-header-content">
  46         <div id="app-logo">
  47             <div class="logo-top">&nbsp;</div>
  48             <div id="logo-body">&nbsp;</div>
  49             <div class="logo-bottom">&nbsp;</div>
  50         </div>
  51         <h1>Ext JS Calendar</h1>
  52         <span id="app-msg" class="x-hidden"></span>
  53     </div>
  54     </div>
  55 </body>
  56 <script>
  57     var updateLogoDt = function(){
  58         document.getElementById('logo-body').innerHTML = new Date().getDate();
  59     }
  60     updateLogoDt();
  61     setInterval(updateLogoDt, 1000);
  62 </script>
  63 </html>