Giter Club home page Giter Club logo

container-terminal's Introduction

Kubernetes Container Terminal

Provides a simple container TTY for Kubernetes pods.

Disclaimer

This is an early implementation and is subject to change.

Requires: kubernetes/kubernetes#13885

Screenshot

Getting Started

The kubernetes terminal is provided in the kubernetes-container-terminal bower package.

To get the kubernetes-container-terminal bower component in another project, run:

bower install kubernetes-container-terminal --save

To see a simple running example git clone this repo and run

npm install
grunt depends
firefox index.html

This will install any required dependencies necessary to run the index.html demo.

Usage

Include the JS and CSS files, after angularjs and d3:

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/kubernetes-container-terminal/dist/xterm.js"></script>
<script src="bower_components/kubernetes-container-terminal/dist/container-terminal.js"></script>
<link rel="stylesheet" href="bower_components/kubernetes-container-terminal/dist/xterm.css" />
<link rel="stylesheet" href="bower_components/kubernetes-container-terminal/dist/container-terminal.css" />

Make sure your angular app / module includes kubernetesUI as a module dependency.

angular.module('exampleApp', ['kubernetesUI'])

Now include the terminal in your HTML. You must already have a pod resource, or a string URL in the current scope you pass to the terminal for its initialization.

<kubernetes-container-terminal pod="pod_resource">
</kubernetes-container-terminal>

Documentation

&pod

Required. Either a URL path of the pod as a string, or a Kubernetes resource Pod object. If the latter then resource.metadata.selfLink will be used as the URL.

&container

The name of the container in the Pod to open the terminal for. If not specified then Kubernetes will connect to one of the containers.

@command

The command to run. Either an executable string, or an array containing the executable and all the arguments. If not specified will default to running an interactive shell.

=prevent

If set to true then the widget will not start connecting automatically. It will wait for either user action or for the prevent flag to be cleared.

=status

Reports the connectivity status of the terminal back to the parent scope. The two states currently implemented are connected and disconnected. This is not an input.

Container Socket Service

There is a container socket service that the terminal widget uses to create the WebSocket objects. The default implementation uses the current document location to qualify the pod URL.

You can specify a custom Factory like this:

angular.module("myFancyThings")
    .config(function(kubernetesContainerSocketProvider) {
        kubernetesContainerSocketProvider.WebSocketFactory = "MyWebSockets";
    })
    .factory("MyWebSockets", function() {
        return function MyWebSocket(url, protocols) {
            url = "wss://example.com" + url + "&access_token=blahblahblah";
            return new WebSocket(url, protocols);
        };
    });

Styling

See container-terminal.css for an example default look and feel.

Contributing

Git clone this repo and run grunt serve. While the server is running, any time changes are made to the JS or HTML files the build will run automatically. Before committing any changes run the grunt build task to make sure dist/container-terminal.js has been updated and include the updated file in your commit.

container-terminal's People

Contributors

jwforres avatar stefwalter avatar spadgett avatar rhamilto avatar markdemaria avatar martinpitt avatar benjaminapetersen avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.