From 01e48b740673d20c01a50ac60ba59317d8fa17b8 Mon Sep 17 00:00:00 2001
From: paris <pariskasidiaris@gmail.com>
Date: Fri, 2 May 2014 23:45:00 +0000
Subject: [PATCH] Revamped the attach addon

Also updated docs with proper attach url
---
 addons/attach/index.html | 55 ++++++++++++++++++++++++++++++++++++++++
 docs/index.rst           |  3 ++-
 2 files changed, 57 insertions(+), 1 deletion(-)
diff --git a/addons/attach/index.html b/addons/attach/index.html
index 654a0245..b6f853be 100644
--- a/addons/attach/index.html
+++ b/addons/attach/index.html
@@ -5,8 +5,61 @@
     <link rel="stylesheet" href="../../demo/style.css" />
     <script src="../../src/xterm.js"></script>
     <script src="attach.js"></script>
+    <style>
+        body {
+            color: #111;
+        }
+        
+        h1, h2 {
+            color: #444;
+            border-bottom: 1px solid #ddd;
+            text-align: left;
+        }
+        
+        form {
+            margin-bottom: 32px;
+        }
+        
+        input, button {
+            line-height: 22px;
+            font-size: 16px;
+            display: inline-block;
+            border-radius: 2px;
+            border: 1px solid #ccc;
+        }
+        
+        input {
+            height: 22px;
+            padding-left: 4px;
+            padding-right: 4px;
+        }
+        
+        button {
+            height: 28px;
+            background-color: #ccc;
+            cursor: pointer;
+            color: #333;
+        }
+        
+        .container {
+            max-width: 900px;
+            margin: 0 auto;
+        }
+    </style>
   </head>
   <body>
+      <div class="container">
+          
+    <h1>
+        xterm.js: socket attach
+    </h1>
+          <p>
+              Attach the terminal to a WebSocket terminal stream with ease. Perfect for attaching to your
+              Docker containers.
+          </p>
+          <h2>
+              Socket information
+          </h2>
     <form id="socket-form">
       <input id="socket-url"
              type="text"
@@ -17,6 +70,8 @@
       </button>
     </form>
     <div id="terminal-container"></div>
+          
+      </div>
     <script>
       var term = new Terminal(),
           container = document.getElementById('terminal-container'),
diff --git a/docs/index.rst b/docs/index.rst
index ad5d3d7b..8dded1bc 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -19,7 +19,8 @@ Getting started
 .. code-block:: javascript
     
    var term = new Terminal(),
-       socket = new WebSocket('ws://docker/containers/mycontainer/attach/ws');
+       url = 'ws://docker/containers/mycontainer/attach/ws/?stdin=1&stdout=1&stderr=1&logs=1',
+       socket = new WebSocket(url);
   
    term.open(document.body);
    term.on('data', function (data) {
