js expand/collaps input details

[django_unres.git] / django_simple / todo / templates / details1.html

diff --git a/django_simple/todo/templates/details1.html b/django_simple/todo/templates/details1.html
index abe2f11..7e87adc 100644 (file)
--- a/django_simple/todo/templates/details1.html
+++ b/django_simple/todo/templates/details1.html
@@ -34,7 +34,7 @@
 </li>
 </ul>
 
-<h3> All parameters for task <b>{{ task.name }}</b></h3>
+<h3> Task <b>{{ task.name }}</b></h3>
 Created {{ task.created_date  }}
        <ul class="list-group">
 
@@ -55,6 +55,12 @@ Created {{ task.created_date  }}
 
                                </div>
                        </li>   
+
+    <fieldset class="majorpoints">
+    <legend class="majorpointslegend"
+    style="background-color:#d3d3d3;cursor: pointer;">Expand input parameters</legend>
+    <div class="hiders" style="display:none" >
+
                        <li class="list-group-item task-item">
                            <div class="col-xs-10"> type </div>
                            <div class="col-xs-10">{{ task.type }}</div>
@@ -108,6 +114,10 @@ Created {{ task.created_date  }}
                            <div class="col-xs-10">{{ task.myfile1 }}</div>
                        </li>           
                        <li class="list-group-item task-item">
+                           <div class="col-xs-10"> pdb code</div>
+                           <div class="col-xs-10">{{ task.pdbcode }}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
                            <div class="col-xs-10"> unres_pdb</div>
                            <div class="col-xs-10">{{ task.min_unres_pdb }}</div>
                        </li>           
@@ -124,6 +134,10 @@ Created {{ task.created_date  }}
                            <div class="col-xs-10">{{ task.myfile1 }}</div>
                        </li>           
                        <li class="list-group-item task-item">
+                           <div class="col-xs-10"> pdb code</div>
+                           <div class="col-xs-10">{{ task.pdbcode }}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
                            <div class="col-xs-10"> seed </div>
                            <div class="col-xs-10">{{ task.md_seed}}</div>
                        </li>           
@@ -198,6 +212,10 @@ Created {{ task.created_date  }}
                            <div class="col-xs-10">{{ task.myfile1 }}</div>
                        </li>           
                        <li class="list-group-item task-item">
+                           <div class="col-xs-10"> pdb code</div>
+                           <div class="col-xs-10">{{ task.pdbcode }}</div>
+                       </li>           
+                       <li class="list-group-item task-item">
                            <div class="col-xs-10"> seed </div>
                            <div class="col-xs-10">{{ task.md_seed}}</div>
                        </li>           
@@ -273,7 +291,7 @@ Created {{ task.created_date  }}
                            <div class="col-xs-3">{{ task.boxz}}</div>                      
                        </li>           
 
-
+</div>
        <p>
        <h3> Results </h3>
                        <li class="list-group-item task-item">
@@ -532,4 +550,18 @@ Created {{ task.created_date  }}
 Regular user cannot use this link.
 </h2>
 {% endif %}
+
+<script src="/static/jquery.min.js"></script>
+
+<script>
+$('.majorpoints').click(function(){
+    $(this).find('.hiders').toggle();
+    if($(this).find('.majorpointslegend').text()=='Expand input parameters'){
+        $(this).find('.majorpointslegend').text('Colapse input parameters');
+    }else{
+        $(this).find('.majorpointslegend').text('Expand input parameters');
+    }    
+});
+</script>
+
 {% endblock %}