Close the quick-add UI as soon as the user posts a new event, show an error message if it fails.

Fixes #208

Author: manastungare

src/_locales/de/messages.json

@@ -55,6 +55,10 @@
     "message": "Probleme?",
     "description": "A link that provides troubleshooting information related to authorization."
   },
+  "error_saving_new_event": {
+    "message": "Fehler beim Speichern der neuen Veranstaltung; Bitte versuchen Sie es erneut.",
+    "description": "An error message shown when a user-added quick-add event could not be saved."
+  },
   "add_to_google_calendar": {
     "message": "Zu Google Kalender hinzufügen",
     "description": "Alt text and/or link text for the link that users click to add event to their calendar."

src/_locales/en/messages.json

@@ -69,6 +69,11 @@
     "description": "A link that provides troubleshooting information related to authorization."
   },
 
+  "error_saving_new_event": {
+    "message": "Error saving new event; please retry.",
+    "description": "An error message shown when a user-added quick-add event could not be saved."
+  },
+
   "add_to_google_calendar": {
     "message": "Add to Google Calendar",
     "description": "Alt text and/or link text for the link that users click to add event to their calendar."

src/_locales/es/messages.json

@@ -55,6 +55,10 @@
     "message": "¿Problemas?",
     "description": "A link that provides troubleshooting information related to authorization."
   },
+  "error_saving_new_event": {
+    "message": "Error al guardar nuevo evento; por favor vuelva a intentar.",
+    "description": "An error message shown when a user-added quick-add event could not be saved."
+  },
   "add_to_google_calendar": {
     "message": "Añadir a Google Calendar",
     "description": "Alt text and/or link text for the link that users click to add event to their calendar."

src/_locales/nl/messages.json

@@ -69,6 +69,11 @@
     "description": "A link that provides troubleshooting information related to authorization."
   },
 
+  "error_saving_new_event": {
+    "message": "Fout bij het opslaan van nieuwe gebeurtenis; Probeer het opnieuw.",
+    "description": "An error message shown when a user-added quick-add event could not be saved."
+  },
+
   "add_to_google_calendar": {
     "message": "Toevoegen aan Google Agenda",
     "description": "Alt text and/or link text for the link that users click to add event to their calendar."

src/browser_action.css

@@ -83,6 +83,15 @@ header {
   margin-bottom: 8px;
 }
 
+#info_bar {
+  background: #ffdbdd;
+  color: #000;
+  display: none;
+  padding: 8px;
+  width: 100%;
+  margin-bottom: 8px;
+}
+
 section {
   padding: 0 8px;
 }

src/browser_action.html

@@ -30,6 +30,7 @@
     <div class="header-placeholder"></div>
     <section>
       <a id="announcement_new_features" class="i18n" href="https://github.com/manastungare/google-calendar-crx/wiki/Changes" target="_blank"></a>
+      <div id="info_bar"></div>
       <div id="error">
         <p class="i18n" id="authorization_explanation"></p>
         <p><button class="button i18n" id="authorization_required"></button></p>

src/browser_action.js

@@ -137,6 +137,7 @@ browseraction.installButtonClickHandlers_ = function() {
     _gaq.push(['_trackEvent', 'Quick Add', 'Event Created']);
     browseraction.createQuickAddEvent_($('#quick-add-event-title').val().toString(),
         $('#quick-add-calendar-list').val());
+    $('#quick-add-event-title').val('');  // Remove the existing text from the field.
   });
 };
 
@@ -218,23 +219,30 @@ browseraction.createQuickAddEvent_ = function(text, calendarId) {
     _gaq.push(['_trackEvent', 'getAuthToken', 'OK']);
     _gaq.push(['_trackEvent', 'QuickAdd', 'Add']);
 
+    browseraction.startSpinner();
     $.ajax(quickAddUrl, {
       type: 'POST',
       headers: {
         'Authorization': 'Bearer ' + authToken
       },
       success: function(response) {
+        browseraction.stopSpinner();
         chrome.extension.sendMessage({method: 'events.feed.fetch'});
-        $('#quick-add').slideUp(200);
       },
       error: function(response) {
+        browseraction.stopSpinner();
+        $('#info_bar').text(chrome.i18n.getMessage('error_saving_new_event')).slideDown();
+        window.setTimeout(function() {
+          $('#info_bar').slideUp();
+        }, constants.INFO_BAR_DISMISS_TIMEOUT_MS);
         _gaq.push(['_trackEvent', 'QuickAdd', 'Error', response.statusText]);
         chrome.extension.getBackgroundPage().background.log('Error adding Quick Add event', response.statusText);
         if (response.status === 401) {
           chrome.identity.removeCachedAuthToken({ 'token': authToken }, function() {});
         }
       }
     });
+    $('#quick-add').slideUp(200);
   });
 };
 

src/constants.js

@@ -23,3 +23,9 @@ constants.MENU_ITEM_VIEW_CALENDAR_WEB = 'view_web_calendar';
  * @const
  */
 constants.EVENT_STATUS_DECLINED = 'declined';
+
+/**
+ * @type {number}
+ * @const
+ */
+constants.INFO_BAR_DISMISS_TIMEOUT_MS = 5000;