refactor(app): introduce new project structure for the frontend (#1623)

app/docker/models/config.js

@@ -0,0 +1,15 @@
+function ConfigViewModel(data) {
+  this.Id = data.ID;
+  this.CreatedAt = data.CreatedAt;
+  this.UpdatedAt = data.UpdatedAt;
+  this.Version = data.Version.Index;
+  this.Name = data.Spec.Name;
+  this.Labels = data.Spec.Labels;
+  this.Data = atob(data.Spec.Data);
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/container.js

@@ -0,0 +1,38 @@
+function ContainerViewModel(data) {
+  this.Id = data.Id;
+  this.Status = data.Status;
+  this.State = data.State;
+  this.Names = data.Names;
+  // Unavailable in Docker < 1.10
+  if (data.NetworkSettings && !_.isEmpty(data.NetworkSettings.Networks)) {
+    this.IP = data.NetworkSettings.Networks[Object.keys(data.NetworkSettings.Networks)[0]].IPAddress;
+  }
+  this.NetworkSettings = data.NetworkSettings;
+  this.Image = data.Image;
+  this.ImageID = data.ImageID;
+  this.Command = data.Command;
+  this.Checked = false;
+  this.Labels = data.Labels;
+  if (this.Labels && this.Labels['com.docker.compose.project']) {
+    this.StackName = this.Labels['com.docker.compose.project'];
+  } else if (this.Labels && this.Labels['com.docker.stack.namespace']) {
+    this.StackName = this.Labels['com.docker.stack.namespace'];
+  }
+  this.Mounts = data.Mounts;
+
+  this.Ports = [];
+  if (data.Ports) {
+    for (var i = 0; i < data.Ports.length; ++i) {
+      var p = data.Ports[i];
+      if (p.PublicPort) {
+        this.Ports.push({ host: p.IP, private: p.PrivatePort, public: p.PublicPort });
+      }
+    }
+  }
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/containerDetails.js

@@ -0,0 +1,18 @@
+function ContainerDetailsViewModel(data) {
+  this.Model = data;
+  this.Id = data.Id;
+  this.State = data.State;
+  this.Created = data.Created;
+  this.Name = data.Name;
+  this.NetworkSettings = data.NetworkSettings;
+  this.Args = data.Args;
+  this.Image = data.Image;
+  this.Config = data.Config;
+  this.HostConfig = data.HostConfig;
+  this.Mounts = data.Mounts;
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/containerStats.js

@@ -0,0 +1,12 @@
+function ContainerStatsViewModel(data) {
+  this.Date = data.read;
+  this.MemoryUsage = data.memory_stats.usage;
+  this.PreviousCPUTotalUsage = data.precpu_stats.cpu_usage.total_usage;
+  this.PreviousCPUSystemUsage = data.precpu_stats.system_cpu_usage;
+  this.CurrentCPUTotalUsage = data.cpu_stats.cpu_usage.total_usage;
+  this.CurrentCPUSystemUsage = data.cpu_stats.system_cpu_usage;
+  if (data.cpu_stats.cpu_usage.percpu_usage) {
+    this.CPUCores = data.cpu_stats.cpu_usage.percpu_usage.length;
+  }
+  this.Networks = _.values(data.networks);
+}

app/docker/models/event.js

@@ -0,0 +1,120 @@
+function createEventDetails(event) {
+  var eventAttr = event.Actor.Attributes;
+  var details = '';
+  switch (event.Type) {
+    case 'container':
+    switch (event.Action) {
+      case 'stop':
+      details = 'Container ' + eventAttr.name + ' stopped';
+      break;
+      case 'destroy':
+      details = 'Container ' + eventAttr.name + ' deleted';
+      break;
+      case 'create':
+      details = 'Container ' + eventAttr.name + ' created';
+      break;
+      case 'start':
+      details = 'Container ' + eventAttr.name + ' started';
+      break;
+      case 'kill':
+      details = 'Container ' + eventAttr.name + ' killed';
+      break;
+      case 'die':
+      details = 'Container ' + eventAttr.name + ' exited with status code ' + eventAttr.exitCode;
+      break;
+      case 'commit':
+      details = 'Container ' + eventAttr.name + ' committed';
+      break;
+      case 'restart':
+      details = 'Container ' + eventAttr.name + ' restarted';
+      break;
+      case 'pause':
+      details = 'Container ' + eventAttr.name + ' paused';
+      break;
+      case 'unpause':
+      details = 'Container ' + eventAttr.name + ' unpaused';
+      break;
+      case 'attach':
+      details = 'Container ' + eventAttr.name + ' attached';
+      break;
+      default:
+      if (event.Action.indexOf('exec_create') === 0) {
+        details = 'Exec instance created';
+      } else if (event.Action.indexOf('exec_start') === 0) {
+        details = 'Exec instance started';
+      } else {
+        details = 'Unsupported event';
+      }
+    }
+    break;
+    case 'image':
+    switch (event.Action) {
+      case 'delete':
+      details = 'Image deleted';
+      break;
+      case 'tag':
+      details = 'New tag created for ' + eventAttr.name;
+      break;
+      case 'untag':
+      details = 'Image untagged';
+      break;
+      case 'pull':
+      details = 'Image ' + event.Actor.ID + ' pulled';
+      break;
+      default:
+      details = 'Unsupported event';
+    }
+    break;
+    case 'network':
+    switch (event.Action) {
+      case 'create':
+      details = 'Network ' + eventAttr.name + ' created';
+      break;
+      case 'destroy':
+      details = 'Network ' + eventAttr.name + ' deleted';
+      break;
+      case 'connect':
+      details = 'Container connected to ' + eventAttr.name + ' network';
+      break;
+      case 'disconnect':
+      details = 'Container disconnected from ' + eventAttr.name + ' network';
+      break;
+      default:
+      details = 'Unsupported event';
+    }
+    break;
+    case 'volume':
+    switch (event.Action) {
+      case 'create':
+      details = 'Volume ' + event.Actor.ID + ' created';
+      break;
+      case 'destroy':
+      details = 'Volume ' + event.Actor.ID + ' deleted';
+      break;
+      case 'mount':
+      details = 'Volume ' + event.Actor.ID + ' mounted';
+      break;
+      case 'unmount':
+      details = 'Volume ' + event.Actor.ID + ' unmounted';
+      break;
+      default:
+      details = 'Unsupported event';
+    }
+    break;
+    default:
+    details = 'Unsupported event';
+  }
+  return details;
+}
+
+function EventViewModel(data) {
+  // Type, Action, Actor unavailable in Docker < 1.10
+  this.Time = data.time;
+  if (data.Type) {
+    this.Type = data.Type;
+    this.Details = createEventDetails(data);
+  } else {
+    this.Type = data.status;
+    this.Details = data.from;
+  }
+}

app/docker/models/image.js

@@ -0,0 +1,10 @@
+function ImageViewModel(data) {
+  this.Id = data.Id;
+  this.Tag = data.Tag;
+  this.Repository = data.Repository;
+  this.Created = data.Created;
+  this.Checked = false;
+  this.RepoTags = data.RepoTags;
+  this.VirtualSize = data.VirtualSize;
+  this.ContainerCount = data.ContainerCount;
+}

app/docker/models/imageDetails.js

@@ -0,0 +1,19 @@
+function ImageDetailsViewModel(data) {
+  this.Id = data.Id;
+  this.Tag = data.Tag;
+  this.Parent = data.Parent;
+  this.Repository = data.Repository;
+  this.Created = data.Created;
+  this.Checked = false;
+  this.RepoTags = data.RepoTags;
+  this.VirtualSize = data.VirtualSize;
+  this.DockerVersion = data.DockerVersion;
+  this.Os = data.Os;
+  this.Architecture = data.Architecture;
+  this.Author = data.Author;
+  this.Command = data.Config.Cmd;
+  this.Entrypoint = data.ContainerConfig.Entrypoint ? data.ContainerConfig.Entrypoint : '';
+  this.ExposedPorts = data.ContainerConfig.ExposedPorts ? Object.keys(data.ContainerConfig.ExposedPorts) : [];
+  this.Volumes = data.ContainerConfig.Volumes ? Object.keys(data.ContainerConfig.Volumes) : [];
+  this.Env = data.ContainerConfig.Env ? data.ContainerConfig.Env : [];
+}

app/docker/models/imageLayer.js

@@ -0,0 +1,8 @@
+function ImageLayerViewModel(data) {
+  this.Id = data.Id;
+  this.Created = data.Created;
+  this.CreatedBy = data.CreatedBy;
+  this.Size = data.Size;
+  this.Comment = data.Comment;
+  this.Tags = data.Tags;
+}

app/docker/models/network.js

@@ -0,0 +1,23 @@
+function NetworkViewModel(data) {
+  this.Id = data.Id;
+  this.Name = data.Name;
+  this.Scope = data.Scope;
+  this.Driver = data.Driver;
+  this.Attachable = data.Attachable;
+  this.IPAM = data.IPAM;
+  this.Containers = data.Containers;
+  this.Options = data.Options;
+
+  this.Labels = data.Labels;
+  if (this.Labels && this.Labels['com.docker.compose.project']) {
+    this.StackName = this.Labels['com.docker.compose.project'];
+  } else if (this.Labels && this.Labels['com.docker.stack.namespace']) {
+    this.StackName = this.Labels['com.docker.stack.namespace'];
+  }
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/node.js

@@ -0,0 +1,47 @@
+function NodeViewModel(data) {
+  this.Model = data;
+  this.Id = data.ID;
+  this.Version = data.Version.Index;
+  this.Name = data.Spec.Name;
+  this.Role = data.Spec.Role;
+  this.CreatedAt = data.CreatedAt;
+  this.UpdatedAt = data.UpdatedAt;
+  this.Availability = data.Spec.Availability;
+
+  var labels = data.Spec.Labels;
+  if (labels) {
+    this.Labels = Object.keys(labels).map(function(key) {
+      return { key: key, value: labels[key], originalKey: key, originalValue: labels[key], added: true };
+    });
+  } else {
+    this.Labels = [];
+  }
+
+  var engineLabels = data.Description.Engine.Labels;
+  if (engineLabels) {
+    this.EngineLabels = Object.keys(engineLabels).map(function(key) {
+      return { key: key, value: engineLabels[key] };
+    });
+  } else {
+    this.EngineLabels = [];
+  }
+
+  this.Hostname = data.Description.Hostname;
+  this.PlatformArchitecture = data.Description.Platform.Architecture;
+  this.PlatformOS = data.Description.Platform.OS;
+  this.CPUs = data.Description.Resources.NanoCPUs;
+  this.Memory = data.Description.Resources.MemoryBytes;
+  this.EngineVersion = data.Description.Engine.EngineVersion;
+  this.Plugins = data.Description.Engine.Plugins;
+  this.Status = data.Status.State;
+
+  if (data.Status.Addr) {
+    this.Addr = data.Status.Addr;
+  }
+
+  if (data.ManagerStatus) {
+    this.Leader = data.ManagerStatus.Leader;
+    this.Reachability = data.ManagerStatus.Reachability;
+    this.ManagerAddr = data.ManagerStatus.Addr;
+  }
+}

app/docker/models/plugin.js

@@ -0,0 +1,9 @@
+// This model is based on https://github.com/moby/moby/blob/0ac25dfc751fa4304ab45afd5cd8705c2235d101/api/types/plugin.go#L8-L31
+// instead of the official documentation.
+// See: https://github.com/moby/moby/issues/34241
+function PluginViewModel(data) {
+  this.Id = data.Id;
+  this.Name = data.Name;
+  this.Enabled = data.Enabled;
+  this.Config = data.Config;
+}

app/docker/models/secret.js

@@ -0,0 +1,14 @@
+function SecretViewModel(data) {
+  this.Id = data.ID;
+  this.CreatedAt = data.CreatedAt;
+  this.UpdatedAt = data.UpdatedAt;
+  this.Version = data.Version.Index;
+  this.Name = data.Spec.Name;
+  this.Labels = data.Spec.Labels;
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/service.js

@@ -0,0 +1,115 @@
+function ServiceViewModel(data, runningTasks, allTasks, nodes) {
+  this.Model = data;
+  this.Id = data.ID;
+  this.Tasks = [];
+  this.Name = data.Spec.Name;
+  this.CreatedAt = data.CreatedAt;
+  this.UpdatedAt = data.UpdatedAt;
+  this.Image = data.Spec.TaskTemplate.ContainerSpec.Image;
+  this.Version = data.Version.Index;
+  if (data.Spec.Mode.Replicated) {
+    this.Mode = 'replicated' ;
+    this.Replicas = data.Spec.Mode.Replicated.Replicas;
+  } else {
+    this.Mode = 'global';
+    if (allTasks) {
+      this.Replicas = allTasks.length;
+    }
+  }
+  if (runningTasks) {
+    this.Running = runningTasks.length;
+  }
+  if (data.Spec.TaskTemplate.Resources) {
+    if (data.Spec.TaskTemplate.Resources.Limits) {
+    this.LimitNanoCPUs = data.Spec.TaskTemplate.Resources.Limits.NanoCPUs;
+    this.LimitMemoryBytes = data.Spec.TaskTemplate.Resources.Limits.MemoryBytes;
+    }
+    if (data.Spec.TaskTemplate.Resources.Reservations) {
+    this.ReservationNanoCPUs = data.Spec.TaskTemplate.Resources.Reservations.NanoCPUs;
+    this.ReservationMemoryBytes = data.Spec.TaskTemplate.Resources.Reservations.MemoryBytes;
+    }
+  }
+
+  if (data.Spec.TaskTemplate.RestartPolicy) {
+    this.RestartCondition = data.Spec.TaskTemplate.RestartPolicy.Condition || 'any';
+    this.RestartDelay = data.Spec.TaskTemplate.RestartPolicy.Delay || 5000000000;
+    this.RestartMaxAttempts = data.Spec.TaskTemplate.RestartPolicy.MaxAttempts || 0;
+    this.RestartWindow = data.Spec.TaskTemplate.RestartPolicy.Window || 0;
+  } else {
+    this.RestartCondition = 'any';
+    this.RestartDelay = 5000000000;
+    this.RestartMaxAttempts = 0;
+    this.RestartWindow = 0;
+  }
+
+  if (data.Spec.TaskTemplate.LogDriver) {
+    this.LogDriverName = data.Spec.TaskTemplate.LogDriver.Name || '';
+    this.LogDriverOpts = data.Spec.TaskTemplate.LogDriver.Options || [];
+  } else {
+    this.LogDriverName = '';
+    this.LogDriverOpts = [];
+  }
+    
+  this.Constraints = data.Spec.TaskTemplate.Placement ? data.Spec.TaskTemplate.Placement.Constraints || [] : [];
+  this.Preferences = data.Spec.TaskTemplate.Placement ? data.Spec.TaskTemplate.Placement.Preferences || [] : [];
+  this.Platforms = data.Spec.TaskTemplate.Placement ? data.Spec.TaskTemplate.Placement.Platforms || [] : [];
+  this.Labels = data.Spec.Labels;
+  if (this.Labels && this.Labels['com.docker.stack.namespace']) {
+    this.StackName = this.Labels['com.docker.stack.namespace'];
+  }
+
+  var containerSpec = data.Spec.TaskTemplate.ContainerSpec;
+  if (containerSpec) {
+    this.ContainerLabels = containerSpec.Labels;
+    this.Command = containerSpec.Command;
+    this.Arguments = containerSpec.Args;
+    this.Hostname = containerSpec.Hostname;
+    this.Env = containerSpec.Env;
+    this.Dir = containerSpec.Dir;
+    this.User = containerSpec.User;
+    this.Groups = containerSpec.Groups;
+    this.TTY = containerSpec.TTY;
+    this.OpenStdin = containerSpec.OpenStdin;
+    this.ReadOnly = containerSpec.ReadOnly;
+    this.Mounts = containerSpec.Mounts || [];
+    this.StopSignal = containerSpec.StopSignal;
+    this.StopGracePeriod = containerSpec.StopGracePeriod;
+    this.HealthCheck = containerSpec.HealthCheck || {};
+    this.Hosts = containerSpec.Hosts;
+    this.DNSConfig = containerSpec.DNSConfig;
+    this.Secrets = containerSpec.Secrets;
+    this.Configs = containerSpec.Configs;
+  }
+  if (data.Endpoint) {
+    this.Ports = data.Endpoint.Ports;
+  }
+
+  this.LogDriver = data.Spec.TaskTemplate.LogDriver;
+  this.Runtime = data.Spec.TaskTemplate.Runtime;
+
+  this.VirtualIPs = data.Endpoint ? data.Endpoint.VirtualIPs : [];
+
+  if (data.Spec.UpdateConfig) {
+    this.UpdateParallelism = (typeof data.Spec.UpdateConfig.Parallelism !== undefined) ? data.Spec.UpdateConfig.Parallelism || 0 : 1;
+    this.UpdateDelay = data.Spec.UpdateConfig.Delay || 0;
+    this.UpdateFailureAction = data.Spec.UpdateConfig.FailureAction || 'pause';
+    this.UpdateOrder = data.Spec.UpdateConfig.Order || 'stop-first';
+  } else {
+    this.UpdateParallelism = 1;
+    this.UpdateDelay = 0;
+    this.UpdateFailureAction = 'pause';
+    this.UpdateOrder = 'stop-first';
+  }
+
+  this.RollbackConfig = data.Spec.RollbackConfig;
+
+  this.Checked = false;
+  this.Scale = false;
+  this.EditName = false;
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}

app/docker/models/stack.js

@@ -0,0 +1,10 @@
+function StackViewModel(data) {
+  this.Id = data.Id;
+  this.Name = data.Name;
+  this.Checked = false;
+  this.Env = data.Env ? data.Env : [];
+  if (data.ResourceControl && data.ResourceControl.Id !== 0) {
+    this.ResourceControl = new ResourceControlViewModel(data.ResourceControl);
+  }
+  this.External = data.External;
+}

app/docker/models/stackTemplate.js

@@ -0,0 +1,11 @@
+function StackTemplateViewModel(data) {
+  this.Type = data.type;
+  this.Title = data.title;
+  this.Description = data.description;
+  this.Note = data.note;
+  this.Categories = data.categories ? data.categories : [];
+  this.Platform = data.platform ? data.platform : 'undefined';
+  this.Logo = data.logo;
+  this.Repository = data.repository;
+  this.Env = data.env ? data.env : [];
+}

app/docker/models/swarm.js

@@ -0,0 +1,3 @@
+function SwarmViewModel(data) {
+  this.Id = data.ID;
+}

app/docker/models/task.js

@@ -0,0 +1,10 @@
+function TaskViewModel(data) {
+  this.Id = data.ID;
+  this.Created = data.CreatedAt;
+  this.Updated = data.UpdatedAt;
+  this.Slot = data.Slot;
+  this.Spec = data.Spec;
+  this.Status = data.Status;
+  this.ServiceId = data.ServiceID;
+  this.NodeId = data.NodeID;
+}

app/docker/models/template.js

@@ -0,0 +1,49 @@
+function TemplateViewModel(data) {
+  this.Type = data.type;
+  this.Title = data.title;
+  this.Description = data.description;
+  this.Note = data.note;
+  this.Categories = data.categories ? data.categories : [];
+  this.Platform = data.platform ? data.platform : 'undefined';
+  this.Logo = data.logo;
+  this.Image = data.image;
+  this.Registry = data.registry ? data.registry : '';
+  this.Command = data.command ? data.command : '';
+  this.Network = data.network ? data.network : '';
+  this.Env = data.env ? data.env : [];
+  this.Privileged = data.privileged ? data.privileged : false;
+  this.Interactive = data.interactive ? data.interactive : false;
+  this.RestartPolicy = data.restart_policy ? data.restart_policy : 'always';
+  this.Labels = data.labels ? data.labels : [];
+  this.Volumes = [];
+
+  if (data.volumes) {
+    this.Volumes = data.volumes.map(function (v) {
+      // @DEPRECATED: New volume definition introduced
+      // via https://github.com/portainer/portainer/pull/1154
+      var volume = {
+        readOnly: v.readonly || false,
+        containerPath: v.container || v,
+        type: 'auto'
+      };
+
+      if (v.bind) {
+        volume.name = v.bind;
+        volume.type = 'bind';
+      }
+
+      return volume;
+    });
+  }
+  this.Ports = [];
+  if (data.ports) {
+    this.Ports = data.ports.map(function (p) {
+      var portAndProtocol = _.split(p, '/');
+      return {
+        containerPort: portAndProtocol[0],
+        protocol: portAndProtocol[1]
+      };
+    });
+  }
+  this.Hosts = data.hosts ? data.hosts : []; 
+}

app/docker/models/templateLinuxServer.js

@@ -0,0 +1,36 @@
+function TemplateLSIOViewModel(data) {
+  this.Type = data.type;
+  this.Title = data.title;
+  this.Note = data.description;
+  this.Categories = data.category ? data.category : [];
+  this.Platform = data.platform ? data.platform : 'linux';
+  this.Logo = data.logo;
+  this.Image = data.image;
+  this.Registry = data.registry ? data.registry : '';
+  this.Command = data.command ? data.command : '';
+  this.Network = data.network ? data.network : '';
+  this.Env = data.env ? data.env : [];
+  this.Privileged = data.privileged ? data.privileged : false;
+  this.Interactive = data.interactive ? data.interactive : false;
+  this.RestartPolicy = data.restart_policy ? data.restart_policy : 'always';
+  this.Volumes = [];
+  if (data.volumes) {
+    this.Volumes = data.volumes.map(function (v) {
+      return {
+        readOnly: false,
+        containerPath: v,
+        type: 'auto'
+      };
+    });
+  }
+  this.Ports = [];
+  if (data.ports) {
+    this.Ports = data.ports.map(function (p) {
+      var portAndProtocol = _.split(p, '/');
+      return {
+        containerPort: portAndProtocol[0],
+        protocol: portAndProtocol[1]
+      };
+    });
+  }
+}

app/docker/models/volume.js

@@ -0,0 +1,18 @@
+function VolumeViewModel(data) {
+  this.Id = data.Name;
+  this.Driver = data.Driver;
+  this.Options = data.Options;
+  this.Labels = data.Labels;
+  if (this.Labels && this.Labels['com.docker.compose.project']) {
+    this.StackName = this.Labels['com.docker.compose.project'];
+  } else if (this.Labels && this.Labels['com.docker.stack.namespace']) {
+    this.StackName = this.Labels['com.docker.stack.namespace'];
+  }
+  this.Mountpoint = data.Mountpoint;
+
+  if (data.Portainer) {
+    if (data.Portainer.ResourceControl) {
+      this.ResourceControl = new ResourceControlViewModel(data.Portainer.ResourceControl);
+    }
+  }
+}