summaryrefslogtreecommitdiff
path: root/web-ui/public/js/mail_view/ui/feedback_box.js
blob: 4e00ece88ab5b5f09a70bfa629a4a79b09795908 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/*
 * Copyright (c) 2015 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(['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',
      });

      this.render = function () {
        this.$node.html(templates.compose.feedback());
      };

      this.startCachingData = function () {
        this.select('textBox').val(feedbackCache.getCache());
        this.select('textBox').on('change', this.cacheFeedbackData.bind(this));
      };


      this.cacheFeedbackData = function () {
        feedbackCache.setCache(this.select('textBox').val());
      };

      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});
        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.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);
        }
      });

    });
  });