add info modal for proc data

Author: squirrelo

qiita_pet/static/img/info_button.gif

@@ -24,6 +24,7 @@
 {% block content %}
 {% from qiita_db.study import Study %}
 {% from future.utils import viewitems %}
+{% set static_info = {'data_type', 'processed_date', 'algorithm', 'reference_name', 'reference_version', 'sequence_filepath', 'taxonomy_filepath', 'tree_filepath'}%}
 <h1>Selected Samples</h1>
 {% for sid, proc_datas in viewitems(sel_data) %}
   {% set study = Study(sid) %}
@@ -32,17 +33,18 @@ <h1>Selected Samples</h1>
 	  <h2><a href="/study/description/{{sid}}">{{study.title}}</a></h2>
 	  <table class='table table-striped' id='study{{sid}}-table'>
 	  <tr>
-	  	<th></th><th>id</th><th>Datatype</th><th>Processed Date</th><th>Algorithm</th><th>Reference</th><th></th>
+	  	<th class="col-sm-2">Processed Data</th><th class="col-sm-1">id</th><th class="col-sm-1">Datatype</th><th class="col-sm-2">Processed Date</th><th class="col-sm-2">Algorithm</th><th class="col-sm-2">Reference</th><th></th>
 	  </tr>
 	{% for pid, samples in viewitems(proc_datas) %}
 		<tr id="proc{{pid}}">
 		  <td><a href="#" onclick="$('#proc{{pid}}-samples').toggle(); return false;">Show/Hide samples</a></td>
-	    <td>{{pid}}</td>
+	    <td>{{pid}} <a data-toggle="modal" data-target="#proc{{pid}}-settings-modal"><img src="/static/img/info_button.gif"></a></td>
 	    <td>{{proc_info[pid]["data_type"]}}</td>
 	    <td>{{proc_info[pid]["processed_date"]}}</td>
 	    <td>{{proc_info[pid]["algorithm"]}}</td>
 	    <td>{{proc_info[pid]["reference_name"]}} {{proc_info[pid]["reference_version"]}}</td>
-	    <td><a href="#" onclick = 'remove_proc_data({{pid}}, {{sid}})'>Remove</a></td>
+	    <td> 
+	    	<a href="#" onclick = 'remove_proc_data({{pid}}, {{sid}})'>Remove</a></td>
 		 </tr>
 		 <tr id="proc{{pid}}-samples" hidden><td colspan=7>
 		 <table class="table table-striped sample-table" id="proc{{pid}}-samples-table" style="width:50%">
@@ -56,4 +58,34 @@ <h2><a href="/study/description/{{sid}}">{{study.title}}</a></h2>
 	</div>
 </div>
 {% end %}
+
+{% for pid in proc_datas%}
+<!-- modal view to enter analysis information -->
+    <div class="modal fade" id="proc{{pid}}-settings-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+            <h4 class="modal-title" id="myModalLabel">Processed Data {{pid}}</h4>
+          </div>
+          <form role="form" action="/analysis/2" method="post">
+          <input type="hidden" name="action" value="create">
+            <div class="modal-body">
+							<b>Datatype</b>: {{proc_info[pid]["data_type"]}} <br/>
+							<b>Processed Date</b>: {{proc_info[pid]["processed_date"]}} <br/>
+							<b>Algorithm</b>: {{proc_info[pid]["algorithm"]}} <br/>
+							<b>Reference</b>: {{proc_info[pid]["reference_name"]}} {{proc_info[pid]["reference_version"]}}<br/>
+	{% for key, val in viewitems(proc_info[pid]) %}
+		{% if key not in static_info %}
+			<b>{{key}}</b>: {{val}} <br/>
+		{% end %}
+	{% end %}
+            </div>
+            <div class="modal-footer">
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  {% end %}
 {% end %}