Initial commit

lib/assets/javascripts/builder/editor/components/overlay/overlay-view.js

@@ -0,0 +1,22 @@
+var CoreView = require('backbone/core-view');
+var template = require('./overlay.tpl');
+
+module.exports = CoreView.extend({
+  initialize: function (opts) {
+    if (!opts.overlayModel) throw new Error('overlayModel is required');
+    this.overlayModel = opts.overlayModel;
+    this._initBinds();
+  },
+
+  render: function () {
+    this.$el.empty();
+    this.$el.append(template({
+      visible: !this.overlayModel.get('visible') ? 'is-hidden' : ''
+    }));
+    return this;
+  },
+
+  _initBinds: function () {
+    this.listenTo(this.overlayModel, 'change:visible', this.render);
+  }
+});

lib/assets/javascripts/builder/editor/components/overlay/overlay.tpl

@@ -0,0 +1 @@
+<div class="Disable-overlay <%- visible %>"></div>