awesome work dialog editor legit

build/bundle.js

@@ -9684,12 +9684,15 @@ var BaseView = Backbone.View.extend({
     }
   },
 
-  render: function(HTML) {
+  renderAgain: function(HTML) {
     // flexibility
-    var destination = this.getDestination();
     HTML = HTML || this.template(this.JSON);
-
     this.$el.html(HTML);
+  },
+
+  render: function(HTML) {
+    this.renderAgain(HTML);
+    var destination = this.getDestination();
     $(destination).append(this.el);
   }
 });
@@ -15785,6 +15788,7 @@ LevelArbiter.prototype.validateLevel = function(level) {
 
   _.each(requiredFields, function(field) {
     if (level[field] === undefined) {
+      console.log(level);
       throw new Error('I need this field for a level: ' + field);
     }
   });
@@ -15850,13 +15854,10 @@ require.define("/src/levels/index.js",function(require,module,exports,__dirname,
 // a sequence proceed in the order listed here
 exports.levelSequences = {
   intro: [
-    require('../../levels/intro/1').level,
+    require('../../levels/intro/1').level
-    require('../../levels/intro/2').level
   ],
   rebase: [
-    require('../../levels/rebase/1').level,
+    require('../../levels/rebase/1').level
-    require('../../levels/rebase/2').level,
-    require('../../levels/rebase/3').level
   ]
 };
 
@@ -15877,6 +15878,7 @@ exports.sequenceInfo = {
 
 require.define("/src/levels/intro/1.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
   name: 'Introduction #1',
+  description: 'A description goes here',
   startDialog: {
     childViews: [{
       type: 'GitDemonstrationView',
@@ -15896,40 +15898,11 @@ require.define("/src/levels/intro/1.js",function(require,module,exports,__dirnam
 };
 
 
-});
-
-require.define("/src/levels/intro/2.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
 });
 
 require.define("/src/levels/rebase/1.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
   name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
+  description: 'Oh wut?',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
-});
-
-require.define("/src/levels/rebase/2.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
-});
-
-require.define("/src/levels/rebase/3.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
   goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
   solutionCommand: 'git checkout -b win; git commit',
   hint: 'Try checking out a branch named after Charlie Sheen'
@@ -17113,7 +17086,7 @@ var MarkdownGrabber = ContainedBase.extend({
 
       var confirmCancel = new Views.ConfirmCancelView({
         deferred: buttonDefer,
-        destination: this
+        destination: this.getDestination()
       });
     }
 
@@ -17152,6 +17125,12 @@ var MarkdownGrabber = ContainedBase.extend({
     return this.getRawText().split('\n');
   },
 
+  getExportObj: function() {
+    return {
+      markdowns: this.exportToArray()
+    };
+  },
+
   updatePreview: function() {
     var raw = this.getRawText();
     var HTML = require('markdown').markdown.toHTML(raw);
@@ -17163,6 +17142,9 @@ var DemonstrationBuilder = ContainedBase.extend({
   tagName: 'div',
   className: 'demonstrationBuilder box vertical',
   template: _.template($('#demonstration-builder').html()),
+  events: {
+    'click div.testButton': 'testView'
+  },
 
   initialize: function(options) {
     options = options || {};
@@ -17198,13 +17180,6 @@ var DemonstrationBuilder = ContainedBase.extend({
       previewText: 'After demonstration Markdown'
     });
 
-    // the test button
-    var testButton = new Views.GeneralButton({
-      destination: this.$('div.buttons')[0],
-      buttonText: 'Test View'
-    });
-    testButton.navEvents.on('click', this.testView, this);
-
     // build confirm button
     var buttonDeferred = Q.defer();
     var confirmCancel = new Views.ConfirmCancelView({
@@ -17251,9 +17226,125 @@ var DemonstrationBuilder = ContainedBase.extend({
   }
 });
 
+var MultiViewBuilder = ContainedBase.extend({
+  tagName: 'div',
+  className: 'multiViewBuilder box vertical',
+  template: _.template($('#multi-view-builder').html()),
+  typeToConstructor: {
+    ModalAlert: MarkdownGrabber,
+    GitDemonstrationView: DemonstrationBuilder
+  },
+
+  events: {
+    'click div.deleteButton': 'deleteView',
+    'click div.testButton': 'testOneView',
+    'click div.testEntireView': 'testEntireView',
+    'click div.addView': 'addView',
+    'click div.saveView': 'saveView',
+    'click div.cancelView': 'cancel'
+  },
+
+  initialize: function(options) {
+    options = options || {};
+    this.deferred = options.deferred || Q.defer();
+    this.multiViewJSON = options.multiViewJSON || {};
+
+    this.JSON = {
+      views: this.getChildViews(),
+      supportedViews: _.keys(this.typeToConstructor)
+    };
+
+    this.container = new ModalTerminal({
+      title: 'Build a MultiView!'
+    });
+    this.render();
+
+    this.show();
+  },
+
+  saveView: function() {
+    this.hide();
+    this.deferred.resolve(this.multiViewJSON);
+  },
+
+  cancel: function() {
+    this.hide();
+    this.deferred.resolve();
+  },
+
+  addView: function(ev) {
+    var el = ev.srcElement;
+    var type = $(el).attr('data-type');
+
+    var whenDone = Q.defer();
+    var Constructor = this.typeToConstructor[type];
+    var builder = new Constructor({
+      deferred: whenDone
+    });
+    whenDone.promise
+    .then(_.bind(function() {
+      var newView = {
+        type: type,
+        options: builder.getExportObj()
+      };
+      this.addChildViewObj(newView);
+    }, this))
+    .fail(function() {
+      // they dont want to add the view apparently, so just return
+    })
+    .done();
+  },
+
+  testOneView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toTest = this.getChildViews()[index];
+    new MultiView({
+      childViews: [toTest]
+    });
+  },
+
+  testEntireView: function() {
+    new MultiView({
+      childViews: this.getChildViews()
+    });
+  },
+
+  deleteView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toSlice = this.getChildViews();
+
+    var updated = toSlice.slice(0,index).concat(toSlice.slice(index + 1));
+    this.setChildViews(updated);
+    this.update();
+  },
+
+  addChildViewObj: function(newObj) {
+    var childViews = this.getChildViews();
+    childViews.push(newObj);
+    this.setChildViews(childViews);
+    this.update();
+  },
+
+  setChildViews: function(newArray) {
+    this.multiViewJSON.childViewJSONs = newArray;
+  },
+
+  getChildViews: function() {
+    return this.multiViewJSON.childViewJSONs || [];
+  },
+
+  update: function() {
+    this.JSON.views = this.getChildViews();
+    this.renderAgain();
+  }
+});
+
 exports.MarkdownGrabber = MarkdownGrabber;
 exports.DemonstrationBuilder = DemonstrationBuilder;
 exports.TextGrabber = TextGrabber;
+exports.MultiViewBuilder = MultiViewBuilder;
 
 
 });
@@ -19747,6 +19838,7 @@ LevelArbiter.prototype.validateLevel = function(level) {
 
   _.each(requiredFields, function(field) {
     if (level[field] === undefined) {
+      console.log(level);
       throw new Error('I need this field for a level: ' + field);
     }
   });
@@ -21828,7 +21920,7 @@ var MarkdownGrabber = ContainedBase.extend({
 
       var confirmCancel = new Views.ConfirmCancelView({
         deferred: buttonDefer,
-        destination: this
+        destination: this.getDestination()
       });
     }
 
@@ -21867,6 +21959,12 @@ var MarkdownGrabber = ContainedBase.extend({
     return this.getRawText().split('\n');
   },
 
+  getExportObj: function() {
+    return {
+      markdowns: this.exportToArray()
+    };
+  },
+
   updatePreview: function() {
     var raw = this.getRawText();
     var HTML = require('markdown').markdown.toHTML(raw);
@@ -21878,6 +21976,9 @@ var DemonstrationBuilder = ContainedBase.extend({
   tagName: 'div',
   className: 'demonstrationBuilder box vertical',
   template: _.template($('#demonstration-builder').html()),
+  events: {
+    'click div.testButton': 'testView'
+  },
 
   initialize: function(options) {
     options = options || {};
@@ -21913,13 +22014,6 @@ var DemonstrationBuilder = ContainedBase.extend({
       previewText: 'After demonstration Markdown'
     });
 
-    // the test button
-    var testButton = new Views.GeneralButton({
-      destination: this.$('div.buttons')[0],
-      buttonText: 'Test View'
-    });
-    testButton.navEvents.on('click', this.testView, this);
-
     // build confirm button
     var buttonDeferred = Q.defer();
     var confirmCancel = new Views.ConfirmCancelView({
@@ -21966,9 +22060,125 @@ var DemonstrationBuilder = ContainedBase.extend({
   }
 });
 
+var MultiViewBuilder = ContainedBase.extend({
+  tagName: 'div',
+  className: 'multiViewBuilder box vertical',
+  template: _.template($('#multi-view-builder').html()),
+  typeToConstructor: {
+    ModalAlert: MarkdownGrabber,
+    GitDemonstrationView: DemonstrationBuilder
+  },
+
+  events: {
+    'click div.deleteButton': 'deleteView',
+    'click div.testButton': 'testOneView',
+    'click div.testEntireView': 'testEntireView',
+    'click div.addView': 'addView',
+    'click div.saveView': 'saveView',
+    'click div.cancelView': 'cancel'
+  },
+
+  initialize: function(options) {
+    options = options || {};
+    this.deferred = options.deferred || Q.defer();
+    this.multiViewJSON = options.multiViewJSON || {};
+
+    this.JSON = {
+      views: this.getChildViews(),
+      supportedViews: _.keys(this.typeToConstructor)
+    };
+
+    this.container = new ModalTerminal({
+      title: 'Build a MultiView!'
+    });
+    this.render();
+
+    this.show();
+  },
+
+  saveView: function() {
+    this.hide();
+    this.deferred.resolve(this.multiViewJSON);
+  },
+
+  cancel: function() {
+    this.hide();
+    this.deferred.resolve();
+  },
+
+  addView: function(ev) {
+    var el = ev.srcElement;
+    var type = $(el).attr('data-type');
+
+    var whenDone = Q.defer();
+    var Constructor = this.typeToConstructor[type];
+    var builder = new Constructor({
+      deferred: whenDone
+    });
+    whenDone.promise
+    .then(_.bind(function() {
+      var newView = {
+        type: type,
+        options: builder.getExportObj()
+      };
+      this.addChildViewObj(newView);
+    }, this))
+    .fail(function() {
+      // they dont want to add the view apparently, so just return
+    })
+    .done();
+  },
+
+  testOneView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toTest = this.getChildViews()[index];
+    new MultiView({
+      childViews: [toTest]
+    });
+  },
+
+  testEntireView: function() {
+    new MultiView({
+      childViews: this.getChildViews()
+    });
+  },
+
+  deleteView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toSlice = this.getChildViews();
+
+    var updated = toSlice.slice(0,index).concat(toSlice.slice(index + 1));
+    this.setChildViews(updated);
+    this.update();
+  },
+
+  addChildViewObj: function(newObj) {
+    var childViews = this.getChildViews();
+    childViews.push(newObj);
+    this.setChildViews(childViews);
+    this.update();
+  },
+
+  setChildViews: function(newArray) {
+    this.multiViewJSON.childViewJSONs = newArray;
+  },
+
+  getChildViews: function() {
+    return this.multiViewJSON.childViewJSONs || [];
+  },
+
+  update: function() {
+    this.JSON.views = this.getChildViews();
+    this.renderAgain();
+  }
+});
+
 exports.MarkdownGrabber = MarkdownGrabber;
 exports.DemonstrationBuilder = DemonstrationBuilder;
 exports.TextGrabber = TextGrabber;
+exports.MultiViewBuilder = MultiViewBuilder;
 
 
 });
@@ -22632,12 +22842,15 @@ var BaseView = Backbone.View.extend({
     }
   },
 
-  render: function(HTML) {
+  renderAgain: function(HTML) {
     // flexibility
-    var destination = this.getDestination();
     HTML = HTML || this.template(this.JSON);
-
     this.$el.html(HTML);
+  },
+
+  render: function(HTML) {
+    this.renderAgain(HTML);
+    var destination = this.getDestination();
     $(destination).append(this.el);
   }
 });
@@ -26391,13 +26604,10 @@ require.define("/src/levels/index.js",function(require,module,exports,__dirname,
 // a sequence proceed in the order listed here
 exports.levelSequences = {
   intro: [
-    require('../../levels/intro/1').level,
+    require('../../levels/intro/1').level
-    require('../../levels/intro/2').level
   ],
   rebase: [
-    require('../../levels/rebase/1').level,
+    require('../../levels/rebase/1').level
-    require('../../levels/rebase/2').level,
-    require('../../levels/rebase/3').level
   ]
 };
 
@@ -26419,6 +26629,7 @@ require("/src/levels/index.js");
 
 require.define("/src/levels/intro/1.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
   name: 'Introduction #1',
+  description: 'A description goes here',
   startDialog: {
     childViews: [{
       type: 'GitDemonstrationView',
@@ -26441,19 +26652,9 @@ require.define("/src/levels/intro/1.js",function(require,module,exports,__dirnam
 });
 require("/src/levels/intro/1.js");
 
-require.define("/src/levels/intro/2.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
-});
-require("/src/levels/intro/2.js");
-
 require.define("/src/levels/rebase/1.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
   name: 'Introduction #1',
+  description: 'Oh wut?',
   goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
   solutionCommand: 'git checkout -b win; git commit',
   hint: 'Try checking out a branch named after Charlie Sheen'
@@ -26463,26 +26664,4 @@ require.define("/src/levels/rebase/1.js",function(require,module,exports,__dirna
 });
 require("/src/levels/rebase/1.js");
 
-require.define("/src/levels/rebase/2.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
-});
-require("/src/levels/rebase/2.js");
-
-require.define("/src/levels/rebase/3.js",function(require,module,exports,__dirname,__filename,process,global){exports.level = {
-  name: 'Introduction #1',
-  goalTreeString: '{"branches":{"master":{"target":"C1","id":"master"},"win":{"target":"C2","id":"win"}},"commits":{"C0":{"parents":[],"id":"C0","rootCommit":true},"C1":{"parents":["C0"],"id":"C1"},"C2":{"parents":["C1"],"id":"C2"}},"HEAD":{"target":"win","id":"HEAD"}}',
-  solutionCommand: 'git checkout -b win; git commit',
-  hint: 'Try checking out a branch named after Charlie Sheen'
-};
-
-
-});
-require("/src/levels/rebase/3.js");
-
 })();

index.html

@@ -235,6 +235,54 @@
     <div class="insideBuilder box vertical">
     </div>
     <div class="buttons box horizontal center">
+      <div class="uiButton testButton">
+        Test View
+      </div>
+    </div>
+  </script>
+
+  <script type="text/html" id="multi-view-builder">
+    <div class="viewSoFar box vertical">
+      <% if (!views.length) { %>
+        <h3> You have no views specified yet! Add some with the buttons below </h3>
+      <% } %>
+      <% for (var i = 0; i < views.length; i++) { %>
+        <div class="view box horizontal centerAlign justify">
+          <div class="box horizontal">
+            <div class="info">
+              View #<%= i + 1 %>: <%= views[i].type %>
+            </div>
+          </div>
+          <div class="singleViewButtons box horizontal">
+            <div class="uiButton uiButtonRed box deleteButton" data-index="<%=i%>">
+              Delete
+            </div>
+            <div class="uiButton box testButton" data-index="<%=i%>">
+              Test
+            </div>
+          </div>
+        </div>
+      <% } %>
+    </div>
+    <div class="buttons box horizontal center">
+      <% for (var i = 0; i < supportedViews.length; i++) { %>
+        <div class="uiButton addView uiButtonYellow" data-type="<%=supportedViews[i]%>">
+        Add <%=supportedViews[i]%> View
+        </div>
+      <% } %>
+    </div>
+    <div class="controlsForView box horizontal center">
+        <div class="uiButton uiButtonRed cancelView">
+          Cancel
+        </div>
+        <% if (views.length) { %>
+          <div class="uiButton uiButtonWhite testEntireView">
+            Test Entire View
+          </div>
+          <div class="uiButton saveView">
+            Save Entire View
+          </div>
+        <% } %>
    </div>
   </script>
 

src/js/level/arbiter.js

@@ -102,6 +102,7 @@ LevelArbiter.prototype.validateLevel = function(level) {
 
   _.each(requiredFields, function(field) {
     if (level[field] === undefined) {
+      console.log(level);
       throw new Error('I need this field for a level: ' + field);
     }
   });

src/js/views/builderViews.js

@@ -75,7 +75,7 @@ var MarkdownGrabber = ContainedBase.extend({
 
       var confirmCancel = new Views.ConfirmCancelView({
         deferred: buttonDefer,
-        destination: this
+        destination: this.getDestination()
       });
     }
 
@@ -114,6 +114,12 @@ var MarkdownGrabber = ContainedBase.extend({
     return this.getRawText().split('\n');
   },
 
+  getExportObj: function() {
+    return {
+      markdowns: this.exportToArray()
+    };
+  },
+
   updatePreview: function() {
     var raw = this.getRawText();
     var HTML = require('markdown').markdown.toHTML(raw);
@@ -125,6 +131,9 @@ var DemonstrationBuilder = ContainedBase.extend({
   tagName: 'div',
   className: 'demonstrationBuilder box vertical',
   template: _.template($('#demonstration-builder').html()),
+  events: {
+    'click div.testButton': 'testView'
+  },
 
   initialize: function(options) {
     options = options || {};
@@ -160,13 +169,6 @@ var DemonstrationBuilder = ContainedBase.extend({
       previewText: 'After demonstration Markdown'
     });
 
-    // the test button
-    var testButton = new Views.GeneralButton({
-      destination: this.$('div.buttons')[0],
-      buttonText: 'Test View'
-    });
-    testButton.navEvents.on('click', this.testView, this);
-
     // build confirm button
     var buttonDeferred = Q.defer();
     var confirmCancel = new Views.ConfirmCancelView({
@@ -213,7 +215,123 @@ var DemonstrationBuilder = ContainedBase.extend({
   }
 });
 
+var MultiViewBuilder = ContainedBase.extend({
+  tagName: 'div',
+  className: 'multiViewBuilder box vertical',
+  template: _.template($('#multi-view-builder').html()),
+  typeToConstructor: {
+    ModalAlert: MarkdownGrabber,
+    GitDemonstrationView: DemonstrationBuilder
+  },
+
+  events: {
+    'click div.deleteButton': 'deleteView',
+    'click div.testButton': 'testOneView',
+    'click div.testEntireView': 'testEntireView',
+    'click div.addView': 'addView',
+    'click div.saveView': 'saveView',
+    'click div.cancelView': 'cancel'
+  },
+
+  initialize: function(options) {
+    options = options || {};
+    this.deferred = options.deferred || Q.defer();
+    this.multiViewJSON = options.multiViewJSON || {};
+
+    this.JSON = {
+      views: this.getChildViews(),
+      supportedViews: _.keys(this.typeToConstructor)
+    };
+
+    this.container = new ModalTerminal({
+      title: 'Build a MultiView!'
+    });
+    this.render();
+
+    this.show();
+  },
+
+  saveView: function() {
+    this.hide();
+    this.deferred.resolve(this.multiViewJSON);
+  },
+
+  cancel: function() {
+    this.hide();
+    this.deferred.resolve();
+  },
+
+  addView: function(ev) {
+    var el = ev.srcElement;
+    var type = $(el).attr('data-type');
+
+    var whenDone = Q.defer();
+    var Constructor = this.typeToConstructor[type];
+    var builder = new Constructor({
+      deferred: whenDone
+    });
+    whenDone.promise
+    .then(_.bind(function() {
+      var newView = {
+        type: type,
+        options: builder.getExportObj()
+      };
+      this.addChildViewObj(newView);
+    }, this))
+    .fail(function() {
+      // they dont want to add the view apparently, so just return
+    })
+    .done();
+  },
+
+  testOneView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toTest = this.getChildViews()[index];
+    new MultiView({
+      childViews: [toTest]
+    });
+  },
+
+  testEntireView: function() {
+    new MultiView({
+      childViews: this.getChildViews()
+    });
+  },
+
+  deleteView: function(ev) {
+    var el = ev.srcElement;
+    var index = $(el).attr('data-index');
+    var toSlice = this.getChildViews();
+
+    var updated = toSlice.slice(0,index).concat(toSlice.slice(index + 1));
+    this.setChildViews(updated);
+    this.update();
+  },
+
+  addChildViewObj: function(newObj) {
+    var childViews = this.getChildViews();
+    childViews.push(newObj);
+    this.setChildViews(childViews);
+    this.update();
+  },
+
+  setChildViews: function(newArray) {
+    this.multiViewJSON.childViewJSONs = newArray;
+  },
+
+  getChildViews: function() {
+    return this.multiViewJSON.childViewJSONs || [];
+  },
+
+  update: function() {
+    this.JSON.views = this.getChildViews();
+    this.renderAgain();
+  }
+});
+
 exports.MarkdownGrabber = MarkdownGrabber;
 exports.DemonstrationBuilder = DemonstrationBuilder;
 exports.TextGrabber = TextGrabber;
+exports.MultiViewBuilder = MultiViewBuilder;
 

src/js/views/index.js

@@ -20,12 +20,15 @@ var BaseView = Backbone.View.extend({
     }
   },
 
-  render: function(HTML) {
+  renderAgain: function(HTML) {
     // flexibility
-    var destination = this.getDestination();
     HTML = HTML || this.template(this.JSON);
-
     this.$el.html(HTML);
+  },
+
+  render: function(HTML) {
+    this.renderAgain(HTML);
+    var destination = this.getDestination();
     $(destination).append(this.el);
   }
 });

src/levels/index.js

@@ -2,13 +2,10 @@
 // a sequence proceed in the order listed here
 exports.levelSequences = {
   intro: [
-    require('../../levels/intro/1').level,
+    require('../../levels/intro/1').level
-    require('../../levels/intro/2').level
   ],
   rebase: [
-    require('../../levels/rebase/1').level,
+    require('../../levels/rebase/1').level
-    require('../../levels/rebase/2').level,
-    require('../../levels/rebase/3').level
   ]
 };
 

src/style/main.css

@@ -737,6 +737,25 @@ div.levelIcon.solved div.index div.indexNum {
   display: none;
 }
 
+/* MultiView Builder */
+.multiViewBuilder div.view {
+  margin: 10px 0;
+}
+
+.multiViewBuilder .uiButton {
+  margin: 0 10px;
+}
+
+.multiViewBuilder .buttons {
+  margin: 20px 0;
+}
+
+.multiViewBuilder div.controlsForView {
+  margin: 10px 0;
+  border-top: 1px dashed grey;
+  padding-top: 10px;
+}
+
 /* DemonstrationBuilder */
 
 .demonstrationBuilder {