From 314fc51f6d8a669ee0d53e4d7f1ede5a48111ac6 Mon Sep 17 00:00:00 2001
From: Kevan Ahlquist <ahlqu039@umn.edu>
Date: Sun, 25 Jan 2015 18:12:34 -0600
Subject: [PATCH] Updated /dist for release.

---
 dist/angular.js                               |   9 +
 .../ui-bootstrap-custom-tpls-0.12.0.min.js    |   8 +
 dist/dockerui.js                              | 401 +++++++++++++++---
 dist/index.html                               |   6 +-
 dist/templates/app.js                         | 258 +++++++++--
 5 files changed, 599 insertions(+), 83 deletions(-)
 create mode 100644 dist/assets/js/ui-bootstrap/ui-bootstrap-custom-tpls-0.12.0.min.js

diff --git a/dist/angular.js b/dist/angular.js
index cedbd4c38..09000f025 100644
--- a/dist/angular.js
+++ b/dist/angular.js
@@ -228,3 +228,12 @@ var B={get:{method:"GET"},save:{method:"POST"},query:{method:"GET",isArray:!0},r
 g[c]:r.defaults[c];a.isDefined(f)&&null!==f?(p=encodeURIComponent(f).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"%20").replace(/%26/gi,"&").replace(/%3D/gi,"=").replace(/%2B/gi,"+"),e=e.replace(RegExp(":"+c+"(\\W|$)","g"),p+"$1")):e=e.replace(RegExp("(/?):"+c+"(\\W|$)","g"),function(a,c,d){return"/"==d.charAt(0)?d:c+d})});e=e.replace(/\/+$/,"");e=e.replace(/\/\.(?=\w+($|\?))/,".");c.url=e.replace(/\/\\\./,"/.");s(g,function(a,e){r.urlParams[e]||
 (c.params=c.params||{},c.params[e]=a)})}};return t}])})(window,window.angular);
 //# sourceMappingURL=angular-resource.min.js.map
+
+/*
+ * angular-ui-bootstrap
+ * http://angular-ui.github.io/bootstrap/
+
+ * Version: 0.12.0 - 2014-11-16
+ * License: MIT
+ */
+angular.module("ui.bootstrap",["ui.bootstrap.tpls","ui.bootstrap.accordion","ui.bootstrap.collapse","ui.bootstrap.transition"]),angular.module("ui.bootstrap.tpls",["template/accordion/accordion-group.html","template/accordion/accordion.html"]),angular.module("ui.bootstrap.accordion",["ui.bootstrap.collapse"]).constant("accordionConfig",{closeOthers:!0}).controller("AccordionController",["$scope","$attrs","accordionConfig",function(n,o,i){this.groups=[],this.closeOthers=function(t){var e=angular.isDefined(o.closeOthers)?n.$eval(o.closeOthers):i.closeOthers;e&&angular.forEach(this.groups,function(n){n!==t&&(n.isOpen=!1)})},this.addGroup=function(n){var o=this;this.groups.push(n),n.$on("$destroy",function(){o.removeGroup(n)})},this.removeGroup=function(n){var o=this.groups.indexOf(n);-1!==o&&this.groups.splice(o,1)}}]).directive("accordion",function(){return{restrict:"EA",controller:"AccordionController",transclude:!0,replace:!1,templateUrl:"template/accordion/accordion.html"}}).directive("accordionGroup",function(){return{require:"^accordion",restrict:"EA",transclude:!0,replace:!0,templateUrl:"template/accordion/accordion-group.html",scope:{heading:"@",isOpen:"=?",isDisabled:"=?"},controller:function(){this.setHeading=function(n){this.heading=n}},link:function(n,o,i,t){t.addGroup(n),n.$watch("isOpen",function(o){o&&t.closeOthers(n)}),n.toggleOpen=function(){n.isDisabled||(n.isOpen=!n.isOpen)}}}}).directive("accordionHeading",function(){return{restrict:"EA",transclude:!0,template:"",replace:!0,require:"^accordionGroup",link:function(n,o,i,t,e){t.setHeading(e(n,function(){}))}}}).directive("accordionTransclude",function(){return{require:"^accordionGroup",link:function(n,o,i,t){n.$watch(function(){return t[i.accordionTransclude]},function(n){n&&(o.html(""),o.append(n))})}}}),angular.module("ui.bootstrap.collapse",["ui.bootstrap.transition"]).directive("collapse",["$transition",function(n){return{link:function(o,i,t){function e(o){function t(){l===e&&(l=void 0)}var e=n(i,o);return l&&l.cancel(),l=e,e.then(t,t),e}function a(){u?(u=!1,r()):(i.removeClass("collapse").addClass("collapsing"),e({height:i[0].scrollHeight+"px"}).then(r))}function r(){i.removeClass("collapsing"),i.addClass("collapse in"),i.css({height:"auto"})}function c(){if(u)u=!1,s(),i.css({height:0});else{i.css({height:i[0].scrollHeight+"px"});{i[0].offsetWidth}i.removeClass("collapse in").addClass("collapsing"),e({height:0}).then(s)}}function s(){i.removeClass("collapsing"),i.addClass("collapse")}var l,u=!0;o.$watch(t.collapse,function(n){n?c():a()})}}}]),angular.module("ui.bootstrap.transition",[]).factory("$transition",["$q","$timeout","$rootScope",function(n,o,i){function t(n){for(var o in n)if(void 0!==a.style[o])return n[o]}var e=function(t,a,r){r=r||{};var c=n.defer(),s=e[r.animation?"animationEndEventName":"transitionEndEventName"],l=function(){i.$apply(function(){t.unbind(s,l),c.resolve(t)})};return s&&t.bind(s,l),o(function(){angular.isString(a)?t.addClass(a):angular.isFunction(a)?a(t):angular.isObject(a)&&t.css(a),s||c.resolve(t)}),c.promise.cancel=function(){s&&t.unbind(s,l),c.reject("Transition cancelled")},c.promise},a=document.createElement("trans"),r={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"},c={WebkitTransition:"webkitAnimationEnd",MozTransition:"animationend",OTransition:"oAnimationEnd",transition:"animationend"};return e.transitionEndEventName=t(r),e.animationEndEventName=t(c),e}]),angular.module("template/accordion/accordion-group.html",[]).run(["$templateCache",function(n){n.put("template/accordion/accordion-group.html",'<div class="panel panel-default">\n  <div class="panel-heading">\n    <h4 class="panel-title">\n      <a href class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"><span ng-class="{\'text-muted\': isDisabled}">{{heading}}</span></a>\n    </h4>\n  </div>\n  <div class="panel-collapse" collapse="!isOpen">\n	  <div class="panel-body" ng-transclude></div>\n  </div>\n</div>\n')}]),angular.module("template/accordion/accordion.html",[]).run(["$templateCache",function(n){n.put("template/accordion/accordion.html",'<div class="panel-group" ng-transclude></div>')}]);
\ No newline at end of file
diff --git a/dist/assets/js/ui-bootstrap/ui-bootstrap-custom-tpls-0.12.0.min.js b/dist/assets/js/ui-bootstrap/ui-bootstrap-custom-tpls-0.12.0.min.js
new file mode 100644
index 000000000..c9e65424f
--- /dev/null
+++ b/dist/assets/js/ui-bootstrap/ui-bootstrap-custom-tpls-0.12.0.min.js
@@ -0,0 +1,8 @@
+/*
+ * angular-ui-bootstrap
+ * http://angular-ui.github.io/bootstrap/
+
+ * Version: 0.12.0 - 2014-11-16
+ * License: MIT
+ */
+angular.module("ui.bootstrap",["ui.bootstrap.tpls","ui.bootstrap.accordion","ui.bootstrap.collapse","ui.bootstrap.transition"]),angular.module("ui.bootstrap.tpls",["template/accordion/accordion-group.html","template/accordion/accordion.html"]),angular.module("ui.bootstrap.accordion",["ui.bootstrap.collapse"]).constant("accordionConfig",{closeOthers:!0}).controller("AccordionController",["$scope","$attrs","accordionConfig",function(n,o,i){this.groups=[],this.closeOthers=function(t){var e=angular.isDefined(o.closeOthers)?n.$eval(o.closeOthers):i.closeOthers;e&&angular.forEach(this.groups,function(n){n!==t&&(n.isOpen=!1)})},this.addGroup=function(n){var o=this;this.groups.push(n),n.$on("$destroy",function(){o.removeGroup(n)})},this.removeGroup=function(n){var o=this.groups.indexOf(n);-1!==o&&this.groups.splice(o,1)}}]).directive("accordion",function(){return{restrict:"EA",controller:"AccordionController",transclude:!0,replace:!1,templateUrl:"template/accordion/accordion.html"}}).directive("accordionGroup",function(){return{require:"^accordion",restrict:"EA",transclude:!0,replace:!0,templateUrl:"template/accordion/accordion-group.html",scope:{heading:"@",isOpen:"=?",isDisabled:"=?"},controller:function(){this.setHeading=function(n){this.heading=n}},link:function(n,o,i,t){t.addGroup(n),n.$watch("isOpen",function(o){o&&t.closeOthers(n)}),n.toggleOpen=function(){n.isDisabled||(n.isOpen=!n.isOpen)}}}}).directive("accordionHeading",function(){return{restrict:"EA",transclude:!0,template:"",replace:!0,require:"^accordionGroup",link:function(n,o,i,t,e){t.setHeading(e(n,function(){}))}}}).directive("accordionTransclude",function(){return{require:"^accordionGroup",link:function(n,o,i,t){n.$watch(function(){return t[i.accordionTransclude]},function(n){n&&(o.html(""),o.append(n))})}}}),angular.module("ui.bootstrap.collapse",["ui.bootstrap.transition"]).directive("collapse",["$transition",function(n){return{link:function(o,i,t){function e(o){function t(){l===e&&(l=void 0)}var e=n(i,o);return l&&l.cancel(),l=e,e.then(t,t),e}function a(){u?(u=!1,r()):(i.removeClass("collapse").addClass("collapsing"),e({height:i[0].scrollHeight+"px"}).then(r))}function r(){i.removeClass("collapsing"),i.addClass("collapse in"),i.css({height:"auto"})}function c(){if(u)u=!1,s(),i.css({height:0});else{i.css({height:i[0].scrollHeight+"px"});{i[0].offsetWidth}i.removeClass("collapse in").addClass("collapsing"),e({height:0}).then(s)}}function s(){i.removeClass("collapsing"),i.addClass("collapse")}var l,u=!0;o.$watch(t.collapse,function(n){n?c():a()})}}}]),angular.module("ui.bootstrap.transition",[]).factory("$transition",["$q","$timeout","$rootScope",function(n,o,i){function t(n){for(var o in n)if(void 0!==a.style[o])return n[o]}var e=function(t,a,r){r=r||{};var c=n.defer(),s=e[r.animation?"animationEndEventName":"transitionEndEventName"],l=function(){i.$apply(function(){t.unbind(s,l),c.resolve(t)})};return s&&t.bind(s,l),o(function(){angular.isString(a)?t.addClass(a):angular.isFunction(a)?a(t):angular.isObject(a)&&t.css(a),s||c.resolve(t)}),c.promise.cancel=function(){s&&t.unbind(s,l),c.reject("Transition cancelled")},c.promise},a=document.createElement("trans"),r={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"},c={WebkitTransition:"webkitAnimationEnd",MozTransition:"animationend",OTransition:"oAnimationEnd",transition:"animationend"};return e.transitionEndEventName=t(r),e.animationEndEventName=t(c),e}]),angular.module("template/accordion/accordion-group.html",[]).run(["$templateCache",function(n){n.put("template/accordion/accordion-group.html",'<div class="panel panel-default">\n  <div class="panel-heading">\n    <h4 class="panel-title">\n      <a href class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"><span ng-class="{\'text-muted\': isDisabled}">{{heading}}</span></a>\n    </h4>\n  </div>\n  <div class="panel-collapse" collapse="!isOpen">\n	  <div class="panel-body" ng-transclude></div>\n  </div>\n</div>\n')}]),angular.module("template/accordion/accordion.html",[]).run(["$templateCache",function(n){n.put("template/accordion/accordion.html",'<div class="panel-group" ng-transclude></div>')}]);
\ No newline at end of file
diff --git a/dist/dockerui.js b/dist/dockerui.js
index 1cec52022..67b0d0359 100644
--- a/dist/dockerui.js
+++ b/dist/dockerui.js
@@ -1,4 +1,4 @@
-/*! dockerui - v0.6.0 - 2015-01-18
+/*! dockerui - v0.6.0 - 2015-01-25
  * https://github.com/crosbymichael/dockerui
  * Copyright (c) 2015 Michael Crosby;
  * Licensed MIT
@@ -17,10 +17,10 @@ angular.module('dockerui', ['dockerui.templates', 'ngRoute', 'dockerui.services'
     }])
     // This is your docker url that the api will use to make requests
     // You need to set this to the api endpoint without the port i.e. http://192.168.1.9
-    .constant('DOCKER_ENDPOINT', '/dockerapi')
+    .constant('DOCKER_ENDPOINT', 'dockerapi')
     .constant('DOCKER_PORT', '') // Docker port, leave as an empty string if no port is requred.  If you have a port, prefix it with a ':' i.e. :4243
     .constant('UI_VERSION', 'v0.6.0')
-    .constant('DOCKER_API_VERSION', 'v1.15');
+    .constant('DOCKER_API_VERSION', 'v1.16');
 
 angular.module('builder', [])
 .controller('BuilderController', ['$scope', 'Dockerfile', 'Messages',
@@ -501,44 +501,108 @@ function($scope, Container, Settings) {
     });
 }]);
 
-angular.module('startContainer', [])
-.controller('StartContainerController', ['$scope', '$routeParams', '$location', 'Container', 'Messages',
-function($scope, $routeParams, $location, Container, Messages) {
+angular.module('startContainer', ['ui.bootstrap'])
+.controller('StartContainerController', ['$scope', '$routeParams', '$location', 'Container', 'Messages', 'containernameFilter', 'errorMsgFilter',
+function($scope, $routeParams, $location, Container, Messages, containernameFilter, errorMsgFilter) {
     $scope.template = 'app/components/startContainer/startcontainer.html';
+
+    Container.query({all: 1}, function(d) {
+        $scope.containerNames = d.map(function(container){
+            return containernameFilter(container);
+        });
+    });
+
     $scope.config = {
-        name: '',
-        memory: 0,
-        memorySwap: 0,
-        cpuShares: 1024,
-        env: '',
-        commands: '',
-        volumesFrom: ''
+        Env: [],
+        Volumes: [],
+        SecurityOpts: [],
+        HostConfig: {
+            PortBindings: [],
+            Binds: [],
+            Links: [],
+            Dns: [],
+            DnsSearch: [],
+            VolumesFrom: [],
+            CapAdd: [],
+            CapDrop: []
+        }
+    };
+
+    $scope.menuStatus = {
+        containerOpen: true,
+        hostConfigOpen: false
     };
-    $scope.commandPlaceholder = '["/bin/echo", "Hello world"]';
 
     function failedRequestHandler(e, Messages) {
-        Messages.send({class: 'text-error', data: e.data});
+        Messages.error('Error', errorMsgFilter(e));
+    }
+
+    function rmEmptyKeys(col) {
+        for (var key in col) {
+            if (col[key] === null || col[key] === undefined || col[key] === '' || $.isEmptyObject(col[key]) || col[key].length === 0) {
+                delete col[key];
+            }
+        }
+    }
+
+    function getNames(arr) {
+        return arr.map(function(item) {return item.name;});
     }
 
     $scope.create = function() {
-        var cmds = null;
-        if ($scope.config.commands !== '') {
-            cmds = angular.fromJson($scope.config.commands);
+        // Copy the config before transforming fields to the remote API format
+        var config = angular.copy($scope.config);
+
+        config.Image = $routeParams.id;
+
+        if (config.Cmd && config.Cmd[0] === "[") {
+            config.Cmd = angular.fromJson(config.Cmd);
         }
-        var id = $routeParams.id;
+
+        config.Env = config.Env.map(function(envar) {return envar.name + '=' + envar.value;});
+
+        config.Volumes = getNames(config.Volumes);
+        config.SecurityOpts = getNames(config.SecurityOpts);
+
+        config.HostConfig.VolumesFrom = getNames(config.HostConfig.VolumesFrom);
+        config.HostConfig.Binds = getNames(config.HostConfig.Binds);
+        config.HostConfig.Links = getNames(config.HostConfig.Links);
+        config.HostConfig.Dns = getNames(config.HostConfig.Dns);
+        config.HostConfig.DnsSearch = getNames(config.HostConfig.DnsSearch);
+        config.HostConfig.CapAdd = getNames(config.HostConfig.CapAdd);
+        config.HostConfig.CapDrop = getNames(config.HostConfig.CapDrop);
+
+        var ExposedPorts = {};
+        var PortBindings = {};
+        // TODO: consider using compatibility library 
+        config.HostConfig.PortBindings.forEach(function(portBinding) {
+            var intPort = portBinding.intPort + "/tcp";
+            var binding = {
+                HostIp: portBinding.ip,
+                HostPort: portBinding.extPort
+            };
+            if (portBinding.intPort) {
+                ExposedPorts[intPort] = {};
+                if (intPort in PortBindings) {
+                    PortBindings[intPort].push(binding);
+                } else {
+                    PortBindings[intPort] = [binding];
+                }
+            } else {
+                // TODO: Send warning message? Internal port need to be specified.
+            }
+        });
+        config.ExposedPorts = ExposedPorts;
+        config.HostConfig.PortBindings = PortBindings;
+
+        // Remove empty fields from the request to avoid overriding defaults
+        rmEmptyKeys(config.HostConfig);
+        rmEmptyKeys(config);
+
         var ctor = Container;
         var loc = $location;
         var s = $scope;
-
-        Container.create({
-                Image: id,
-                name: $scope.config.name,
-                Memory: $scope.config.memory,
-                MemorySwap: $scope.config.memorySwap,
-                CpuShares: $scope.config.cpuShares,
-                Cmd: cmds,
-                VolumesFrom: $scope.config.volumesFrom
-            }, function(d) {
+        Container.create(config, function(d) {
                 if (d.Id) {
                     ctor.start({id: d.Id}, function(cd) {
                         $('#create-modal').modal('hide');
@@ -553,6 +617,14 @@ function($scope, $routeParams, $location, Container, Messages) {
                 failedRequestHandler(e, Messages);
         });
     };
+
+    $scope.addEntry = function(array, entry) {
+        array.push(entry);
+    };
+    $scope.rmEntry = function(array, entry) {
+        var idx = array.indexOf(entry);
+        array.splice(idx, 1);
+    };
 }]);
 
 angular.module('dockerui.filters', [])
@@ -656,6 +728,17 @@ angular.module('dockerui.filters', [])
             var date = new Date(data * 1000);
             return date.toDateString();
         };
+    })
+    .filter('errorMsg', function() {
+        return function(object) {
+            var idx = 0;
+            var msg = '';
+            while (object[idx] && typeof(object[idx]) === 'string') {
+                msg += object[idx];
+                idx++;
+            }
+            return msg;
+        };
     });
 
 angular.module('dockerui.services', ['ngResource'])
@@ -779,7 +862,7 @@ angular.module('dockerui.services', ['ngResource'])
                 $.gritter.add({
                     title: title,
                     text: text,
-                    time: 6000,
+                    time: 10000,
                     before_open: function() {
                         if($('.gritter-item-wrapper').length === 4) {
                             return false;
@@ -1432,38 +1515,248 @@ angular.module("app/components/startContainer/startcontainer.html", []).run(["$t
     "                <h3>Create And Start Container From Image</h3>\n" +
     "            </div>\n" +
     "            <div class=\"modal-body\">\n" +
-    "                <form role=\"form\">\n" +
+    "            <form role=\"form\">\n" +
+    "                <accordion close-others=\"true\">\n" +
+    "                    <accordion-group heading=\"Container options\" is-open=\"menuStatus.containerOpen\">\n" +
     "                        <fieldset>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Cmd:</label>\n" +
-    "                                    <input type=\"text\" placeholder=\"{{ commandPlaceholder }}\" ng-model=\"config.commands\" class=\"form-control\"/>\n" +
-    "                                    <small>Input commands as an array</small>\n" +
+    "                            <div class=\"row\">\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Cmd:</label>\n" +
+    "                                        <input type=\"text\" placeholder='[\"/bin/echo\", \"Hello world\"]' ng-model=\"config.Cmd\" class=\"form-control\"/>\n" +
+    "                                        <small>Input commands as a raw string or JSON array</small>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Entrypoint:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Entrypoint\" class=\"form-control\" placeholder=\"./entrypoint.sh\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Name:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.name\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Hostname:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Hostname\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Domainname:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Domainname\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>User:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.User\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Memory:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.Memory\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Volumes:</label>\n" +
+    "                                        <div ng-repeat=\"volume in config.Volumes\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"volume.name\" class=\"form-control\" placeholder=\"/var/data\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.Volumes, volume)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.Volumes, {name: ''})\">Add Volume</button>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Name:</label>\n" +
-    "                                    <input type=\"text\" ng-model=\"config.name\" class=\"form-control\"/>\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Memory Swap:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.MemorySwap\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CPU Shares:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.CpuShares\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Cpuset:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Cpuset\" class=\"form-control\" placeholder=\"1,2\"/>\n" +
+    "                                        <small>Input as comma-separated list of numbers</small>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>WorkingDir:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.WorkingDir\" class=\"form-control\" placeholder=\"/app\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>MacAddress:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.MacAddress\" class=\"form-control\" placeholder=\"12:34:56:78:9a:bc\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"networkDisabled\">NetworkDisabled:</label>\n" +
+    "                                        <input id=\"networkDisabled\" type=\"checkbox\" ng-model=\"config.NetworkDisabled\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"tty\">Tty:</label>\n" +
+    "                                        <input id=\"tty\" type=\"checkbox\" ng-model=\"config.Tty\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"openStdin\">OpenStdin:</label>\n" +
+    "                                        <input id=\"openStdin\" type=\"checkbox\" ng-model=\"config.OpenStdin\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"stdinOnce\">StdinOnce:</label>\n" +
+    "                                        <input id=\"stdinOnce\" type=\"checkbox\" ng-model=\"config.StdinOnce\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Security Options:</label>\n" +
+    "                                        <div ng-repeat=\"opt in config.SecurityOpts\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"opt.name\" class=\"form-control\" placeholder=\"label:type:svirt_apache\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.SecurityOpts, opt)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.SecurityOpts, {name: ''})\">Add Option</button>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Memory:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.memory\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Memory Swap:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.memorySwap\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>CPU Shares:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.cpuShares\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Volumes From:</label>\n" +
-    "                                    <input type=\"text\" ng-model=\"config.volumesFrom\" class=\"form-control\"/>\n" +
+    "                            </div>\n" +
+    "                            <hr>\n" +
+    "                            <div class=\"form-group\">\n" +
+    "                                <label>Environment Variables:</label>\n" +
+    "                                <div ng-repeat=\"envar in config.Env\">\n" +
+    "                                    <div class=\"form-inline\">\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <label class=\"sr-only\">Variable Name:</label>\n" +
+    "                                            <input type=\"text\" ng-model=\"envar.name\" class=\"form-control\" placeholder=\"NAME\"/>\n" +
+    "                                        </div>\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <label class=\"sr-only\">Variable Value:</label>\n" +
+    "                                            <input type=\"text\" ng-model=\"envar.value\" class=\"form-control\" placeholder=\"value\"/>\n" +
+    "                                        </div>\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.Env, envar)\">Remove</button>\n" +
+    "                                        </div>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
+    "                                <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.Env, {name: '', value: ''})\">Add ENV variable</button>\n" +
+    "                            </div>\n" +
     "                        </fieldset>\n" +
+    "                    </accordion-group>\n" +
+    "                    <accordion-group heading=\"HostConfig options\" is-open=\"menuStatus.hostConfigOpen\">\n" +
+    "                        <fieldset>\n" +
+    "                            <div class=\"row\">\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Binds:</label>\n" +
+    "                                        <div ng-repeat=\"bind in config.HostConfig.Binds\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"bind.name\" class=\"form-control\" placeholder=\"/host:/container\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Binds, bind)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Binds, {name: ''})\">Add Bind</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Links:</label>\n" +
+    "                                        <div ng-repeat=\"link in config.HostConfig.Links\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"link.name\" class=\"form-control\" placeholder=\"web:db\">\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Links, link)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Links, {name: ''})\">Add Link</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>DNS:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.Dns\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"8.8.8.8\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Dns, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Dns, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>DnsSearch:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.DnsSearch\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"example.com\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.DnsSearch, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.DnsSearch, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CapAdd:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.CapAdd\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"cap_sys_admin\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.CapAdd, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.CapAdd, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                </div>\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CapDrop:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.CapDrop\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"cap_sys_admin\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.CapDrop, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.CapDrop, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>NetworkMode:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.HostConfig.NetworkMode\" class=\"form-control\" placeholder=\"bridge\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"publishAllPorts\">PublishAllPorts:</label>\n" +
+    "                                        <input id=\"publishAllPorts\" type=\"checkbox\" ng-model=\"config.HostConfig.PublishAllPorts\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"privileged\">Privileged:</label>\n" +
+    "                                        <input id=\"privileged\" type=\"checkbox\" ng-model=\"config.HostConfig.Privileged\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Mount Volumes From other containers:</label>\n" +
+    "                                        <div ng-repeat=\"volume in config.HostConfig.VolumesFrom\">\n" +
+    "                                            <div class=\"form-inline\">\n" +
+    "                                                <select ng-model=\"volume.name\" ng-options=\"name for name in containerNames track by name\" class=\"form-control\"/>\n" +
+    "                                                <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.HostConfig.VolumesFrom, volume)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.VolumesFrom, {name: ''})\">Add volume</button>\n" +
+    "                                    </div>\n" +
+    "                                    <!--\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        RestartPolicy unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        Devices unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        LxcConf unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    -->\n" +
+    "                                </div>\n" +
+    "                            </div>\n" +
+    "                            <hr>\n" +
+    "                            <div class=\"form-group\">\n" +
+    "                                <label>Port bindings:</label>\n" +
+    "                                <div ng-repeat=\"portBinding in config.HostConfig.PortBindings\">\n" +
+    "                                    <div class=\"form-group form-inline\">\n" +
+    "                                        <label class=\"sr-only\">Host IP:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.ip\" class=\"form-control\" placeholder=\"Host IP Address\"/>\n" +
+    "                                        <label class=\"sr-only\">Host Port:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.extPort\" class=\"form-control\" placeholder=\"Host Port\"/>\n" +
+    "                                        <label class=\"sr-only\">Container port:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.intPort\" class=\"form-control\" placeholder=\"Container Port\"/>\n" +
+    "                                        <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.HostConfig.PortBindings, portBinding)\">Remove</button>\n" +
+    "                                    </div>\n" +
+    "                                </div>\n" +
+    "                                <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.PortBindings, {ip: '', extPort: '', intPort: ''})\">Add Port Binding</button>\n" +
+    "                            </div>\n" +
+    "                        </fieldset>\n" +
+    "                    </accordion-group>\n" +
+    "                  </accordion>\n" +
     "                </form>\n" +
     "            </div>\n" +
     "            <div class=\"modal-footer\">\n" +
-    "                <a href=\"\" class=\"btn btn-primary\" ng-click=\"create()\">Create</a>\n" +
+    "                <a href=\"\" class=\"btn btn-primary btn-lg\" ng-click=\"create()\">Create</a>\n" +
     "            </div>\n" +
     "        </div>\n" +
     "    </div>\n" +
diff --git a/dist/index.html b/dist/index.html
index 50008da8d..11d129a16 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -23,11 +23,7 @@
 
 
     <script src="assets/js/spin.js" type="text/javascript" charset="utf-8"></script>
-
-    <script src="assets/js/angularjs/1.2.6/angular.min.js"></script>
-    <script src="assets/js/angularjs/1.2.6/angular-resource.min.js"></script>
-    <script src="assets/js/angularjs/1.2.6/angular-route.min.js"></script>
-
+    <script src="angular.js"></script>
     <script src="assets/js/jquery.gritter.min.js"></script>
     <script src="assets/js/Chart.min.js"></script>
     <script src="assets/js/legend.js"></script>
diff --git a/dist/templates/app.js b/dist/templates/app.js
index dc76c3ec4..008a307e9 100644
--- a/dist/templates/app.js
+++ b/dist/templates/app.js
@@ -553,38 +553,248 @@ angular.module("app/components/startContainer/startcontainer.html", []).run(["$t
     "                <h3>Create And Start Container From Image</h3>\n" +
     "            </div>\n" +
     "            <div class=\"modal-body\">\n" +
-    "                <form role=\"form\">\n" +
+    "            <form role=\"form\">\n" +
+    "                <accordion close-others=\"true\">\n" +
+    "                    <accordion-group heading=\"Container options\" is-open=\"menuStatus.containerOpen\">\n" +
     "                        <fieldset>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Cmd:</label>\n" +
-    "                                    <input type=\"text\" placeholder=\"{{ commandPlaceholder }}\" ng-model=\"config.commands\" class=\"form-control\"/>\n" +
-    "                                    <small>Input commands as an array</small>\n" +
+    "                            <div class=\"row\">\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Cmd:</label>\n" +
+    "                                        <input type=\"text\" placeholder='[\"/bin/echo\", \"Hello world\"]' ng-model=\"config.Cmd\" class=\"form-control\"/>\n" +
+    "                                        <small>Input commands as a raw string or JSON array</small>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Entrypoint:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Entrypoint\" class=\"form-control\" placeholder=\"./entrypoint.sh\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Name:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.name\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Hostname:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Hostname\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Domainname:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Domainname\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>User:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.User\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Memory:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.Memory\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Volumes:</label>\n" +
+    "                                        <div ng-repeat=\"volume in config.Volumes\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"volume.name\" class=\"form-control\" placeholder=\"/var/data\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.Volumes, volume)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.Volumes, {name: ''})\">Add Volume</button>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Name:</label>\n" +
-    "                                    <input type=\"text\" ng-model=\"config.name\" class=\"form-control\"/>\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Memory Swap:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.MemorySwap\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CPU Shares:</label>\n" +
+    "                                        <input type=\"number\" ng-model=\"config.CpuShares\" class=\"form-control\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Cpuset:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.Cpuset\" class=\"form-control\" placeholder=\"1,2\"/>\n" +
+    "                                        <small>Input as comma-separated list of numbers</small>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>WorkingDir:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.WorkingDir\" class=\"form-control\" placeholder=\"/app\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>MacAddress:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.MacAddress\" class=\"form-control\" placeholder=\"12:34:56:78:9a:bc\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"networkDisabled\">NetworkDisabled:</label>\n" +
+    "                                        <input id=\"networkDisabled\" type=\"checkbox\" ng-model=\"config.NetworkDisabled\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"tty\">Tty:</label>\n" +
+    "                                        <input id=\"tty\" type=\"checkbox\" ng-model=\"config.Tty\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"openStdin\">OpenStdin:</label>\n" +
+    "                                        <input id=\"openStdin\" type=\"checkbox\" ng-model=\"config.OpenStdin\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"stdinOnce\">StdinOnce:</label>\n" +
+    "                                        <input id=\"stdinOnce\" type=\"checkbox\" ng-model=\"config.StdinOnce\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Security Options:</label>\n" +
+    "                                        <div ng-repeat=\"opt in config.SecurityOpts\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"opt.name\" class=\"form-control\" placeholder=\"label:type:svirt_apache\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.SecurityOpts, opt)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.SecurityOpts, {name: ''})\">Add Option</button>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Memory:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.memory\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Memory Swap:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.memorySwap\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>CPU Shares:</label>\n" +
-    "                                    <input type=\"number\" ng-model=\"config.cpuShares\" class=\"form-control\"/>\n" +
-    "                                </div>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                    <label>Volumes From:</label>\n" +
-    "                                    <input type=\"text\" ng-model=\"config.volumesFrom\" class=\"form-control\"/>\n" +
+    "                            </div>\n" +
+    "                            <hr>\n" +
+    "                            <div class=\"form-group\">\n" +
+    "                                <label>Environment Variables:</label>\n" +
+    "                                <div ng-repeat=\"envar in config.Env\">\n" +
+    "                                    <div class=\"form-inline\">\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <label class=\"sr-only\">Variable Name:</label>\n" +
+    "                                            <input type=\"text\" ng-model=\"envar.name\" class=\"form-control\" placeholder=\"NAME\"/>\n" +
+    "                                        </div>\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <label class=\"sr-only\">Variable Value:</label>\n" +
+    "                                            <input type=\"text\" ng-model=\"envar.value\" class=\"form-control\" placeholder=\"value\"/>\n" +
+    "                                        </div>\n" +
+    "                                        <div class=\"form-group\">\n" +
+    "                                            <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.Env, envar)\">Remove</button>\n" +
+    "                                        </div>\n" +
+    "                                    </div>\n" +
     "                                </div>\n" +
+    "                                <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.Env, {name: '', value: ''})\">Add ENV variable</button>\n" +
+    "                            </div>\n" +
     "                        </fieldset>\n" +
+    "                    </accordion-group>\n" +
+    "                    <accordion-group heading=\"HostConfig options\" is-open=\"menuStatus.hostConfigOpen\">\n" +
+    "                        <fieldset>\n" +
+    "                            <div class=\"row\">\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Binds:</label>\n" +
+    "                                        <div ng-repeat=\"bind in config.HostConfig.Binds\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"bind.name\" class=\"form-control\" placeholder=\"/host:/container\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Binds, bind)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Binds, {name: ''})\">Add Bind</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Links:</label>\n" +
+    "                                        <div ng-repeat=\"link in config.HostConfig.Links\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"link.name\" class=\"form-control\" placeholder=\"web:db\">\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Links, link)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Links, {name: ''})\">Add Link</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>DNS:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.Dns\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"8.8.8.8\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.Dns, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.Dns, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>DnsSearch:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.DnsSearch\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"example.com\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.DnsSearch, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.DnsSearch, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CapAdd:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.CapAdd\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"cap_sys_admin\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.CapAdd, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.CapAdd, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                </div>\n" +
+    "                                <div class=\"col-xs-6\">\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>CapDrop:</label>\n" +
+    "                                        <div ng-repeat=\"entry in config.HostConfig.CapDrop\">\n" +
+    "                                            <div class=\"form-group form-inline\">\n" +
+    "                                                <input type=\"text\" ng-model=\"entry.name\" class=\"form-control\" placeholder=\"cap_sys_admin\"/>\n" +
+    "                                                <button type=\"button\" class=\"btn btn-danger btn-sm\" ng-click=\"rmEntry(config.HostConfig.CapDrop, entry)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.CapDrop, {name: ''})\">Add</button>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>NetworkMode:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"config.HostConfig.NetworkMode\" class=\"form-control\" placeholder=\"bridge\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"publishAllPorts\">PublishAllPorts:</label>\n" +
+    "                                        <input id=\"publishAllPorts\" type=\"checkbox\" ng-model=\"config.HostConfig.PublishAllPorts\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label for=\"privileged\">Privileged:</label>\n" +
+    "                                        <input id=\"privileged\" type=\"checkbox\" ng-model=\"config.HostConfig.Privileged\"/>\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        <label>Mount Volumes From other containers:</label>\n" +
+    "                                        <div ng-repeat=\"volume in config.HostConfig.VolumesFrom\">\n" +
+    "                                            <div class=\"form-inline\">\n" +
+    "                                                <select ng-model=\"volume.name\" ng-options=\"name for name in containerNames track by name\" class=\"form-control\"/>\n" +
+    "                                                <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.HostConfig.VolumesFrom, volume)\">Remove</button>\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.VolumesFrom, {name: ''})\">Add volume</button>\n" +
+    "                                    </div>\n" +
+    "                                    <!--\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        RestartPolicy unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        Devices unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    <div class=\"form-group\">\n" +
+    "                                        LxcConf unimplemented...\n" +
+    "                                    </div>\n" +
+    "                                    -->\n" +
+    "                                </div>\n" +
+    "                            </div>\n" +
+    "                            <hr>\n" +
+    "                            <div class=\"form-group\">\n" +
+    "                                <label>Port bindings:</label>\n" +
+    "                                <div ng-repeat=\"portBinding in config.HostConfig.PortBindings\">\n" +
+    "                                    <div class=\"form-group form-inline\">\n" +
+    "                                        <label class=\"sr-only\">Host IP:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.ip\" class=\"form-control\" placeholder=\"Host IP Address\"/>\n" +
+    "                                        <label class=\"sr-only\">Host Port:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.extPort\" class=\"form-control\" placeholder=\"Host Port\"/>\n" +
+    "                                        <label class=\"sr-only\">Container port:</label>\n" +
+    "                                        <input type=\"text\" ng-model=\"portBinding.intPort\" class=\"form-control\" placeholder=\"Container Port\"/>\n" +
+    "                                        <button class=\"btn btn-danger btn-xs form-control\" ng-click=\"rmEntry(config.HostConfig.PortBindings, portBinding)\">Remove</button>\n" +
+    "                                    </div>\n" +
+    "                                </div>\n" +
+    "                                <button type=\"button\" class=\"btn btn-success btn-sm\" ng-click=\"addEntry(config.HostConfig.PortBindings, {ip: '', extPort: '', intPort: ''})\">Add Port Binding</button>\n" +
+    "                            </div>\n" +
+    "                        </fieldset>\n" +
+    "                    </accordion-group>\n" +
+    "                  </accordion>\n" +
     "                </form>\n" +
     "            </div>\n" +
     "            <div class=\"modal-footer\">\n" +
-    "                <a href=\"\" class=\"btn btn-primary\" ng-click=\"create()\">Create</a>\n" +
+    "                <a href=\"\" class=\"btn btn-primary btn-lg\" ng-click=\"create()\">Create</a>\n" +
     "            </div>\n" +
     "        </div>\n" +
     "    </div>\n" +