From 219ceac9858b58b47b799b6fe504677ecb383c11 Mon Sep 17 00:00:00 2001 From: Brendan Burns Date: Wed, 1 Oct 2014 10:15:45 -0700 Subject: [PATCH] Initial website add. --- www/box.ng | 32 ++++ www/index.html | 40 ++++ www/logotext.svg | 374 ++++++++++++++++++++++++++++++++++++ www/partials/groups.html | 20 ++ www/partials/pod.html | 63 ++++++ www/podcontroller.js | 168 ++++++++++++++++ www/titlelogo.svg | 404 +++++++++++++++++++++++++++++++++++++++ 7 files changed, 1101 insertions(+) create mode 100644 www/box.ng create mode 100644 www/index.html create mode 100644 www/logotext.svg create mode 100644 www/partials/groups.html create mode 100644 www/partials/pod.html create mode 100644 www/podcontroller.js create mode 100644 www/titlelogo.svg diff --git a/www/box.ng b/www/box.ng new file mode 100644 index 00000000000..a824bacac67 --- /dev/null +++ b/www/box.ng @@ -0,0 +1,32 @@ + +
+
+ {{ groupName }} + +
+
+
+ {{ item.id }} +
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/www/index.html b/www/index.html new file mode 100644 index 00000000000..5d67fa7696e --- /dev/null +++ b/www/index.html @@ -0,0 +1,40 @@ + + + + Kubernetes + + + + + + + + + + +
+ +
+ +
+ + diff --git a/www/logotext.svg b/www/logotext.svg new file mode 100644 index 00000000000..6b702a36dd9 --- /dev/null +++ b/www/logotext.svg @@ -0,0 +1,374 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/www/partials/groups.html b/www/partials/groups.html new file mode 100644 index 00000000000..bfc1f7e077f --- /dev/null +++ b/www/partials/groups.html @@ -0,0 +1,20 @@ + +
+
{{selector}}
+
X
+
+
diff --git a/www/partials/pod.html b/www/partials/pod.html new file mode 100644 index 00000000000..6b2e6536b85 --- /dev/null +++ b/www/partials/pod.html @@ -0,0 +1,63 @@ + +
+
+ {{pod.id}} +
+ {{pod.currentState.status}} on {{pod.currentState.host}} +
+ Created: {{pod.creationTimestamp}} +
+
+ Pod Networking : {{pod.currentState.podIP}} + + + :{{port.containerPort}} + + +
+
+ Host Networking + {{pod.currentState.hostIP}} + + + :{{port.hostPort}} + + +
+
+
+ Labels: +
+
+ {{label}} - {{value}} +
+
+
+ + Containers: +
+ + + + + + + +
NameImageRestarts
{{container.name}}{{container.image}}{{pod.currentState.info[container.name].restartCount}}
+
+
+
diff --git a/www/podcontroller.js b/www/podcontroller.js new file mode 100644 index 00000000000..35d7f1c15db --- /dev/null +++ b/www/podcontroller.js @@ -0,0 +1,168 @@ +/** +Copyright 2014 Google Inc. All rights reserved. + +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +*/ +var k8sApp = angular.module('k8s', ['ngRoute']); + +function PodController() {} + +var apiBase = '/api/v1beta1/'; + +PodController.prototype.handlePod = function(podId) { + this.scope.loading = true; + this.http.get(apiBase + "pods/" + podId) + .success(angular.bind(this, function(data) { + this.scope.pod = data; + this.scope.loading = false; + })) + .error(angular.bind(this, this.handleError)); +}; + +/** + * Generic AJAX error handler. Dumps info to console. + */ +PodController.prototype.handleError = function(data, status, headers, config) { + console.log("Error (" + status + "): " + data); + this.scope_.loading = false; +}; + +k8sApp.controller('PodCtrl', function ($scope, $http, $routeParams) { + $scope.controller = new PodController(); + $scope.controller.http = $http; + $scope.controller.scope = $scope; + $scope.controller.handlePod($routeParams.podId); + }); + +function GroupController() {} + +GroupController.prototype.handlePath = function(path) { + var parts = path.split("/") + // split leaves an empty string at the beginning. + parts = parts.slice(1); + console.log(parts) + + if (parts.length == 0) { + return; + } + this.handleGroups(parts.slice(1)); +}; + + +GroupController.prototype.clearSelector = function() { + window.location.hash = "/groups/" + this.groupBy.join("/") + "/selector"; +}; + +GroupController.prototype.handleGroups = function(parts, selector) { + this.groupBy = parts; + this.scope.loading = true; + this.scope.selector = selector; + var url = apiBase + "pods"; + if (selector && selector.length > 0) { + this.scope.selectorPieces = selector.split(","); + var labels = []; + var fields = []; + for (var i = 0; i < this.scope.selectorPieces.length; i++) { + var piece = this.scope.selectorPieces[i]; + if (piece[0] == '$') { + fields.push(piece.slice(2)); + } else { + labels.push(piece); + } + } + url = url + "?labels=" + encodeURI(labels.join(",")); + if (fields.length > 0) { + url += "&fields=" + encodeURI(fields.join(",")); + } + } + this.http.get(url) + .success(angular.bind(this, function(data) { + this.addLabel("type", "pod", data.items); + for (var i = 0; i < data.items.length; ++i) { + data.items[i].labels["host"] = data.items[i].currentState.host; + } + this.scope.groups = this.groupData(data.items, 0); + this.scope.loading = false; + })) + .error(angular.bind(this, this.handleError)); +}; + +GroupController.prototype.addLabel = function(key, value, items) { + for (var i = 0; i < items.length; i++) { + items[i].labels[key] = value; + } +}; + +GroupController.prototype.groupData = function(items, index) { + var result = { + "items": {}, + "kind": "grouping" + }; + for (var i = 0; i < items.length; i++) { + key = items[i].labels[this.groupBy[index]]; + if (!key) { + key = ""; + } + list = result.items[key]; + if (!list) { + list = []; + result.items[key] = list; + } + list.push(items[i]); + } + + if (index + 1 < this.groupBy.length) { + for (var key in result.items) { + result.items[key] = this.groupData(result.items[key], index + 1); + } + } + return result; +}; + +/** + * Generic AJAX error handler. Dumps info to console. + */ +GroupController.prototype.handleError = function(data, status, headers, config) { + console.log("Error (" + status + "): " + data); + this.scope.loading = false; +}; + +k8sApp.controller('GroupCtrl', function ($scope, $http, $route, $routeParams) { + $scope.controller = new GroupController(); + $scope.controller.http = $http; + $scope.controller.scope = $scope; + $scope.controller.route = $route; + $scope.controller.routeParams = $routeParams; + var groups = $routeParams.grouping; + if (!groups) { + groups = ""; + } + $scope.controller.handleGroups(groups.split("/"), $routeParams.selector); + }); + + +k8sApp.config(['$routeProvider', + function($routeProvider) { + $routeProvider. + when('/groups/:grouping*?\/selector/:selector?', { + templateUrl: 'partials/groups.html', + controller: 'GroupCtrl' + }). + when('/pods/:podId', { + templateUrl: 'partials/pod.html', + controller: 'PodCtrl' + }). + otherwise({ + redirectTo: '/error' + }); + }]); \ No newline at end of file diff --git a/www/titlelogo.svg b/www/titlelogo.svg new file mode 100644 index 00000000000..cf43de3060f --- /dev/null +++ b/www/titlelogo.svg @@ -0,0 +1,404 @@ + + + +image/svg+xml \ No newline at end of file