EVOLUTION-MANAGER

Edit File: index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>wssh</title>

<form id="connect" class="form-horizontal">
                <fieldset>
                    <legend>Connect to a remote SSH server</legend>

<div class="control-group">
                        <label class="control-label">
                            Destination
                        </label>
                        <div class="controls">
                            <input type="text" id="username"
                                class="input-small"
                                placeholder="root" />
                            <div class="input-prepend">
                                <span class="add-on">@</span><input
                                    type="text"
                                    id="hostname"
                                    class="input-large"
                                    placeholder="localhost" />
                            </div>
                        </div>
                    </div>

<div class="control-group">
                        <label class="control-label">
                            Authentication method
                        </label>

<div class="controls">
                            <label class="radio">
                                <input type="radio" name="authentication_method"
                                    value="password" checked />
                                    Password
                            </label>

<label class="radio">
                                <input type="radio" name="authentication_method"
                                    value="private_key" />
                                    Private Key
                            </label>
                        </div>
                    </div>

<div class="control-group" id="password_authentication">
                        <label class="control-label">
                            Password
                        </label>
                        <div class="controls">
                            <input type="password" id="password"
                                class="input-large" />
                        </div>
                    </div>

<div id="private_key_authentication">
                        <div class="control-group">
                            <label class="control-label">
                                Private Key
                            </label>
                            <div class="controls">
                                <textarea id="private_key" rows="6"
                                    class="input-xxlarge"></textarea>
                                <p class="help-block">
                                    Copy &amp; Paste your SSH private from
                                    <code>~/.ssh/id_rsa</code> or
                                    <code>~/.ssh/id_dsa</code>
                                </p>
                            </div>
                        </div>

<div class="control-group">
                            <label class="control-label">
                                Key Passphrase
                            </label>
                            <div class="controls">
                                <input type="password" id="key_passphrase"
                                    class="input-large" />
                                <p class="help-block">
                                    Enter your private key passphrase if it
                                    is encrypted. Leave empty otherwise.
                                </p>
                            </div>
                        </div>
                    </div>

<div class="form-actions">
                        <button type="submit" class="btn btn-primary">
                            Connect
                        </button>
                    </div>

</fieldset>
            </form>

</div>

$('input:radio[value=private_key]', '#connect').click(
                    function() {
                        $('#password_authentication').hide();
                        $('#private_key_authentication').show();
                    }
                );

$('input:radio[value=password]', '#connect').click(
                    function() {
                        $('#password_authentication').show();
                        $('#private_key_authentication').hide();
                    }
                );

$('#connect').submit(function(ev) {
                    ev.preventDefault();

// Clear errors
                    $('.error').removeClass('error');

var username = $('input:text#username');
                    var hostname = $('input:text#hostname');

var authentication = $(
                        'input[name=authentication_method]:checked',
                        '#connect').val();

var options = {
                        username: username.val(),
                        hostname: hostname.val(),
                        authentication_method: authentication
                    };

if (authentication == 'password') {
                        var password = $('input:password#password');
                        if (!validate([username, hostname, password]))
                            return false;
                        $.extend(options, {password: password.val()});
                    } else if (authentication == 'private_key') {
                        var private_key = $('textarea#private_key');
                        if (!validate([username, hostname, private_key]))
                            return false;
                        $.extend(options, {private_key: private_key.val()});
                        var key_passphrase = $('input:password#key_passphrase');
                        if (key_passphrase.val()) {
                            $.extend(options,
                                {key_passphrase: key_passphrase.val()});
                        }
                    }

$('#connect').hide();
                    $('#ssh').show();
                    openTerminal(options);
                });
            });
        </script>
    </body>
</html>