Allow inner DOM elements to be defined in modules

package.json

@@ -1,7 +1,7 @@
 {
   "name": "grunt-moduledoc",
   "description": "Creates a frontend module documentation",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "homepage": "https://github.com/gwa/grunt-moduledoc",
   "author": {
     "name": "Timothy Groves",

tasks/FileParser.js

@@ -25,7 +25,26 @@ FileParser.prototype.parse = function() {
     }
   );
 
-  return parseContains(data);
+  data = parseDOM(data);
+  data = parseContains(data);
+
+  return data;
+}
+
+function parseDOM(data) {
+  var dom = data.dom, arr;
+
+  if (!dom) {
+    data.dom = 'div';
+    return data;
+  }
+
+  arr = data.dom.split('>');
+
+  data.dom = arr[0];
+  data.dom_inner = arr[1] ? arr[1] : null;
+
+  return data;
 }
 
 function parseContains(data) {

templates/module.mustache

@@ -21,8 +21,8 @@
     {{#if module.description}}
     <div class="description">{{module.description}}</div>
     {{/if}}
-    <pre><code class="language-markup">&lt;{{module.dom}} class=&quot;{{module.class}}&quot;&gt;
-  ...
+    <pre><code class="language-markup">&lt;{{module.dom}}{{#if module.class}} class=&quot;{{module.class}}&quot;{{/if}}&gt;
+  {{#if module.dom_inner}}&lt;{{module.dom_inner}}&gt;...&lt;/{{module.dom_inner}}&gt;{{else}}...{{/if}}
 &lt;/{{module.dom}}&gt;</code></pre>
 
     {{#if module.options.length}}

test/fixtures/docs/button.yml

@@ -1,5 +1,5 @@
 title: BUTTON
 class: ui-button
-dom: a
+dom: a>span
 contains:
   - text