1 files changed, 74 insertions, 0 deletions
diff --git a/web-ui/app/js/dispatchers/middle_pane_dispatcher.js b/web-ui/app/js/dispatchers/middle_pane_dispatcher.js
new file mode 100644
index 00000000..12222aec
--- /dev/null
+++ b/web-ui/app/js/dispatchers/middle_pane_dispatcher.js
@@ -0,0 +1,74 @@
+/*
+ * Copyright (c) 2014 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', 'page/events', 'helpers/triggering', 'mail_view/ui/no_mails_available_pane'], function(defineComponent, events, triggering, NoMailsAvailablePane) {
+  'use strict';
+
+  return defineComponent(function() {
+    this.defaultAttrs({
+      middlePane: '#middle-pane',
+      noMailsAvailablePane: 'no-mails-available-pane'
+    });
+
+    this.createChildDiv = function (component_id) {
+      var child_div = $('<div>', {id: component_id});
+      this.select('middlePane').append(child_div);
+      return child_div;
+    };
+
+    this.resetChildDiv = function(component_id) {
+      $('#' + component_id).remove();
+    };
+
+    this.refreshMailList =  function (ev, data) {
+      this.trigger(document, events.ui.mails.fetchByTag, data);
+    };
+
+    this.cleanSelected = function(ev, data) {
+      this.trigger(document, events.ui.mails.cleanSelected);
+    };
+
+    this.resetScroll = function() {
+      this.select('middlePane').scrollTop(0);
+    };
+
+    this.updateMiddlePaneHeight = function() {
+        var vh = $(window).height();
+        var top = $('#main').outerHeight() + $('#top-pane').outerHeight();
+        this.select('middlePane').css({height: (vh - top) + 'px'});
+    };
+
+    this.onMailsChange = function (ev, data) {
+      this.resetChildDiv(this.attr.noMailsAvailablePane);
+      if (data.mails.length > 0) {
+        NoMailsAvailablePane.teardownAll();
+      } else {
+        var child_div = this.createChildDiv(this.attr.noMailsAvailablePane);
+        NoMailsAvailablePane.attachTo(child_div, {tag: data.tag, forSearch: data.forSearch});
+      }
+    };
+
+    this.after('initialize', function () {
+      this.on(document, events.dispatchers.middlePane.refreshMailList, this.refreshMailList);
+      this.on(document, events.dispatchers.middlePane.cleanSelected, this.cleanSelected);
+      this.on(document, events.dispatchers.middlePane.resetScroll, this.resetScroll);
+      this.on(document, events.mails.available, this.onMailsChange);
+
+      this.updateMiddlePaneHeight();
+      $(window).on('resize', this.updateMiddlePaneHeight.bind(this));
+    });
+  });
+});