add a cancel button to the quickSave form. Would be even better if the ESC key cancel...

diff --git a/kronolith/js/kronolith.js b/kronolith/js/kronolith.js
index afaa483..7e84e54 100644 (file)
--- a/kronolith/js/kronolith.js
+++ b/kronolith/js/kronolith.js
@@ -1773,6 +1773,12 @@ KronolithCore = {
                 e.stop();
                 return;
 
+            case 'kronolithQuickinsertCancel':
+                $('kronolithQuickinsert').fade();
+                $('kronolithQuickinsertQ').value = '';
+                e.stop();
+                return;
+
             case 'kronolithEventDelete':
                 var cal = $F('kronolithEventCalendar'),
                     eventid = $F('kronolithEventId');

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index 8b95d9e..00fafda 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -130,7 +130,8 @@ require dirname(__FILE__) . '/agenda.inc';
 <div id="kronolithQuickinsert" style="display:none">
   <form action="#" method="post">
     <input type="text" id="kronolithQuickinsertQ" value="" />
-    <input type="submit" id="kronolithQuickinsertSave" value="<?php echo _("Add") ?>" class="button ok" /><br />
+    <input type="submit" id="kronolithQuickinsertSave" value="<?php echo _("Add") ?>" class="button ok" />
+    <input type="submit" id="kronolithQuickinsertCancel" value="x" class="button cancel" /><br />
     <?php echo _("I.e. Dinner with John tomorrow 10am") ?><br />
   </form>
 </div>

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 7e61a89..412dc8b 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -512,6 +512,9 @@ span#kronolithQuickEvent {
     padding:  5px;
     margin: 5px 5px 5px 15px;
 }
+#kronolithQuickinsertQ {
+    width: 150px;
+}
 
 /* Navigation bar */
 #kronolithBar {