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" +