From 4e1c308162877d7d6cd79c066f15b4d761e14853 Mon Sep 17 00:00:00 2001
From: redmatrix <redmatrix@redmatrix.me>
Date: Sun, 8 Nov 2015 17:48:43 -0800
Subject: make jotnets modal

---
 view/theme/redbasic/css/style.css |  9 +++++++++
 view/tpl/acl_selector.tpl         | 13 ++++++++++---
 2 files changed, 19 insertions(+), 3 deletions(-)

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index e83610f51..17cc833ed 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1382,6 +1382,15 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
 	border-radius: $radiuspx;
 }
 
+#jotnets-wrapper {
+	background-color: rgb(238, 238, 238);
+	font-size: 120%;
+    border-radius: 4px;
+	padding: 7px 10px;
+    cursor: pointer;
+	margin-bottom: 10px;
+}
+
 .acl-list-item {
 	width: 48%; /* fallback if browser does not support calc() */
 	width: calc(50% - 10px);
diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl
index c7e039cd5..63a2900f4 100755
--- a/view/tpl/acl_selector.tpl
+++ b/view/tpl/acl_selector.tpl
@@ -6,13 +6,20 @@
 				<h4 class="modal-title">{{$aclModalTitle}}</h4>
 			</div>
 			<div class="modal-body">
+				{{if $jotnets}}
+				<div class="jotnets-wrapper" role="tab" id="jotnets-wrapper">
+         	       <a data-toggle="collapse" href="#jotnets-collapse" aria-expanded="false" aria-controls="jotnets-collapse">{{$jnetModalTitle}} <span class="caret"></span></a>
+                </div>
+				<div id="jotnets-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="acl-select">
+				{{$jotnets}}
+				<div class="clear"></div>
+				</div>
+				{{/if}}
+
 				<div id="acl-wrapper">
 					<button id="acl-showall" class="btn btn-block btn-default"><i class="icon-globe"></i> {{$showall}}</button>
 					<input type="text" id="acl-search" placeholder="&#xf002;">
 
-				{{if $jotnets}}
-				{{$jotnets}}
-				{{/if}}
 					<div id="acl-list">
 						<div id="acl-list-content"></div>
 
-- 
cgit v1.2.3