X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=django_simple%2Ftodo%2Ftemplates%2Fdetails1.html;h=519ab0dffdeb2f09c7c53284066276e416829c02;hb=66d03f1186c3e250017870ebe160a66069536e4f;hp=7e87adc48cf735baef2074c5d9185847c91611d3;hpb=93605db97d405db5c7572338a4e5ab11fe4e402b;p=django_unres.git

diff --git a/django_simple/todo/templates/details1.html b/django_simple/todo/templates/details1.html
index 7e87adc..519ab0d 100644
--- a/django_simple/todo/templates/details1.html
+++ b/django_simple/todo/templates/details1.html
@@ -55,10 +55,10 @@ Created {{ task.created_date  }}
 
 			  	</div>
 			</li>  	
-
+<div>
     <fieldset class="majorpoints">
     <legend class="majorpointslegend"
-    style="background-color:#d3d3d3;cursor: pointer;">Expand input parameters</legend>
+    style="background-color:#d3d3d3;cursor: pointer;">Show input parameters</legend>
     <div class="hiders" style="display:none" >
 
 		        <li class="list-group-item task-item">
@@ -292,6 +292,7 @@ Created {{ task.created_date  }}
 			</li>		
 
 </div>
+</div>
 	<p>
 	<h3> Results </h3>
 		        <li class="list-group-item task-item">
@@ -477,7 +478,20 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/remd_ex.png"
 			  width="500"> </div>
 			</li>
-
+			
+	<li class="list-group-item task-item">
+	<div class="col-xs-10">
+        <button onclick="plusDivs(-1)">&#10094;</button> 
+        </div>
+        <div class="col-xs-10">
+        select model
+        </div>
+        <div class="col-xs-10">
+        <button onclick="plusDivs(1)">&#10095;</button>
+	</div>
+	</li>		
+			
+                        <div class="model">
 			<li class="list-group-item task-item">
 			  <div class="col-xs-10"> model1 after conversion
 			  to allatom 
@@ -490,6 +504,8 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/model1.png" width="500">
 			  </a></div>
 			</li>
+			</div>
+			<div class="model">
 			<li class="list-group-item task-item">
 			  <div class="col-xs-10"> model2 after conversion
 			  to allatom 
@@ -502,6 +518,8 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/model2.png" width="500">
 			  </a></div>
 			</li>
+			</div>
+			<div class="model">
 			<li class="list-group-item task-item">
 			  <div class="col-xs-10"> model3 after conversion
 			  to allatom 
@@ -514,6 +532,8 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/model3.png" width="500">
 			  </a></div>
 			</li>
+			</div>
+			<div class="model">
 			<li class="list-group-item task-item">
 			  <div class="col-xs-10"> model4 after conversion
 			  to allatom 
@@ -526,6 +546,8 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/model4.png" width="500">
 			  </a></div>
 			</li>
+			</div>
+			<div class="model">
 			<li class="list-group-item task-item">
 			  <div class="col-xs-10"> model5 after conversion
 			  to allatom 
@@ -538,8 +560,7 @@ Created {{ task.created_date  }}
 			  src="/myfiles/download-file/{{task.jobdirname}}/model5.png" width="500">
 			  </a></div>
 			</li>
-
-			
+			</div>
 			{% endif %}
 
 	{% endif %}		
@@ -556,12 +577,33 @@ Regular user cannot use this link.
 <script>
 $('.majorpoints').click(function(){
     $(this).find('.hiders').toggle();
-    if($(this).find('.majorpointslegend').text()=='Expand input parameters'){
-        $(this).find('.majorpointslegend').text('Colapse input parameters');
+    if($(this).find('.majorpointslegend').text()=='Show input parameters'){
+        $(this).find('.majorpointslegend').text('Hide input parameters');
     }else{
-        $(this).find('.majorpointslegend').text('Expand input parameters');
+        $(this).find('.majorpointslegend').text('Show input parameters');
     }    
 });
 </script>
 
+<script>
+var slideIndex = 1;
+showDivs(slideIndex);
+
+function plusDivs(n) {
+  showDivs(slideIndex += n);
+}
+
+function showDivs(n) {
+  var i;
+  var x = document.getElementsByClassName("model");
+  if (n > x.length) {slideIndex = 1}
+  if (n < 1) {slideIndex = x.length}
+  for (i = 0; i < x.length; i++) {
+     x[i].style.display = "none";
+  }
+  x[slideIndex-1].style.display = "block";
+}
+</script>
+	
+	
 {% endblock %}