documentation template : classes names indentation

stuff · stuff · commit c24b6e6f1c10 · 2014-04-11T00:11:26.000+02:00
diff --git a/docs/build/docstrap-master/template/publish.js b/docs/build/docstrap-master/template/publish.js
@@ -285,7 +285,10 @@ function buildNav( members ) {
 		members.classes.forEach( function ( c ) {
 			if ( !hasOwnProp.call( seen, c.longname ) ) {
 
-				nav.class.members.push( linkto( c.longname, c.name ) );
+				nav.class.members.push( {
+					link: linkto( c.longname, c.name ),
+					depth: c.longname.split('.').length - 1
+				} );
 			}
 			seen[c.longname] = true;
 		} );
@@ -309,7 +312,10 @@ function buildNav( members ) {
 		members.namespaces.forEach( function ( n ) {
 			if ( !hasOwnProp.call( seen, n.longname ) ) {
 
-				nav.namespace.members.push( linkto( n.longname, n.name ) );
+				nav.namespace.members.push( {
+					link: linkto( n.longname, n.name ),
+					depth: 0
+				} );
 			}
 			seen[n.longname] = true;
 		} );
diff --git a/docs/build/docstrap-master/template/static/styles/sunlight.default.css b/docs/build/docstrap-master/template/static/styles/sunlight.default.css
@@ -341,4 +341,24 @@
 /* erlang */
 .sunlight-erlang .sunlight-atom {
 	font-weight: bold !important;
+}
+
+dt.class-depth-0 a,
+.dropdown-menu > li.class-depth-0 > a {
+  padding-left: 0;
+}
+
+dt.class-depth-1 a,
+.dropdown-menu > li.class-depth-1 > a {
+  padding-left: 0;
+}
+
+dt.class-depth-2 a,
+.dropdown-menu > li.class-depth-2 > a {
+  padding-left: 20px;
+}
+
+dt.class-depth-3 a,
+.dropdown-menu > li.class-depth-3 > a {
+  padding-left: 40px;
 }
diff --git a/docs/build/docstrap-master/template/tmpl/container.tmpl b/docs/build/docstrap-master/template/tmpl/container.tmpl
@@ -77,14 +77,24 @@
 
     <?js
         var classes = self.find({kind: 'class', memberof: doc.longname});
+
         if (doc.kind !== 'globalobj' && classes && classes.length) {
     ?>
         <h3 class="subsection-title">Classes</h3>
 
-        <dl><?js classes.forEach(function(c) { ?>
-            <dt><?js= self.linkto(c.longname, c.name) ?></dt>
-            <dd><?js if (c.summary) { ?><?js= c.summary ?><?js } ?></dd>
-        <?js }); ?></dl>
+        <dl>
+            <?js classes.forEach(function(c) { ?>
+                <?js var depth = c.memberof ? c.memberof.split('.').length : 0 ?>
+                <dt class="class-depth-<?js= depth ?>">
+                    <?js= self.linkto(c.longname, c.name) ?>
+                </dt>
+                <dd>
+                    <?js if (c.summary) { ?>
+                        <?js= c.summary ?>
+                    <?js } ?>
+                </dd>
+            <?js }); ?>
+        </dl>
     <?js } ?>
 
     <?js
diff --git a/docs/build/docstrap-master/template/tmpl/layout.tmpl b/docs/build/docstrap-master/template/tmpl/layout.tmpl
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<?js var that = this; ?>
+<?js var that = this;?>
 <html lang="en">
 <head>
 	<meta charset="utf-8">
@@ -31,8 +31,8 @@
 
 					<ul class="dropdown-menu <?js= that.navOptions.navType ==='inline' ? 'inline' : '' ?>">
 						<?js entry.members.forEach(function(member){ ?>
-						<li>
-							<?js= member ?>
+						<li class="class-depth-<?js= member.depth || 0 ?>">
+							<?js= member.link ?>
 						</li>
 						<?js	}); ?>
 
@@ -99,7 +99,7 @@
 	<script>
 		$( function () {
 			$( "#toc" ).toc( {
-			    anchorName  : function(i, heading, prefix) {
+				anchorName  : function(i, heading, prefix) {
 					return $(heading).attr("id") || ( prefix + i );
 				},
 				selectors   : "h1,h2,h3,h4",
