1 files changed, 77 insertions, 0 deletions
diff --git a/client/components/activities/activities.js b/client/components/activities/activities.js
new file mode 100644
index 00000000..c806e87b
--- /dev/null
+++ b/client/components/activities/activities.js
@@ -0,0 +1,77 @@
+var activitiesPerPage = 20;
+
+BlazeComponent.extendComponent({
+  template: function() {
+    return 'activities';
+  },
+
+  onCreated: function() {
+    var self = this;
+    // XXX Should we use ReactiveNumber?
+    self.page = new ReactiveVar(1);
+    self.loadNextPageLocked = false;
+    var sidebar = self.componentParent(); // XXX for some reason not working
+    sidebar.callFirstWith(null, 'resetNextPeak');
+    self.autorun(function() {
+      var mode = self.data().mode;
+      var capitalizedMode = Utils.capitalize(mode);
+      var id = Session.get('current' + capitalizedMode);
+      var limit = self.page.get() * activitiesPerPage;
+      if (id === null)
+        return;
+
+      self.subscribe('activities', mode, id, limit, function() {
+        self.loadNextPageLocked = false;
+
+        // If the sibear peak hasn't increased, that mean that there are no more
+        // activities, and we can stop calling new subscriptions.
+        // XXX This is hacky! We need to know excatly and reactively how many
+        // activities there are, we probably want to denormalize this number
+        // dirrectly into card and board documents.
+        var a = sidebar.callFirstWith(null, 'getNextPeak');
+        sidebar.calculateNextPeak();
+        var b = sidebar.callFirstWith(null, 'getNextPeak');
+        if (a === b) {
+          sidebar.callFirstWith(null, 'resetNextPeak');
+        }
+      });
+    });
+  },
+
+  loadNextPage: function() {
+    if (this.loadNextPageLocked === false) {
+      this.page.set(this.page.get() + 1);
+      this.loadNextPageLocked = true;
+    }
+  },
+
+  boardLabel: function() {
+    return TAPi18n.__('this-board');
+  },
+
+  cardLabel: function() {
+    return TAPi18n.__('this-card');
+  },
+
+  cardLink: function() {
+    var card = this.currentData().card();
+    return Blaze.toHTML(HTML.A({
+      href: card.absoluteUrl(),
+      'class': 'action-card'
+    }, card.title));
+  },
+
+  memberLink: function() {
+    return Blaze.toHTMLWithData(Template.memberName, {
+      user: this.currentData().member()
+    });
+  },
+
+  attachmentLink: function() {
+    var attachment = this.currentData().attachment();
+    return Blaze.toHTML(HTML.A({
+      href: attachment.url(),
+      'class': 'js-open-attachment-viewer'
+    }, attachment.name()));
+  }
+}).register('activities');