From fc01c93c276cecb946f877ae252041cf3f8651ed Mon Sep 17 00:00:00 2001
From: Michael Crosby <crosby.michael@gmail.com>
Date: Tue, 18 Jun 2013 15:10:13 -0900
Subject: [PATCH] Add builder partial

---
 css/app.css           |  9 +++++++++
 js/app.js             |  1 +
 js/controllers.js     |  4 ++++
 partials/builder.html | 17 +++++++++++++++++
 partials/images.html  |  4 ++--
 5 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 partials/builder.html

diff --git a/css/app.css b/css/app.css
index d7833aac6..a7311bf20 100644
--- a/css/app.css
+++ b/css/app.css
@@ -101,3 +101,12 @@
     width: 80%;
     margin: 0 auto;
   }
+
+#editor { 
+    height: 300px;
+    width: 475px;
+    border: 1px solid #DDD;
+    border-radius: 4px;
+    border-bottom-right-radius: 0px;
+    margin-top: 5px;
+}
diff --git a/js/app.js b/js/app.js
index 386179a67..94a2a0885 100644
--- a/js/app.js
+++ b/js/app.js
@@ -8,6 +8,7 @@ angular.module('dockerui', ['dockerui.services', 'dockerui.filters'])
         $routeProvider.when('/images/', {templateUrl: 'partials/images.html', controller: 'ImagesController'});
         $routeProvider.when('/images/:id/', {templateUrl: 'partials/image.html', controller: 'ImageController'});
         $routeProvider.when('/settings', {templateUrl: 'partials/settings.html', controller: 'SettingsController'});
+        $routeProvider.when('/build', {templateUrl: 'partials/builder.html', controller: 'BuilderController'});
         $routeProvider.otherwise({redirectTo: '/'});
     }])
     // This is your docker url that the api will use to make requests
diff --git a/js/controllers.js b/js/controllers.js
index 15abcd983..7053e2a5a 100644
--- a/js/controllers.js
+++ b/js/controllers.js
@@ -278,6 +278,10 @@ function StartContainerController($scope, $routeParams, $location, Container) {
     };
 }
 
+function BuilderController($scope, Image) {
+    $('#response').hide();
+}
+
 function setSuccessfulResponse($scope, msg, msgId) {
     $scope.alertClass = 'success';
     $scope.response = msg;
diff --git a/partials/builder.html b/partials/builder.html
new file mode 100644
index 000000000..30c373141
--- /dev/null
+++ b/partials/builder.html
@@ -0,0 +1,17 @@
+<!--<script src="/lib/ace/src/ace.js" type="text/javascript" charset="utf-8"></script>-->
+
+<h2>Builder:</h2>
+
+<div id="response" class="alert alert-{{ alertClass }}">
+    {{ response }}
+</div>
+
+<div id="editor">
+
+</div>
+
+<script>
+    var editor = ace.edit("editor");
+    editor.setTheme("/lib/ace/theme/monokai");
+    editor.getSession().setMode("/lib/ace/mode/javascript");
+</script>
diff --git a/partials/images.html b/partials/images.html
index e6549e9a1..161ce2d16 100644
--- a/partials/images.html
+++ b/partials/images.html
@@ -2,9 +2,9 @@
 <h2>Images:</h2>
 
     <div id="response" class="alert alert-{{ alertClass }}">
-        {{ response }}        
+        {{ response }}
     </div>
-
+<a href="/#/build/">Build Image</a>
 <table class="table table-striped">
     <thead>
         <tr>