Changeset 9249 for src/django_gheat

Timestamp:

Jun 10, 2011, 2:28:01 PM (13 years ago)

Author:

dennisw

Message:

Working on a date filter using 'JQuery UI's datepicker.

Location:

src/django_gheat/website

Files:

• static/images (added)
• static/jquery-ui-1.8.13.custom.css (added)
• static/jquery-ui-1.8.13.custom.min.js (added)
• static/style.css (modified) (1 diff)
• templates/home.html (modified) (2 diffs)

src/django_gheat/website/static/style.css

@@ -132 +132 @@
   width: 110px;
   position: absolute;
-  border: 1px solid #598FEF;
+  border: 1px solid #BA0000;
   background-color: #EFEFEF;
   padding: 2px;

src/django_gheat/website/templates/home.html

@@ -3 +3 @@
   <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}jquery-1.6.1.min.js"></script>
+<!--
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script> 
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
+-->
   <script type="text/javascript" language="javascript" src="{{ STATIC_URL }}jquery.chained.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}colorpicker.js"></script>
+
+<!-- jquery UI datapicker -->
+<link type="text/css" href="{{ STATIC_URL }}jquery-ui-1.8.13.custom.css" rel="Stylesheet" />    
+<script type="text/javascript" src="{{ STATIC_URL }}jquery-ui-1.8.13.custom.min.js"></script>
+
+
   <script language="javascript" type="text/javascript">
     $(function(){
       // enable colorpicker
       $('#colour').colorPicker();
+      $('#start_date').datepicker();
+      $('#end_date').datepicker();
 
       $('#menu_filter').click(function(){
@@ -46 +56 @@
       <div id="filter_list">
         <form method="get" action="">
+          <input type="text" id="start_date" name="start_date" size="10"/> Start date<br />
+          <input type="text" id="end_date" name="end_date" size="10"/> End date<br />
           <select id="select_user" style="width:104px"></select> User<br />
           <select id="select_dataset" style="width:104px"></select> Dataset<br />