Add datatables tools to ticket reports
This commit is contained in:
		
							parent
							
								
									64f9b3fb6c
								
							
						
					
					
						commit
						45512e815a
					
				
					 4 changed files with 62 additions and 28 deletions
				
			
		|  | @ -18,23 +18,52 @@ | |||
| <hr /> | ||||
| 
 | ||||
| {% for report in reports %} | ||||
|   <h3>{{ report.title }}</h3> | ||||
|   <table class="table table-striped"> | ||||
|     <tr> | ||||
|       {% for heading in report.headings %} | ||||
|         <th>{{ heading }}</th> | ||||
|       {% endfor %} | ||||
|     </tr> | ||||
|     {% for line in report.rows %} | ||||
|       <tr> | ||||
|         {% for item in line %} | ||||
|           <td> | ||||
|             {{ item|safe }} | ||||
|           </td> | ||||
| <h3>{{ report.title }}</h3> | ||||
| <table class="table table-striped table-reportdata"> | ||||
|     <thead> | ||||
|         <tr> | ||||
|             {% for heading in report.headings %} | ||||
|             <th>{{ heading }}</th> | ||||
|             {% endfor %} | ||||
|         </tr> | ||||
|     </thead> | ||||
|     <tbody> | ||||
|         {% for line in report.rows %} | ||||
|         <tr> | ||||
|             {% for item in line %} | ||||
|             <td> | ||||
|                 {{ item|safe }} | ||||
|             </td> | ||||
|             {% endfor %} | ||||
|         </tr> | ||||
|         {% endfor %} | ||||
|       </tr> | ||||
|     {% endfor %} | ||||
|   </table> | ||||
|     </tbody> | ||||
| </table> | ||||
| {% endfor %} | ||||
| 
 | ||||
| {% endblock %} | ||||
| 
 | ||||
| {% block extra_script %} | ||||
|     <script src="{{ STATIC_URL }}datatables/js/jquery.dataTables.min.js" type="text/javascript"></script> | ||||
|     <script src="{{ STATIC_URL }}tabletools/js/TableTools.min.js" type="text/javascript"></script> | ||||
|     <script src="{{ STATIC_URL }}datatables/js/dataTables.bootstrap.js" type="text/javascript"></script> | ||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"></script> | ||||
|     <script type="text/javascript"> | ||||
|         $(function() { | ||||
|         $("table.table-reportdata").dataTable({ | ||||
|             "sDom": "<'row'<'col-md-3'l><'col-md-3'T><'col-md-4'f>r>t<'row'<'col-md-3'i><'col-md-5'p>>", | ||||
|                 "sPaginationType": "bootstrap", | ||||
|                 "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], | ||||
|                 "bStateSave": true, | ||||
|                 "oTableTools": { | ||||
|                 "aButtons": [ | ||||
|                 "copy", | ||||
|                 "csv", | ||||
|                 "print" | ||||
|                 ], | ||||
|                 "sSwfPath": "{{ STATIC_URL }}tabletools/swf/copy_csv_xls.swf" | ||||
|                 } | ||||
|                 }); | ||||
|                 }); | ||||
|     </script> | ||||
| {% endblock %} | ||||
|  |  | |||
|  | @ -80,6 +80,7 @@ | |||
|                 "sDom": "<'row'<'col-md-3'l><'col-md-3'T><'col-md-4'f>r>t<'row'<'col-md-3'i><'col-md-5'p>>", | ||||
|                 "sPaginationType": "bootstrap", | ||||
|                 "bStateSave": true, | ||||
|                 "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], | ||||
|                 "oTableTools": { | ||||
|                     "aButtons": [ | ||||
|                         "copy", | ||||
|  |  | |||
|  | @ -108,19 +108,19 @@ | |||
|     <script src="{{ STATIC_URL }}datatables/js/dataTables.bootstrap.js" type="text/javascript"></script> | ||||
|     <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.js"></script> | ||||
|     <script type="text/javascript"> | ||||
|         $(function() { | ||||
|             $(".tip").tooltip(); | ||||
|             $("table.table-reviews").dataTable({ | ||||
|                 "sDom": "<'row'<'col-md-3'l><'col-md-3'T><'col-md-4'f>r>t<'row'<'col-md-3'i><'col-md-5'p>>", | ||||
|         $("table.table-reportdata").each(function () { | ||||
|         $(this).dataTable({ | ||||
|         "sDom": "<'row'<'col-md-3'l><'col-md-3'T><'col-md-4'f>r>t<'row'<'col-md-3'i><'col-md-5'p>>", | ||||
|                 "sPaginationType": "bootstrap", | ||||
|                 "bStateSave": true, | ||||
|                 "aLengthMenu": [[10, 50, 100, -1], [10, 50, 100, "All"]], | ||||
|                 "oTableTools": { | ||||
|                     "aButtons": [ | ||||
|                         "copy", | ||||
|                         "csv", | ||||
|                         "print" | ||||
|                     ], | ||||
|                     "sSwfPath": "{{ STATIC_URL }}tabletools/swf/copy_csv_xls.swf" | ||||
|                 "aButtons": [ | ||||
|                 "copy", | ||||
|                 "csv", | ||||
|                 "print" | ||||
|                 ], | ||||
|                 "sSwfPath": "{{ STATIC_URL }}tabletools/swf/copy_csv_xls.swf" | ||||
|                 } | ||||
|             }); | ||||
|         }); | ||||
|  |  | |||
|  | @ -34,12 +34,15 @@ | |||
|         <h3 class="panel-title">{{ report.title }}</h3> | ||||
|       </div> | ||||
| 
 | ||||
|       <table class="table table-striped"> | ||||
|       <table class="table table-striped table-reportdata"> | ||||
|         <thead> | ||||
|         <tr> | ||||
|           {% for heading in report.headings %} | ||||
|             <th>{{ heading }}</th> | ||||
|           {% endfor %} | ||||
|         </tr> | ||||
|         </thead> | ||||
|         <tbody> | ||||
|         {% for line in report.rows %} | ||||
|           <tr> | ||||
|             {% for item in line %} | ||||
|  | @ -48,7 +51,8 @@ | |||
|               </td> | ||||
|             {% endfor %} | ||||
|           </tr> | ||||
|         {% endfor %} | ||||
|           {% endfor %} | ||||
|           </tbody> | ||||
|       </table> | ||||
|     </div> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue
	
	 James Polley
						James Polley