1 files changed, 50 insertions, 0 deletions
diff --git a/web-ui/app/js/mail_list_actions/ui/mail_list_actions.js b/web-ui/app/js/mail_list_actions/ui/mail_list_actions.js
new file mode 100644
index 00000000..146d0780
--- /dev/null
+++ b/web-ui/app/js/mail_list_actions/ui/mail_list_actions.js
@@ -0,0 +1,50 @@
+'use strict';
+
+define(
+  [
+    'flight/lib/component',
+    'views/templates',
+    'mail_list_actions/ui/compose_trigger',
+    'mail_list_actions/ui/refresh_trigger',
+    'mail_list/domain/refresher',
+    'mail_list_actions/ui/toggle_check_all_trigger',
+    'mail_list_actions/ui/pagination_trigger',
+    'mail_list_actions/ui/delete_many_trigger',
+    'mail_list_actions/ui/mark_many_as_read_trigger',
+    'mail_list_actions/ui/mark_as_unread_trigger'
+  ],
+
+  function (
+    defineComponent,
+    templates,
+    composeTrigger,
+    refreshTrigger,
+    refresher,
+    toggleCheckAllMailTrigger,
+    paginationTrigger,
+    deleteManyTrigger,
+    markManyAsReadTrigger,
+    markAsUnreadTrigger
+  ) {
+
+    return defineComponent(mailsActions);
+
+    function mailsActions() {
+      this.render = function() {
+        this.$node.html(templates.mailActions.actionsBox);
+        refreshTrigger.attachTo('#refresh-trigger');
+        composeTrigger.attachTo('#compose-trigger');
+        toggleCheckAllMailTrigger.attachTo('#toggle-check-all-emails');
+        paginationTrigger.attachTo('#pagination-trigger');
+        deleteManyTrigger.attachTo('#delete-selected');
+        markManyAsReadTrigger.attachTo('#mark-selected-as-read');
+        markAsUnreadTrigger.attachTo('#mark-selected-as-unread');
+        refresher.attachTo(document);
+      };
+
+      this.after('initialize', function () {
+        this.render();
+      });
+    }
+  }
+);