Initial commit

lib/assets/javascripts/builder/vis-notifications.js

@@ -0,0 +1,62 @@
+var _ = require('underscore');
+var Notifier = require('builder/components/notifier/notifier');
+
+var NOTIFICATION_ID = 'visNotification';
+var NOTIFICATION_TEMPLATE = _.template("<span class='CDB-Text is-semibold u-errorTextColor'><%= title %></span>&nbsp;<%= body %>");
+var ERROR_NOTIFICATION_TEMPLATE = _.template('<%- message %> <%- body %>');
+
+var VisNotifications = {
+
+  track: function (vis) {
+    vis.on('change:error', this._toggleVisErrorNotification, this);
+    this._toggleVisErrorNotification(vis);
+  },
+
+  _toggleVisErrorNotification: function (vis) {
+    var error = vis.get('error');
+    if (error) {
+      this._showVisErrorNotification(error.message);
+    } else {
+      this._hideVisErrorNotification();
+    }
+  },
+
+  _showVisErrorNotification: function (message) {
+    Notifier.addNotification(this._getNotificationAttrs(message));
+  },
+
+  _hideVisErrorNotification: function () {
+    if (Notifier.getNotification(NOTIFICATION_ID)) {
+      Notifier.removeNotification(NOTIFICATION_ID);
+    }
+  },
+
+  _getNotificationAttrs: function (message) {
+    var body = _t('notifications.vis.failed.body');
+    if (message) {
+      body = ERROR_NOTIFICATION_TEMPLATE({
+        message: this._period(message),
+        body: body
+      });
+    }
+
+    return {
+      id: NOTIFICATION_ID,
+      status: 'error',
+      info: NOTIFICATION_TEMPLATE({
+        title: _t('notifications.vis.failed.title'),
+        body: body
+      }),
+      closable: false
+    };
+  },
+
+  _period: function (text) {
+    if (text && !/\.$/.test(text)) {
+      return text + '.';
+    }
+    return text;
+  }
+};
+
+module.exports = VisNotifications;