Add edit-dialog page to creating nodes guide

Author: knolleary

_includes/toc-creating-nodes.html

@@ -6,15 +6,16 @@
             <li {% if page.url == "/docs/creating-nodes/first-node" %}class="active"{% endif %}><a href="/docs/creating-nodes/first-node">Creating your first node</a></li>
             <li {% if page.url == "/docs/creating-nodes/node-js" %}class="active"{% endif %}><a href="/docs/creating-nodes/node-js">JavaScript File</a></li>
             <li {% if page.url == "/docs/creating-nodes/node-html" %}class="active"{% endif %}><a href="/docs/creating-nodes/node-html">HTML File</a></li>
-            <li {% if page.url == "/docs/creating-nodes/context" %}class="active"{% endif %}><a href="/docs/creating-nodes/context">Storing Context</a></li>
+            <li {% if page.url == "/docs/creating-nodes/packaging" %}class="active"{% endif %}><a href="/docs/creating-nodes/packaging">Packaging</a></li>
             <li {% if page.url == "/docs/creating-nodes/properties" %}class="active"{% endif %}><a href="/docs/creating-nodes/properties">Node properties</a></li>
             <li {% if page.url == "/docs/creating-nodes/credentials" %}class="active"{% endif %}><a href="/docs/creating-nodes/credentials">Node credentials</a></li>
             <li {% if page.url == "/docs/creating-nodes/appearance" %}class="active"{% endif %}><a href="/docs/creating-nodes/appearance">Node appearance</a></li>
+            <li {% if page.url == "/docs/creating-nodes/edit-dialog" %}class="active"{% endif %}><a href="/docs/creating-nodes/edit-dialog">Node edit dialog</a></li>
+            <li {% if page.url == "/docs/creating-nodes/context" %}class="active"{% endif %}><a href="/docs/creating-nodes/context">Storing Context</a></li>
             <li {% if page.url == "/docs/creating-nodes/status" %}class="active"{% endif %}><a href="/docs/creating-nodes/status">Node status</a></li>
             <li {% if page.url == "/docs/creating-nodes/config-nodes" %}class="active"{% endif %}><a href="/docs/creating-nodes/config-nodes">Configuration nodes</a></li>
             <li {% if page.url == "/docs/creating-nodes/help-style-guide" %}class="active"{% endif %}><a href="/docs/creating-nodes/help-style-guide">Help style guide</a></li>
             <li {% if page.url == "/docs/creating-nodes/examples" %}class="active"{% endif %}><a href="/docs/creating-nodes/examples">Adding examples</a></li>
-            <li {% if page.url == "/docs/creating-nodes/packaging" %}class="active"{% endif %}><a href="/docs/creating-nodes/packaging">Packaging</a></li>
             <li {% if page.url == "/docs/creating-nodes/i18n" %}class="active"{% endif %}><a href="/docs/creating-nodes/i18n">Internationalisation</a></li>
         </ul>
     </li>

css/docs.css

@@ -254,7 +254,9 @@ div.figure p.caption {
     font-style: italic;
     color: #999;
 }
-
+div.figure pre {
+    margin-bottom: 0px
+}
 table.action-ref {
     width: auto;
     min-width: 310px;
@@ -362,7 +364,7 @@ td {
     padding: 6px 5px;
     border-bottom: 1px solid #F4DEDE;
 }
-td:first-child span {
+td:first-child span.method {
     font-family: "Ubuntu Mono";
     font-size: 0.9em;
     background: #F4DEDE;

css/editor-style.min.css

@@ -5,7 +5,7 @@
 .highlight .k { color: #66d9ef } /* Keyword */
 .highlight .l { color: #ae81ff } /* Literal */
 .highlight .n { color: #f8f8f2 } /* Name */
-.highlight .o { color: #f92672 } /* Operator */
+.highlight .o { color: #dc8f8f } /* Operator */
 .highlight .p { color: #f8f8f2 } /* Punctuation */
 .highlight .cm { color: #afa98c } /* Comment.Multiline */
 .highlight .cp { color: #afa98c } /* Comment.Preproc */
@@ -15,7 +15,7 @@
 .highlight .gs { font-weight: bold } /* Generic.Strong */
 .highlight .kc { color: #66d9ef } /* Keyword.Constant */
 .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
-.highlight .kn { color: #f92672 } /* Keyword.Namespace */
+.highlight .kn { color: #dc8f8f } /* Keyword.Namespace */
 .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
 .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
 .highlight .kt { color: #66d9ef } /* Keyword.Type */
@@ -34,9 +34,9 @@
 .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
 .highlight .nx { color: #a6e22e } /* Name.Other */
 .highlight .py { color: #f8f8f2 } /* Name.Property */
-.highlight .nt { color: #f92672 } /* Name.Tag */
+.highlight .nt { color: #dc8f8f } /* Name.Tag */
 .highlight .nv { color: #f8f8f2 } /* Name.Variable */
-.highlight .ow { color: #f92672 } /* Operator.Word */
+.highlight .ow { color: #dc8f8f } /* Operator.Word */
 .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
 .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
 .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
@@ -61,5 +61,5 @@
 
 .highlight .gh { } /* Generic Heading & Diff Header */
 .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
-.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
+.highlight .gd { color: #dc8f8f; } /* Generic.Deleted & Diff Deleted */
 .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */

css/syntax.css

@@ -11,20 +11,20 @@ slug:
 
  Endpoint                                                   | Description
 ------------------------------------------------------------|-------------------------
-[<span>GET</span>/auth/login](get/auth/login)               | Get the active authentication scheme
-[<span>POST</span>/auth/token](post/auth/token)             | Exchange credentials for access token
-[<span>POST</span>/auth/revoke](post/auth/revoke)           | Revoke an access token
-[<span>GET</span>/settings](get/settings)                   | Get the runtime settings
-[<span>GET</span>/flows](get/flows)                         | Get the active flow configuration
-[<span>POST</span>/flows](post/flows)                       | Set the active flow configuration
-[<span>POST</span>/flow](post/flow)                         | Add a flow to the active configuration
-[<span>GET</span>/flow/:id](get/flow)                       | Get an individual flow configuration
-[<span>PUT</span>/flow/:id](put/flow)                       | Update an individual flow configuration
-[<span>DELETE</span>/flow/:id](delete/flow)                 | Delete an individual flow configuration
-[<span>GET</span>/nodes](get/nodes)                         | Get a list of the installed nodes
-[<span>POST</span>/nodes](post/nodes)                       | Install a new node module
-[<span>GET</span>/nodes/:module](get/nodes/module)          | Get a node module's information
-[<span>PUT</span>/nodes/:module](put/nodes/module)          | Enable/Disable a node module
-[<span>DELETE</span>/nodes/:module](delete/nodes/module)    | Remove a node module
-[<span>GET</span>/nodes/:module/:set](get/nodes/module/set) | Get a node module set information
-[<span>PUT</span>/nodes/:module/:set](put/nodes/module/set) | Enable/Disable a node set
+[<span class="method">GET</span>/auth/login](get/auth/login)               | Get the active authentication scheme
+[<span class="method">POST</span>/auth/token](post/auth/token)             | Exchange credentials for access token
+[<span class="method">POST</span>/auth/revoke](post/auth/revoke)           | Revoke an access token
+[<span class="method">GET</span>/settings](get/settings)                   | Get the runtime settings
+[<span class="method">GET</span>/flows](get/flows)                         | Get the active flow configuration
+[<span class="method">POST</span>/flows](post/flows)                       | Set the active flow configuration
+[<span class="method">POST</span>/flow](post/flow)                         | Add a flow to the active configuration
+[<span class="method">GET</span>/flow/:id](get/flow)                       | Get an individual flow configuration
+[<span class="method">PUT</span>/flow/:id](put/flow)                       | Update an individual flow configuration
+[<span class="method">DELETE</span>/flow/:id](delete/flow)                 | Delete an individual flow configuration
+[<span class="method">GET</span>/nodes](get/nodes)                         | Get a list of the installed nodes
+[<span class="method">POST</span>/nodes](post/nodes)                       | Install a new node module
+[<span class="method">GET</span>/nodes/:module](get/nodes/module)          | Get a node module's information
+[<span class="method">PUT</span>/nodes/:module](put/nodes/module)          | Enable/Disable a node module
+[<span class="method">DELETE</span>/nodes/:module](delete/nodes/module)    | Remove a node module
+[<span class="method">GET</span>/nodes/:module/:set](get/nodes/module/set) | Get a node module set information
+[<span class="method">PUT</span>/nodes/:module/:set](put/nodes/module/set) | Enable/Disable a node set

docs/api/admin/methods/index.md

@@ -12,38 +12,39 @@ flows are exported from the editor.
 To add credentials to a node, the following steps are taken:
 
 1. Add a new `credentials` entry to the node's definition:
-
-        credentials: {
-            username: {type:"text"},
-            password: {type:"password"}
-        },
-
+   ```javascript
+    credentials: {
+       username: {type:"text"},
+       password: {type:"password"}
+    },
+   ```
    The entries take a single option - their `type` which can be either `text` or
    `password`.
 
 2. Add suitable entries to the edit template for the node
-
-        <div class="form-row">
-            <label for="node-input-username"><i class="icon-tag"></i> Username</label>
-            <input type="text" id="node-input-username">
-        </div>
-        <div class="form-row">
-            <label for="node-input-password"><i class="icon-tag"></i> Password</label>
-            <input type="password" id="node-input-password">
-        </div>
-
+    ```html
+    <div class="form-row">
+        <label for="node-input-username"><i class="icon-tag"></i> Username</label>
+        <input type="text" id="node-input-username">
+    </div>
+    <div class="form-row">
+        <label for="node-input-password"><i class="icon-tag"></i> Password</label>
+        <input type="password" id="node-input-password">
+    </div>
+    ```
     Note that the template uses the same element `id` conventions as regular
     node properties.
 
 3. In the node's `.js` file, the call to `RED.nodes.registerType` must be updated
    to include the credentials:
-
-        RED.nodes.registerType("my-node",MyNode,{
-            credentials: {
-                username: {type:"text"},
-                password: {type:"password"}
-            }
-        });
+   ```javascript
+    RED.nodes.registerType("my-node",MyNode,{
+        credentials: {
+            username: {type:"text"},
+            password: {type:"password"}
+        }
+    });
+    ```
 
 ### Accessing credentials