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

2025-07-19 05:19:39 +02:00 · 2018-02-01 13:27:52 +01:00 · 2018-02-01 13:27:52 +01:00 · 27dceadba1
commit 27dceadba1
parent e6422a6d75
354 changed files with 1518 additions and 1755 deletions
--- a/app/docker/views/containers/console/containerConsoleController.js
+++ b/app/docker/views/containers/console/containerConsoleController.js
@ -0,0 +1,110 @@
+angular.module('portainer.docker')
+.controller('ContainerConsoleController', ['$scope', '$transition$', 'Container', 'Image', 'EndpointProvider', 'Notifications', 'ContainerHelper', 'ContainerService', 'ExecService',
+function ($scope, $transition$, Container, Image, EndpointProvider, Notifications, ContainerHelper, ContainerService, ExecService) {
+  $scope.state = {
+    loaded: false,
+    connected: false
+  };
+
+  $scope.formValues = {};
+
+  var socket, term;
+
+  // Ensure the socket is closed before leaving the view
+  $scope.$on('$stateChangeStart', function (event, next, current) {
+    if (socket && socket !== null) {
+      socket.close();
+    }
+  });
+
+  Container.get({id: $transition$.params().id}, function(d) {
+    $scope.container = d;
+    if (d.message) {
+      Notifications.error('Error', d, 'Unable to retrieve container details');
+    } else {
+      Image.get({id: d.Image}, function(imgData) {
+        $scope.imageOS = imgData.Os;
+        $scope.formValues.command = imgData.Os === 'windows' ? 'powershell' : 'bash';
+        $scope.state.loaded = true;
+      }, function (e) {
+        Notifications.error('Failure', e, 'Unable to retrieve image details');
+      });
+    }
+  }, function (e) {
+    Notifications.error('Failure', e, 'Unable to retrieve container details');
+  });
+
+  $scope.connect = function() {
+    var termWidth = Math.floor(($('#terminal-container').width() - 20) / 8.39);
+    var termHeight = 30;
+    var command = $scope.formValues.isCustomCommand ?
+                    $scope.formValues.customCommand : $scope.formValues.command;
+    var execConfig = {
+      id: $transition$.params().id,
+      AttachStdin: true,
+      AttachStdout: true,
+      AttachStderr: true,
+      Tty: true,
+      User: $scope.formValues.user,
+      Cmd: ContainerHelper.commandStringToArray(command)
+    };
+
+    var execId;
+    ContainerService.createExec(execConfig)
+    .then(function success(data) {
+      execId = data.Id;
+      var url = window.location.href.split('#')[0] + 'api/websocket/exec?id=' + execId + '&endpointId=' + EndpointProvider.endpointID();
+      if (url.indexOf('https') > -1) {
+        url = url.replace('https://', 'wss://');
+      } else {
+        url = url.replace('http://', 'ws://');
+      }
+      initTerm(url, termHeight, termWidth);
+      return ExecService.resizeTTY(execId, termHeight, termWidth, 2000);
+    })
+    .catch(function error(err) {
+      Notifications.error('Failure', err, 'Unable to exec into container');
+    });
+  };
+
+  $scope.disconnect = function() {
+    $scope.state.connected = false;
+    if (socket !== null) {
+      socket.close();
+    }
+    if (term !== null) {
+      term.destroy();
+    }
+  };
+
+  function initTerm(url, height, width) {
+    socket = new WebSocket(url);
+
+    $scope.state.connected = true;
+    socket.onopen = function(evt) {
+      term = new Terminal();
+
+      term.on('data', function (data) {
+        socket.send(data);
+      });
+      term.open(document.getElementById('terminal-container'), true);
+      term.resize(width, height);
+      term.setOption('cursorBlink', true);
+      term.fit();
+
+      window.onresize = function() {
+        term.fit();
+      };
+
+      socket.onmessage = function (e) {
+        term.write(e.data);
+      };
+      socket.onerror = function (error) {
+        $scope.state.connected = false;
+      };
+      socket.onclose = function(evt) {
+        $scope.state.connected = false;
+      };
+    };
+  }
+}]);