Create new events from month view.
authorJan Schneider <jan@horde.org>
Wed, 15 Apr 2009 14:10:14 +0000 (16:10 +0200)
committerJan Schneider <jan@horde.org>
Wed, 15 Apr 2009 21:30:17 +0000 (23:30 +0200)
kronolith/js/src/kronolith.js
kronolith/templates/index/month.inc
kronolith/themes/screen.css

index 83d9c18..48d9eb5 100644 (file)
@@ -372,6 +372,8 @@ KronolithCore = {
             cell.down('.kronolithDay')
                 .setText(day.getDate())
                 .writeAttribute('date', dateString);
+            cell.down('.kronolithAddEvent')
+                .writeAttribute('date', dateString);
             cell = cell.next();
             day.add(1).day();
         }
@@ -1165,6 +1167,10 @@ KronolithCore = {
                 this.editEvent(elt.readAttribute('calendar'), elt.readAttribute('eventid'));
                 e.stop();
                 return;
+            } else if (elt.hasClassName('kronolithAddEvent')) {
+                this.editEvent(null, null, elt.readAttribute('date'));
+                e.stop();
+                return;
             } else if (elt.hasClassName('kronolithEventTag')) {
                 $('kronolithTagACTrigger').kronolithTagger.addNewTagNode(elt.getText());
                 e.stop();
@@ -1211,7 +1217,7 @@ KronolithCore = {
         */
     },
 
-    editEvent: function(calendar, id)
+    editEvent: function(calendar, id, date)
     {
         RedBox.onDisplay = function() {
             try {
@@ -1228,7 +1234,7 @@ KronolithCore = {
             RedBox.loading();
             this.doAction('GetEvent', { 'cal': calendar, 'id': id }, this._editEvent.bind(this));
         } else {
-            var d = new Date();
+            var d = date ? Date.parseExact(date, 'yyyyMMdd') : new Date();
             $('kronolithEventId').value = '';
             $('kronolithEventCalendar').value = Kronolith.conf.default_calendar;
             $('kronolithEventDelete').hide();
index 40a3193..5b65597 100644 (file)
   <tr id="kronolithRowTemplate" class="kronolithRow" style="display:none">
     <td class="kronolithFirstCol"></td>
     <td class="kronolithCol<?php if ($w == 6 || $w == 0) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 5 || $w == 6) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 4 || $w == 5) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 3 || $w == 4) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 2 || $w == 3) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 1 || $w == 2) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
     <td class="kronolithCol<?php if ($w == 0 || $w == 1) echo ' kronolithWeekend' ?>">
-      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAdd"><?php echo $img_blank ?></a></div>
+      <div class="kronolithCorner"><div class="kronolithDay"></div><a class="kronolithAddEvent"><?php echo $img_blank ?></a></div>
     </td>
   </tr>
 </tbody>
index f396643..66de3d8 100644 (file)
@@ -1037,18 +1037,6 @@ div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithCorner {
     height: auto;
     border: none;
 }
-div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd {
-    display: inline;
-    width: 15px;
-    height: 15px;
-    line-height: 15px;
-    padding: 2px;
-    text-align: center;
-    background: transparent url("graphics/new_small_fade.png") 3px 5px no-repeat;
-}
-div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd:hover {
-    background-image: url("graphics/new_small.png");
-}
 div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithOtherMonth {
     background: #f7f7f7;
 }
@@ -1108,16 +1096,17 @@ div.kronolithView div.kronolithViewBody div.kronolithRow div div.kronolithMore a
     vertical-align: middle;
     font-weight: bold;
 }
-a.kronolithAdd {
+.kronolithAddEvent {
     display: inline;
     width: auto;
+    width: 15px;
     height: 15px;
     line-height: 15px;
     padding: 2px;
     text-align: center;
     background: transparent url("graphics/new_small_fade.png") 3px 5px no-repeat;
 }
-a.kronolithAdd:hover {
+.kronolithAddEvent:hover {
     background-image: url("graphics/new_small.png");
 }
 .kronolithOtherMonth {