From 3aedff2bd63cabfaa909d66a60d1b1cd531c7a56 Mon Sep 17 00:00:00 2001
From: Jim Phillips <jim@phillips.io>
Date: Wed, 24 Jun 2015 18:06:29 -0400
Subject: [PATCH] make TOC collapse and expand

Change-Id: I8083c705c357f3ed45ab1eab5022615cbf2f7612
---
 _templates/mirantis/static/abtest.js     |  18 +++++++++++
 _templates/mirantis/static/collapsed.png | Bin 0 -> 1000 bytes
 _templates/mirantis/static/expanded.png  | Bin 0 -> 995 bytes
 _templates/mirantis/static/styles.css    |  38 +++++++++++++++++++++++
 4 files changed, 56 insertions(+)
 create mode 100644 _templates/mirantis/static/collapsed.png
 create mode 100644 _templates/mirantis/static/expanded.png

diff --git a/_templates/mirantis/static/abtest.js b/_templates/mirantis/static/abtest.js
index 0666d18fc..9e30be2a8 100644
--- a/_templates/mirantis/static/abtest.js
+++ b/_templates/mirantis/static/abtest.js
@@ -150,6 +150,21 @@ function populateContent(callback){
 	callback();
 }
 
+function prepareList(){
+	$('#contents ul.simple').find('li:has(ul)').unbind('click').click(function(event) {
+		if(this == event.target) {
+			$(this).toggleClass('expanded');
+			$(this).children('ul').toggle('medium');
+		}
+		return false;
+	}).addClass('collapsed').removeClass('expanded').children('ul').hide();
+
+	$('#contents ul.simple a').unbind('click').click(function() {
+		window.open($(this).attr('href'),'_self');
+		return false;
+	});
+}
+
 $(document).ready(function () {
 	var url = window.location.pathname;
 	var filename = url.substring(url.lastIndexOf('/') + 1);
@@ -223,4 +238,7 @@ $(document).ready(function () {
 		var tab = $(this).attr('href');
 		$('.nav-tabs a[href="' + tab + '"]').tab('show');
 	});
+
+	prepareList();
+
 });
\ No newline at end of file
diff --git a/_templates/mirantis/static/collapsed.png b/_templates/mirantis/static/collapsed.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e88b52520172fa5ad183a23c57d32817519cb01
GIT binary patch
literal 1000
zcmaJ=PiWIn91eP^!wI4nJv}l76`Oxsvi7lTu1)I-rpzv25f9Chw>E6ai^;3a215|1
z?xY?EUOWgYIuSfMhucN*sACtscoc-`Vea6`m#*zRSVNNc-jDD5et+NMc=3F1&+#6H
zVR{Q=T8XZQ;xDm}{_mZ6eTy!~NUlsK@Dyp70b)jNJc&TTHLIwEOndg~2Q<Vm`%gGV
znUwVl(84Zf#uzSgeadE-p^?Zpt!YHSB&s@|%Klh+%L2z%*-Nr6=zbQ}oUyq8P0SSy
zYi`;~+w90N7>Xbja1k*<<j!~@j8wL%3+X;K^DJmW$h6At236L_K^6xH$XtKY5=0Rw
z3MUT8iXxr`k|0XFKwl*(4nSFf(jaI(EcF)HQ?R7vTfXQ?Wov}^kmnnX2G{84a8TvN
zbUGbtNK%p_lHsgJ%qZ!FeQgB|g;wDB#K9hj70pRpCn`%L-A%#uJF;HbDibXjADKQc
zazdO^8>s95hq`VD9g-5-i}#<xp)u<tzJx+t4=mcaslM2i53>O>2@VX5XWCU9uVI42
z8umeULIJ0A({jAnaJtFRby)C1VtN)TXevuJILEPJDx1nn`N4is(lVl$lT$fa$fbmI
zM$s}tT9Vsb4O?{=d8Ey?_qYRHx$!W#KJ~1jz`2I(e1KihOd2}fV-dURwYYZoSfs98
zo(99mt^KRjZ4;fJc-t9VdgzQk^60z=bg&Z}zkbq7ak-$48qw!BAJ-4835jzTHx{mJ
z-hVJ!J-ltNDlbnie7b({E`ZXJ9avde%HMptqr6y5uu{ma|2CF4dsjEq=XV~zTAJVf
nzV(b(zHUAG^5h+Vd;Z(e3bT|Mepp;H-p6;ZkSl7-naYhnB9B8o

literal 0
HcmV?d00001

diff --git a/_templates/mirantis/static/expanded.png b/_templates/mirantis/static/expanded.png
new file mode 100644
index 0000000000000000000000000000000000000000..86a2a07ad9f3469b8895b0a0b0d5fb82162f296e
GIT binary patch
literal 995
zcmaJ=U2D@&7>*kQ8E(iJ=!U~XCOAKuuPtY7Xx!GO-3rSnZN&<^FilR^xFsh`PHoyN
z=Y?z_q9X2JcqwCExJ&&DdL#Y;y_6x;ldi2^SVNL?&dc*W@8>zlZ>)}uPLDDSGnQM^
z3UnQhzVk!$|KjHHQ@Tu%OqmpMl{5?=F)J3XAdqv6EmS~;)!hArk_<C^%`TNmSzlL7
z>~Kbe;X=owY=%iLg`Qz<BLXUD%XU@v`}+?puq~CnC+mXlrBTgZYx$_y+9;W=Z8Kr9
zOLssrRH%T1hyg-p#|@NFWjneG-A87g1sw?4R@t+l%6cB8v5$bv&BshZ6aj>sxFAC)
z-UgB&O1wZ{7!wy187k5u=sqm<=37;zpk=$h=t*U3gm?<iHyRDDG0$Otix(4#M5G}}
zF^Y%<O_vy9%nfFH3K|Mb-}Z=&T@Wc66<jAOOCvo?!SVXCZqO|gEf^mf9xrl2lu{3<
z>;H#3P9GhR0{Rp0KZS!*(?fg#1-R~;v~kth$d#w0ePj^qmoVPxRWV<~1P3+jfpigq
zIo&XAH!|GlFmzqXxdAa;6Xi6Or5c=VTS`0~&q`UC6(ubtiWxbck%dfLNTi^a5)zW!
z<7(KfJIEzHuGQx*(*6wKM#JEE)U$?s`w_CTK6XGSX~iBKi#AZN%e4l^0y6`-JPn4A
zTKiY4dnP(R(Y8Oh^w1xD<kETf>0nP@-khPA;%-h`DTSXazuN7k;oZjvdo^MI^_#=P
ztI6=<{qc_@qwLSN@%3bH`1JI2dE(Zk$$a}IvpHRyIW8PMT(2*m>`#rXKEHDA6@;+%
f?OA&69W!)+nP|4Y99{ph8eO|wW<z_Mdhp~o5tKIA

literal 0
HcmV?d00001

diff --git a/_templates/mirantis/static/styles.css b/_templates/mirantis/static/styles.css
index 3ed71ecc5..39e92f8db 100644
--- a/_templates/mirantis/static/styles.css
+++ b/_templates/mirantis/static/styles.css
@@ -540,6 +540,44 @@ i.fa-file-pdf-o {
     display: none;
 }
 
+#contents ul.simple, #contents ul.simple li {
+    list-style: none;
+    margin:0;
+    padding:0;
+    cursor: pointer;
+}
+#contents ul.simple p {
+    margin:0;
+    display:block;
+}
+#contents ul.simple a:hover {
+    background-color:#F5F5F5;
+}
+#contents ul.simple li {
+    line-height:140%;
+    text-indent:0px;
+    background-position: 1px 3px;
+    padding-left: 20px;
+    background-repeat: no-repeat;
+}
+
+#contents ul.simple .collapsed {
+    background-image: url(collapsed.png);
+}
+
+#contents ul.simple .expanded {
+    background-image: url(expanded.png);
+}
+
+#contents ul.simple .expanded > ul{
+  padding-left: 0px;
+  margin-bottom: 5px;
+}
+
+div.topic {
+  padding: 7px;
+}
+
 @media (max-width: 767px) and (min-width: 0px) {
     .navbar-default .navbar-text {
         margin-left: 15px;