Initial commit

lib/assets/javascripts/builder/components/error/error-view.js

@@ -0,0 +1,41 @@
+var _ = require('underscore');
+var Backbone = require('backbone');
+var CoreView = require('backbone/core-view');
+var cdb = require('internal-carto.js');
+var baseTemplate = require('./error.tpl');
+
+/**
+ * A typical error view.
+ * @param {Object} options
+ * @param {String} options.title If not provided will use a generic text as fallback
+ * @param {String} options.desc If not provied will use a generic text as fallback
+ */
+module.exports = CoreView.extend({
+
+  className: 'IntermediateInfo',
+
+  initialize: function (opts) {
+    var attrs = _.defaults(
+      _.pick(opts, ['title', 'desc']),
+      {
+        title: _t('components.error.default-title'),
+        desc: _t('components.error.default-desc')
+      }
+    );
+    this._template = this.options && this.options.template || baseTemplate;
+    this.model = new Backbone.Model(attrs);
+  },
+
+  render: function () {
+    this.$el.html(this._html());
+    return this;
+  },
+
+  _html: function () {
+    var m = this.model;
+    return this._template({
+      title: m.get('title'),
+      desc: cdb.core.sanitize.html(m.get('desc'))
+    });
+  }
+});

lib/assets/javascripts/builder/components/error/error.tpl

@@ -0,0 +1,5 @@
+<div class="LayoutIcon LayoutIcon--negative">
+  <i class="CDB-IconFont CDB-IconFont-cockroach"></i>
+</div>
+<h3 class="CDB-Text CDB-Size-large u-mainTextColor u-errorTextColor u-bSpace--m u-tSpace-xl"><%- title %></h3>
+<p class="CDB-Text CDB-Size-medium u-altTextColor"><%= desc %></p>