Issue #733: cache feedback content

2 files changed, 73 insertions, 34 deletions

diff --git a/web-ui/app/js/feedback/feedback_cache.js b/web-ui/app/js/feedback/feedback_cache.js
new file mode 100644
index 00000000..a5d92266
--- /dev/null
+++ b/web-ui/app/js/feedback/feedback_cache.js
@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2016 ThoughtWorks, Inc.
+ *
+ * Pixelated is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Pixelated is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+define([], function() {
+  'use strict';
+
+  return (function() {
+    var feedbackCache = '';
+    return {
+      resetCache: function () {
+        feedbackCache = '';
+      },
+      setCache: function(feedback) {
+        feedbackCache = feedback;
+      },
+      getCache: function() {
+        return feedbackCache;
+      }
+    };
+  })();
+});
diff --git a/web-ui/app/js/mail_view/ui/feedback_box.js b/web-ui/app/js/mail_view/ui/feedback_box.js
index eb079b5b..4e00ece8 100644
--- a/web-ui/app/js/mail_view/ui/feedback_box.js
+++ b/web-ui/app/js/mail_view/ui/feedback_box.js
@@ -15,51 +15,55 @@
  * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
  */
 
-define(['flight/lib/component', 'views/templates', 'page/events', 'features'],
-    function (defineComponent, templates, events, features) {
-  'use strict';
+define(['flight/lib/component', 'views/templates', 'page/events', 'features', 'feedback/feedback_cache'],
+  function (defineComponent, templates, events, features, feedbackCache) {
+    'use strict';
 
-  return defineComponent(function () {
-     this.defaultAttrs({
-       'closeButton': '.close-mail-button',
-       'submitButton': '#send-button',
-       'textBox': '#text-box',
-     });
+    return defineComponent(function () {
+      this.defaultAttrs({
+        'closeButton': '.close-mail-button',
+        'submitButton': '#send-button',
+        'textBox': '#text-box',
+      });
 
-    this.render = function () {
-      this.$node.html(templates.compose.feedback());
-    };
+      this.render = function () {
+        this.$node.html(templates.compose.feedback());
+      };
 
-    this.openFeedbackBox = function() {
-      var stage = this.reset('feedback-box');
-      this.attachTo(stage);
-      this.enableFloatlabel('input.floatlabel');
-      this.enableFloatlabel('textarea.floatlabel');
-    };
+      this.startCachingData = function () {
+        this.select('textBox').val(feedbackCache.getCache());
+        this.select('textBox').on('change', this.cacheFeedbackData.bind(this));
+      };
 
-    this.showNoMessageSelected = function() {
-      this.trigger(document, events.dispatchers.rightPane.openNoMessageSelected);
-    };
 
-    this.submitFeedback = function () {
-      var feedback = this.select('textBox').val();
-      this.trigger(document, events.feedback.submit, { feedback: feedback });
-    };
+      this.cacheFeedbackData = function () {
+        feedbackCache.setCache(this.select('textBox').val());
+      };
 
-    this.showSuccessMessage = function () {
-        this.trigger(document, events.ui.userAlerts.displayMessage, { message: 'Thanks for your feedback!' });
-    };
+      this.showNoMessageSelected = function () {
+        this.trigger(document, events.dispatchers.rightPane.openNoMessageSelected);
+      };
 
-    this.after('initialize', function () {
-      if (features.isEnabled('feedback')) {
+      this.submitFeedback = function () {
+        var feedback = this.select('textBox').val();
+        this.trigger(document, events.feedback.submit, {feedback: feedback});
+        feedbackCache.resetCache();
+      };
+
+      this.showSuccessMessage = function () {
+        this.trigger(document, events.ui.userAlerts.displayMessage, {message: 'Thanks for your feedback!'});
+      };
+
+      this.after('initialize', function () {
+        if (features.isEnabled('feedback')) {
           this.render();
-          this.on(document, events.dispatchers.rightPane.openFeedbackBox, this.openFeedbackBox);
+          this.startCachingData();
           this.on(document, events.feedback.submitted, this.showNoMessageSelected);
           this.on(document, events.feedback.submitted, this.showSuccessMessage);
           this.on(this.select('closeButton'), 'click', this.showNoMessageSelected);
           this.on(this.select('submitButton'), 'click', this.submitFeedback);
-      }
-    });
+        }
+      });
 
+    });
   });
-});