feat(global): add templates support ('apps') (#154)

2025-07-23 15:29:42 +02:00 · 2016-08-23 18:09:14 +12:00 · 2016-08-23 18:09:14 +12:00 · 1c8aa35479
commit 1c8aa35479
parent faccf2a651
15 changed files with 366 additions and 13 deletions
--- a/app/components/templates/templatesController.js
+++ b/app/components/templates/templatesController.js
@ -0,0 +1,170 @@
+angular.module('templates', [])
+.controller('TemplatesController', ['$scope', '$q', '$state', 'Config', 'Container', 'Image', 'Volume', 'Network', 'Templates', 'Messages', 'errorMsgFilter',
+function ($scope, $q, $state, Config, Container, Image, Volume, Network, Templates, Messages, errorMsgFilter) {
+$scope.templates = [];
+$scope.selectedTemplate = null;
+$scope.formValues = {
+  network: "",
+  name: ""
+};
+
+var selectedItem = -1;
+
+// TODO: centralize, already present in createContainerController
+function createContainer(config) {
+  Container.create(config, function (d) {
+    if (d.Id) {
+      var reqBody = config.HostConfig || {};
+      reqBody.id = d.Id;
+      Container.start(reqBody, function (cd) {
+        $('#createContainerSpinner').hide();
+        Messages.send('Container Started', d.Id);
+        $state.go('containers', {}, {reload: true});
+      }, function (e) {
+        $('#createContainerSpinner').hide();
+        Messages.error('Error', errorMsgFilter(e));
+      });
+    } else {
+      $('#createContainerSpinner').hide();
+      Messages.error('Error', errorMsgFilter(d));
+    }
+  }, function (e) {
+    $('#createContainerSpinner').hide();
+    Messages.error('Error', errorMsgFilter(e));
+  });
+}
+
+// TODO: centralize, already present in createContainerController
+function pullImageAndCreateContainer(imageConfig, containerConfig) {
+  Image.create(imageConfig, function (data) {
+      var err = data.length > 0 && data[data.length - 1].hasOwnProperty('error');
+      if (err) {
+        var detail = data[data.length - 1];
+        $('#createContainerSpinner').hide();
+        Messages.error('Error', detail.error);
+      } else {
+        createContainer(containerConfig);
+      }
+  }, function (e) {
+    $('#createContainerSpinner').hide();
+    Messages.error('Error', 'Unable to pull image ' + image);
+  });
+}
+
+function createConfigFromTemplate(template) {
+  var containerConfig = {
+    Env: [],
+    OpenStdin: false,
+    Tty: false,
+    ExposedPorts: {},
+    HostConfig: {
+      RestartPolicy: {
+        Name: 'no'
+      },
+      PortBindings: {},
+      Binds: [],
+      NetworkMode: $scope.formValues.network,
+      Privileged: false
+    },
+    Image: template.image,
+    Volumes: {},
+    name: $scope.formValues.name
+  };
+  if (template.env) {
+    template.env.forEach(function (v) {
+      if (v.value) {
+        containerConfig.Env.push(v.name + "=" + v.value);
+      }
+    });
+  }
+  if (template.ports) {
+    template.ports.forEach(function (p) {
+      containerConfig.ExposedPorts[p] = {};
+      containerConfig.HostConfig.PortBindings[p] = [{ HostPort: ""}];
+    });
+  }
+  return containerConfig;
+}
+
+function prepareVolumeQueries(template, containerConfig) {
+  var volumeQueries = [];
+  if (template.volumes) {
+    template.volumes.forEach(function (vol) {
+      volumeQueries.push(
+        Volume.create({}, function (d) {
+          if (d.Name) {
+            Messages.send("Volume created", d.Name);
+            containerConfig.Volumes[vol] = {};
+            containerConfig.HostConfig.Binds.push(d.Name + ':' + vol);
+          } else {
+            Messages.error('Unable to create volume', errorMsgFilter(d));
+          }
+        }, function (e) {
+          Messages.error('Unable to create volume', e.data);
+        }).$promise
+      );
+    });
+  }
+  return volumeQueries;
+}
+
+$scope.createTemplate = function() {
+  $('#createContainerSpinner').show();
+  var template = $scope.selectedTemplate;
+  var containerConfig = createConfigFromTemplate(template);
+  var imageConfig = {
+    fromImage: template.image.split(':')[0],
+    tag: template.image.split(':')[1] ? template.image.split(':')[1] : 'latest'
+  };
+  var createVolumeQueries = prepareVolumeQueries(template, containerConfig);
+  $q.all(createVolumeQueries).then(function (d) {
+    pullImageAndCreateContainer(imageConfig, containerConfig);
+  });
+};
+
+$scope.selectTemplate = function(id) {
+  $('#template_' + id).toggleClass("container-template--selected");
+  if (selectedItem === id) {
+    selectedItem = -1;
+    $scope.selectedTemplate = null;
+  } else {
+    $('#template_' + selectedItem).toggleClass("container-template--selected");
+    selectedItem = id;
+    $scope.selectedTemplate = $scope.templates[id];
+  }
+};
+
+function initTemplates() {
+  Templates.get(function (data) {
+    $scope.templates = data;
+    $('#loadTemplatesSpinner').hide();
+  }, function (e) {
+    $('#loadTemplatesSpinner').hide();
+    Messages.error("Unable to retrieve apps list", e.data);
+  });
+}
+
+Config.$promise.then(function (c) {
+  var swarm = c.swarm;
+  Network.query({}, function (d) {
+    var networks = d;
+    if (swarm) {
+      networks = d.filter(function (network) {
+        if (network.Scope === 'global') {
+          return network;
+        }
+      });
+      $scope.globalNetworkCount = networks.length;
+      networks.push({Name: "bridge"});
+      networks.push({Name: "host"});
+      networks.push({Name: "none"});
+    } else {
+      $scope.formValues.network = "bridge";
+    }
+    $scope.availableNetworks = networks;
+  }, function (e) {
+    Messages.error("Unable to retrieve available networks", e.data);
+  });
+  initTemplates();
+});
+}]);