From 5d981a126850adb570fcba5f1fd1e721c4992da9 Mon Sep 17 00:00:00 2001
From: Peter Cottle <petermcottle@gmail.com>
Date: Sat, 5 Jan 2013 13:22:14 -0800
Subject: [PATCH] level toolbar thing

---
 build/bundle.js              | 76 +++++++++++++++++++++++++++++++++++-
 src/index.html               |  9 +++++
 src/js/views/commandViews.js |  1 -
 src/js/views/index.js        | 37 ++++++++++++++++++
 src/style/main.css           | 13 +++++-
 5 files changed, 132 insertions(+), 4 deletions(-)

diff --git a/build/bundle.js b/build/bundle.js
index cce6824c..0823647f 100644
--- a/build/bundle.js
+++ b/build/bundle.js
@@ -9648,6 +9648,42 @@ var ZoomAlertWindow = Backbone.View.extend({
   }
 });
 
+var LevelToolbar = BaseView.extend({
+  tagName: 'div',
+  template: _.template($('#level-toolbar-template').html()),
+
+  initialize: function(options) {
+    options = options || {};
+    this.JSON = {
+      levelName: options.levelName || 'Some level! (unknown name)'
+    };
+
+    this.beforeDestination = $($('#commandLineHistory div.toolbar')[0]);
+    this.render();
+
+    if (!options.wait) {
+      process.nextTick(_.bind(function() {
+        this.show();
+      }, this));
+    }
+  },
+
+  render: function() {
+    var HTML = this.template(this.JSON);
+
+    this.$el.html(HTML);
+    this.beforeDestination.after(this.el);
+  },
+
+  hide: function() {
+    this.$('div.toolbar').toggleClass('hidden', true);
+  },
+
+  show: function() {
+    this.$('div.toolbar').toggleClass('hidden', false);
+  }
+});
+
 var CanvasTerminalHolder = BaseView.extend({
   tagName: 'div',
   className: 'canvasTerminalHolder box flex1',
@@ -9700,6 +9736,7 @@ exports.ZoomAlertWindow = ZoomAlertWindow;
 exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
 
 exports.CanvasTerminalHolder = CanvasTerminalHolder;
+exports.LevelToolbar = LevelToolbar;
 
 
 });
@@ -15123,7 +15160,6 @@ var CommandLineHistoryView = Backbone.View.extend({
     var toDestroy = [];
 
     this.collection.each(function(command) {
-      console.log('this command', command, command.get('status'));
       if (command.get('status') !== 'inqueue' &&
           command.get('status') !== 'processing') {
         toDestroy.push(command);
@@ -19332,7 +19368,6 @@ var CommandLineHistoryView = Backbone.View.extend({
     var toDestroy = [];
 
     this.collection.each(function(command) {
-      console.log('this command', command, command.get('status'));
       if (command.get('status') !== 'inqueue' &&
           command.get('status') !== 'processing') {
         toDestroy.push(command);
@@ -19721,6 +19756,42 @@ var ZoomAlertWindow = Backbone.View.extend({
   }
 });
 
+var LevelToolbar = BaseView.extend({
+  tagName: 'div',
+  template: _.template($('#level-toolbar-template').html()),
+
+  initialize: function(options) {
+    options = options || {};
+    this.JSON = {
+      levelName: options.levelName || 'Some level! (unknown name)'
+    };
+
+    this.beforeDestination = $($('#commandLineHistory div.toolbar')[0]);
+    this.render();
+
+    if (!options.wait) {
+      process.nextTick(_.bind(function() {
+        this.show();
+      }, this));
+    }
+  },
+
+  render: function() {
+    var HTML = this.template(this.JSON);
+
+    this.$el.html(HTML);
+    this.beforeDestination.after(this.el);
+  },
+
+  hide: function() {
+    this.$('div.toolbar').toggleClass('hidden', true);
+  },
+
+  show: function() {
+    this.$('div.toolbar').toggleClass('hidden', false);
+  }
+});
+
 var CanvasTerminalHolder = BaseView.extend({
   tagName: 'div',
   className: 'canvasTerminalHolder box flex1',
@@ -19773,6 +19844,7 @@ exports.ZoomAlertWindow = ZoomAlertWindow;
 exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
 
 exports.CanvasTerminalHolder = CanvasTerminalHolder;
+exports.LevelToolbar = LevelToolbar;
 
 
 });
diff --git a/src/index.html b/src/index.html
index 788b5b8e..95379b94 100644
--- a/src/index.html
+++ b/src/index.html
@@ -90,6 +90,15 @@
       </div>
   </script>
 
+  <script type="text/html" id="level-toolbar-template">
+    <div class="toolbar level-toolbar box vertical transitionAll hidden">
+      <div>
+        <i class="icon-bolt"></i>
+          You are on level <%= levelName %>
+      </div>
+    </div>
+  </script>
+
   <script type="text/html" id="modal-view-template">
     <div class="contentHolder box vertical center flex1">
     </div>
diff --git a/src/js/views/commandViews.js b/src/js/views/commandViews.js
index 5763b57f..8835f7ac 100644
--- a/src/js/views/commandViews.js
+++ b/src/js/views/commandViews.js
@@ -331,7 +331,6 @@ var CommandLineHistoryView = Backbone.View.extend({
     var toDestroy = [];
 
     this.collection.each(function(command) {
-      console.log('this command', command, command.get('status'));
       if (command.get('status') !== 'inqueue' &&
           command.get('status') !== 'processing') {
         toDestroy.push(command);
diff --git a/src/js/views/index.js b/src/js/views/index.js
index dd4c8046..a36fe164 100644
--- a/src/js/views/index.js
+++ b/src/js/views/index.js
@@ -341,6 +341,42 @@ var ZoomAlertWindow = Backbone.View.extend({
   }
 });
 
+var LevelToolbar = BaseView.extend({
+  tagName: 'div',
+  template: _.template($('#level-toolbar-template').html()),
+
+  initialize: function(options) {
+    options = options || {};
+    this.JSON = {
+      levelName: options.levelName || 'Some level! (unknown name)'
+    };
+
+    this.beforeDestination = $($('#commandLineHistory div.toolbar')[0]);
+    this.render();
+
+    if (!options.wait) {
+      process.nextTick(_.bind(function() {
+        this.show();
+      }, this));
+    }
+  },
+
+  render: function() {
+    var HTML = this.template(this.JSON);
+
+    this.$el.html(HTML);
+    this.beforeDestination.after(this.el);
+  },
+
+  hide: function() {
+    this.$('div.toolbar').toggleClass('hidden', true);
+  },
+
+  show: function() {
+    this.$('div.toolbar').toggleClass('hidden', false);
+  }
+});
+
 var CanvasTerminalHolder = BaseView.extend({
   tagName: 'div',
   className: 'canvasTerminalHolder box flex1',
@@ -393,4 +429,5 @@ exports.ZoomAlertWindow = ZoomAlertWindow;
 exports.ConfirmCancelTerminal = ConfirmCancelTerminal;
 
 exports.CanvasTerminalHolder = CanvasTerminalHolder;
+exports.LevelToolbar = LevelToolbar;
 
diff --git a/src/style/main.css b/src/style/main.css
index 1b288d05..d8177b9c 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -140,7 +140,7 @@ div.canvasTerminalHolder {
 }
 
 div.canvasTerminalHolder > div.terminal-window-holder {
-  margin: 50px 0;
+  margin: 100px 0;
   height: 100%;
   -webkit-transform: translate3d(0,0,0);
 }
@@ -204,6 +204,17 @@ div.toolbar {
   -webkit-box-pack: center;
 }
 
+div.toolbar.level-toolbar {
+  background-image: -webkit-linear-gradient(top, #79F179, #29EE31);
+  border-radius: 0;
+  height: 50px;
+}
+
+div.toolbar.level-toolbar.hidden {
+  opacity: 0;
+  height: 0px;
+}
+
 div.toolbar > div.controls {
   position: absolute;
   top: 9px;