Switch to side-by-side view

--- a/OSSEval/analysis/templates/analysis/analysis_list.html
+++ b/OSSEval/analysis/templates/analysis/analysis_list.html
@@ -1,15 +1,62 @@
 {% extends "base.html" %}
+{% load staticfiles %}
 {% block content %}
     <h2>Analyses</h2>
     <ul>
-    <script type="text/javascript">var search_ui = {};</script>
+    	<script type="text/javascript">
+    	   var w='<img src="{% static "images/wait1.gif" %}">';
+    	   var options = { 
+    	       dataType: 'json',
+               beforeSubmit: function() {$("div#search_results").html(w);},
+               success: function(data) {
+                  $html = '<table id="tableSearchResults">' + data + '</table>';
+                  $('div#search_results').html($html);
+                  $('#tableSearchResults').dataTable();
+               },
+               error: function (data) {
+                       if (data.status == 200) {
+                         $html = '<table id="tableSearchResults">' + data.responseText + '</table>';
+                         $('div#search_results').html($html);
+                         $('#tableSearchResults').dataTable();
+                       }
+                }
+            };
+    	</script>
         {% for analysis in analises_list %}
-        <script type="text/javascript">if (search_ui[{{ analysis.methodology_version.methodology.entity.id }}] == undefined) search_ui[{{ analysis.methodology_version.methodology.entity.id }}]="";$.get("http://127.0.0.1:8000/entity/entity_ui/{{ analysis.methodology_version.methodology.entity.id }}/", function(data){  search_ui[{{ analysis.methodology_version.methodology.entity.id }}] = data;});</script>
             <li>
-            	<a href="">[Edit]</a> <a href="">[Export]</a> <a href="">[Delete]</a> <a href="">[Weights]</a> 
-            	<a onclick='$("div#search").html(search_ui[{{ analysis.methodology_version.methodology.entity.id }}])'>{{ analysis.name }}</a>
+            	<script type="text/javascript">
+            	   var mv_id = {{ analysis.methodology_version.methodology.entity.id }};
+            	   ae_app = "/{{ analysis.methodology_version.methodology.entity.actual_entity_app }}/";
+                   function searchOnClick() {
+                        $("div#search").html(w);
+                        $.get(ae_app + "search_html/", 
+                              function(data){ $("div#search").html(data);
+                                $("div#search").tabs();
+                                $("form#searchForm").ajaxForm(options);
+                                //following lines because at the second click  it loses the .tabs formatting-->
+                                $("ul#id_target").addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all")
+                                $("div#detail>ul").addClass("ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all")
+                                $("div#detail>ul").attr( "role", "tablist" );
+                                
+                                $("div#detail>ul>li").addClass( "ui-state-default ui-corner-top ui-tabs-active ui-state-active" );
+                                $("div#detail>ul>li").attr( "role", "tab" );
+                                $("div#detail>ul>li>a").attr( "role", "presentation" );
+                                $("div#detail>ul>li>a").addClass( "ui-tabs-anchor" );
+                              }
+                             );
+                        $("div#detail").html(w);
+                        $.get(ae_app + "instance_list_html/{{ analysis.id }}", 
+                              function(data){ 
+                                $("div#detail").html(data);
+                                $("div#detail").tabs();
+                              }
+                             );
+                   }
+            	</script>
+            	<a href="">[Edit]</a> <a href="">[Export]</a> <a href="">[Delete]</a> <a href="">[Weights]</a>
             	
+            	<a onclick='searchOnClick()'>{{ analysis.name }}</a>
             </li>
         {% endfor %}
     </ul>
-{% endblock %}+{% endblock %}