docker-labs/www/assets/app.js

(function () {
	'use strict';

	var app = angular.module('DockerPlay', ['ngMaterial']);

	app.controller('PlayController', ['$scope', '$log', '$http', '$location', '$timeout', '$mdDialog', function($scope, $log, $http, $location, $timeout, $mdDialog) {
		$scope.sessionId = window.location.pathname.replace('/p/', '');
		$scope.instances = [];
		$scope.selectedInstance = null;

		    $scope.showAlert = function(title, content) {
		     $mdDialog.show(
		       $mdDialog.alert()
			.parent(angular.element(document.querySelector('#popupContainer')))
			.clickOutsideToClose(true)
			.title(title)
			.textContent(content)
			.ok('Got it!')
		     );
		    }

		$scope.newInstance = function() {
			$http({
				method: 'POST',
				url: '/sessions/' + $scope.sessionId + '/instances',
			}).then(function(response) {
				var i = response.data;
				$scope.instances.push(i);
				$scope.showInstance(i);
			}, function(response) {
        if (response.status == 409) {
          $scope.showAlert('Max instances reached', 'Maximum number of instances reached')
        }
			});
		}

		$scope.getSession = function(sessionId) {
			$http({
				method: 'GET',
				url: '/sessions/' + $scope.sessionId,
			}).then(function(response) {
				var i = response.data;
				for (var k in i.instances) {
					var instance = i.instances[k];

					$scope.instances.push(instance);
				}
				if ($scope.instances.length) {
					$scope.showInstance($scope.instances[0]);
				}

				// Since session exists, we check it still exists every 10 seconds
				$scope.checkHandler = setInterval(checkSession, 10*1000);
			}, function(response) {
				if (response.status == 404) {
				  document.write('session not found');
				  return
				}
			});
		}

		$scope.showInstance = function(instance) {
			$scope.selectedInstance = instance;
			if (!instance.isAttached) {
				$timeout(function() {instance.term = createTerminal(instance.name);});
				instance.isAttached = true;
			} else {
				$timeout(function() {instance.term.focus()});
      }
		}

		$scope.deleteInstance = function(instance) {
			$http({
				method: 'DELETE',
				url: '/sessions/' + $scope.sessionId + '/instances/' + instance.name,
			}).then(function(response) {
				$scope.instances = $scope.instances.filter(function(i) { return i.name != instance.name });
				if ($scope.instances.length) {
					$scope.showInstance($scope.instances[0]);
				}
			}, function(response) {
				console.log('error', response);
			});
		}

		$scope.getSession($scope.sessionId);

		function checkSession() {
			$http({
				method: 'GET',
				url: '/sessions/' + $scope.sessionId,
			}).then(function(response) {}, function(response) {
				if (response.status == 404) {
					clearInterval($scope.checkHandler);
					$scope.showAlert('Session timedout!', 'Your session has expire and all your instances has been deleted.')
				}
			});
		}
	}]);
})();