Make manual pages overview more readable.

Author: Kasper Peeters

Makefile

@@ -2,19 +2,22 @@
 all:
 	@echo -n "\nTo build Cadabra, \n\n   mkdir build\n   cd build\n   cmake ..\n   make\n\nThe other targets here are (for maintainer purposes only)\n\n   tarball:     build a tarball cadabra2-latest.tar.gz of current HEAD\n   doc:         generate doxygen docs in doc\n   webup:       build web pages/tutorials/man pages and upload to server\n   updatesnoop: sync snoop repo\n   packages:    create deb/rpm packages on buildbot\n\nIf you need help, email [email protected]\n\n"
 
-.PHONY: doc webup
+.PHONY: doc tarball claybuild webup format packages updatesnoop
 
 tarball:
 	git archive --format=tar --prefix=cadabra2-latest/ HEAD | gzip > ${HOME}/tmp/cadabra2-latest.tar.gz
 
 doc:
 	doxygen config/Doxyfile
 
-webup:
+claybuild:
+	cd web2/cadabra2/source; rm -Rf build; clay build
+
+webup: claybuild
 	cd build; make -f web2/Makefile
 	doxygen config/Doxyfile
 	rsync -avz --chmod=+rx doxygen/ cadabra_web:/var/www/cadabra2/doxygen/
-	cd web2/cadabra2/source; clay build; rsync -avz --chmod=+rx build/ cadabra_web:/var/www/cadabra2/;  rsync -avz --chmod=+rx static/styles/ cadabra_web:/var/www/cadabra2/static/styles; rsync -avz --chmod=+rx static/fonts/ cadabra_web:/var/www/cadabra2/static/fonts; rsync -avz --chmod=+rx static/images/ cadabra_web:/var/www/cadabra2/static/images/; rsync -avz --chmod=+rx static/icons/ cadabra_web:/var/www/cadabra2/static/icons/; rsync -avz --chmod=+rx static/pdf/ cadabra_web:/var/www/cadabra2/static/pdf/; rsync -avz --chmod=+rx static/scripts/ cadabra_web:/var/www/cadabra2/static/scripts/; rsync -avz --chmod=+r static/robots.txt cadabra_web:/var/www/cadabra2
+	cd web2/cadabra2/source; rsync -avz --chmod=+rx build/ cadabra_web:/var/www/cadabra2/;  rsync -avz --chmod=+rx static/styles/ cadabra_web:/var/www/cadabra2/static/styles; rsync -avz --chmod=+rx static/fonts/ cadabra_web:/var/www/cadabra2/static/fonts; rsync -avz --chmod=+rx static/images/ cadabra_web:/var/www/cadabra2/static/images/; rsync -avz --chmod=+rx static/icons/ cadabra_web:/var/www/cadabra2/static/icons/; rsync -avz --chmod=+rx static/pdf/ cadabra_web:/var/www/cadabra2/static/pdf/; rsync -avz --chmod=+rx static/scripts/ cadabra_web:/var/www/cadabra2/static/scripts/; rsync -avz --chmod=+r static/robots.txt cadabra_web:/var/www/cadabra2
 
 format:
 	astyle --style=k/r --indent=tab=3 --recursive --attach-classes --attach-namespaces --indent-classes --indent-namespaces --indent-switches --break-closing-braces '*.hh'

web2/cadabra2/source/layout.html

@@ -208,6 +208,6 @@
 		"logo": "https://cadabra.science/static/icons/cadabra2.png"
 		}
 	 </script>
-
+	 <script type="text/javascript" src="/static/js/cadabra.js"></script>
   </body>
 </html>

web2/cadabra2/source/man.html

@@ -27,7 +27,7 @@ <h2>Packages</h2>
   the usual Python way with <code>import</code>. Their content is
   listed below.
 </p>
-  <table>
+  <table class="package-toc-table">
 	 {% include "packages_toc.html" %}
   </table>
 

web2/cadabra2/source/static/js/cadabra.js

@@ -0,0 +1,14 @@
+var x = document.getElementsByClassName("folding");
+var i;
+for (i = 0; i < x.length; i++) {
+    console.log(x[i]);
+    x[i].onclick = function(el) {
+        if(el.currentTarget.classList.contains('uncovered')) {
+            el.currentTarget.classList.remove('uncovered');
+        } else {
+	    el.currentTarget.classList.add('uncovered');
+        }
+    }
+}
+
+

web2/cadabra2/source/static/styles/cadabra-web.css

@@ -182,6 +182,39 @@ div#main h3 {
 	 color: green;
 	 font-size: 16px;
 }
+table.package-toc-table {
+    border-spacing: 0px;
+}
+.package-toc-table .package-name {
+    height: 2em;
+    vertical-align: bottom;
+	 font-family: "Bree Serif";
+	 font-weight: normal;
+	 color: green;
+	 font-size: 16px;
+	 cursor: pointer;
+}
+.package-toc-table tr td:first-child {
+    min-width: 30px;
+}
+.package-toc-table .package-desc {
+    height: 2em;
+    vertical-align: top;
+}
+.package-toc-table tr:not(:nth-child(1)):not(:nth-child(2)) {
+    transform: scale(1, 0);
+    line-height: 0px;
+    transition: transform .5s, line-height .5s;
+    visibility: none;
+}
+.package-toc-table tr:not(:nth-child(1)):not(:nth-child(2)) {
+    padding: 0px;
+}
+.package-toc-table tbody.uncovered tr:not(:nth-child(1)):not(:nth-child(2)) {
+    transform: scale(1, 1);
+    line-height: 1.5em;
+}
+
 .latex_view h3 {
 	 margin-left: 0px !important;
 }

web2/scan.py

@@ -40,9 +40,9 @@ def scan_file(prevcat, dir, filename, ext):
         is_multi = (package_name!="")
 
         if is_multi:
-            print('<h3>'+package_name+'</h3>')
-            print('<p>'+package_desc+'</p>')
-            print('<table>')
+            print('<tbody class="folding">')
+            print('<tr class="package-name"><td colspan=4">'+package_name+'</td></tr>')
+            print('<tr class="package-desc"><td colspan=4>'+package_desc+'</td></tr>')
 
         for cell in data["cells"]:
             if not "cells" in cell:
@@ -80,7 +80,7 @@ def scan_file(prevcat, dir, filename, ext):
                 print('<td>'+desc+'</td></tr>')
 
         if is_multi:
-            print('</table>')
+            print('<tr><td colspan=4>&nbsp;</td></tr></tbody>')
 
     return prevcat