Be consistent with using classnames and date objects

diff --git a/kronolith/js/mobile.js b/kronolith/js/mobile.js
index 9a54de0..53ed277 100644 (file)
--- a/kronolith/js/mobile.js
+++ b/kronolith/js/mobile.js
@@ -200,8 +200,8 @@
                     day.next().day();
                 }
                 // Select current date.
-                $('#kronolithMonth'+ $('kronolithMinicalDate').data('date')).addClass('kronolithSelected');
-                KronolithMobile.selectMonthDay($('#kronolithMinicalDate').data('date'));
+                $('#kronolithMonth'+ $('.kronolithMinicalDate').data('date').dateString()).addClass('kronolithSelected');
+                KronolithMobile.selectMonthDay($('.kronolithMinicalDate').data('date').dateString());
                 break;
         }
     },
@@ -400,6 +400,7 @@
         var d = $('.kronolithDayDate').data('date');
         d.addDays(-1);
         $('.kronolithDayDate').text(d.toString('ddd') + ' ' + d.toString('d'));
+        $('.kronolithDayDate').data('date', d);
         KronolithMobile.loadEvents(d, d, 'day');
     },
 
@@ -410,7 +411,7 @@
     showPrevMonth: function()
     {
         KronolithMobile.clearView('month');
-        var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
+        var d = $('.kronolithMinicalDate').data('date');
         d.addMonths(-1);
         var dates = KronolithMobile.viewDates(d, 'month');
         KronolithMobile.loadEvents(dates[0], dates[1], 'month');
@@ -421,7 +422,7 @@
     showNextMonth: function()
     {
         KronolithMobile.clearView('month');
-        var d = KronolithMobile.parseDate($('#kronolithMinicalDate').data('date'));
+        var d = $('.kronolithMinicalDate').data('date');
         d.addMonths(1);
         var dates = KronolithMobile.viewDates(d, 'month');
         KronolithMobile.loadEvents(dates[0], dates[1], 'month');
@@ -497,7 +498,7 @@
      */
     buildCal: function(date)
     {
-        var tbody = $('#kronolithMinical table tbody');
+        var tbody = $('.kronolithMinical table tbody');
         var dates = KronolithMobile.viewDates(date, 'month'), day = dates[0].clone(),
         today = Date.today(), dateString, td, tr, i;
 
@@ -505,12 +506,12 @@
         tbody.children().remove();
 
         // Update title
-        $('#kronolithMinicalDate')
-            .data('date', date.toString('yyyyMMdd'))
+        $('.kronolithMinicalDate')
+            .data('date', date)
             .html(date.toString('MMMM yyyy'));
 
         for (i = 0; i < 42; i++) {
-            dateString = day.toString('yyyyMMdd');
+            dateString = day.dateString();
 
             // Create calendar row .
             if (day.getDay() == Kronolith.conf.week_start) {
@@ -742,7 +743,7 @@
         // is fixed, move this to #dayview's pageshow event, as well as
         // fix monthview initialization.
         var currentDate = new Date();
-        $(".kronolithDayDate").html(currentDate.toString('ddd') + ' ' + currentDate.toString('d'));
+        $('.kronolithDayDate').html(currentDate.toString('ddd') + ' ' + currentDate.toString('d'));
         $('.kronolithDayDate').data('date', currentDate);
         KronolithMobile.loadEvents(currentDate, currentDate, 'day');
 

diff --git a/kronolith/templates/mobile/month.html.php b/kronolith/templates/mobile/month.html.php
index a4169ac..7d400c6 100644 (file)
--- a/kronolith/templates/mobile/month.html.php
+++ b/kronolith/templates/mobile/month.html.php
@@ -15,7 +15,7 @@
     </div>
     <div class="kronolithMonthHeader ui-bar-b">
      <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
-     <span id="kronolithMinicalDate"><?php echo $this->today->format('F Y') ?></span>
+     <span class="kronolithMinicalDate"><?php echo $this->today->format('F Y') ?></span>
      <a href="#" data-role="button" id="kronolithMinicalNext" data-icon="arrow-r" data-iconpos="notext" title="<?php echo _("Next month") ?>">&gt;</a>
     </div>
   </div>

diff --git a/kronolith/themes/mobile.css b/kronolith/themes/mobile.css
index 88afc5c..ab46f61 100644 (file)
--- a/kronolith/themes/mobile.css
+++ b/kronolith/themes/mobile.css
@@ -70,8 +70,6 @@
 .kronolithMinical {
     background-color: #fff;
 }
-#kronolithMinical {
-}
 .kronolithMinical table {
     width: 100%;
     border-spacing: 0;