1
+ $ ( document ) . ready ( function ( ) {
2
+
3
+ $ ( '#publication-table' ) . DataTable ( {
4
+ "scrollY" : "200px" ,
5
+ "scrollCollapse" : true ,
6
+ "paging" : false ,
7
+ "searching" : false ,
8
+ "info" : false ,
9
+ "order" : [ [ 0 , "desc" ] ]
10
+ } ) ;
11
+
12
+ $ ( '.gene-table' ) . DataTable ( {
13
+ "scrollY" : "200px" ,
14
+ "scrollCollapse" : true ,
15
+ "paging" : false ,
16
+ "searching" : false ,
17
+ "info" : false ,
18
+ "order" : [ [ 2 , "asc" ] , [ 0 , "desc" ] ] ,
19
+ "columnDefs" : [
20
+ { "name" : "Symbol" , "targets" : 0 } ,
21
+ { "name" : "Name" , "targets" : 1 } ,
22
+ { "name" : "Primary" , "targets" : 2 , "className" : "text-center" , "orderDataType" : "dom-checkbox" }
23
+ ] ,
24
+ "footerCallback" : function ( row , data , start , end , display ) {
25
+ var api = this . api ( ) ;
26
+ var columnData = api . columns ( ) . data ( ) ;
27
+ var tiers = columnData [ columnData . length - 1 ] ;
28
+ var counts = tiers . reduce ( function ( acc , curr ) {
29
+ acc [ curr ] ? acc [ curr ] ++ : acc [ curr ] = 1 ;
30
+ return acc ;
31
+ } , { } ) ;
32
+ $ ( api . column ( 1 ) . footer ( ) ) . html (
33
+ "<b>" + ( counts [ 'TIER1' ] ? counts [ 'TIER1' ] : "0" ) + "</b> TIER1 <span style='margin: 1em;border-left: 3px solid #F2F7F9;'/> " +
34
+ "<b>" + ( counts [ 'TIER2' ] ? counts [ 'TIER2' ] : "0" ) + "</b> TIER2 <span style='margin: 1em;border-left: 3px solid #F2F7F9;'/> " +
35
+ "<b>" + ( counts [ 'TIER3' ] ? counts [ 'TIER3' ] : "0" ) + "</b> TIER3"
36
+ ) ;
37
+
38
+ }
39
+ } ) ;
40
+
41
+ $ ( '.term-table' ) . DataTable ( {
42
+ "scrollY" : "200px" ,
43
+ "scrollCollapse" : true ,
44
+ "paging" : false ,
45
+ "searching" : false ,
46
+ "info" : false ,
47
+ "order" : [ [ 0 , "desc" ] ]
48
+ } ) ;
49
+
50
+ $ ( '#overlapModal' ) . on ( 'show.bs.modal' , function ( e ) {
51
+
52
+ var taxon_id = $ ( e . relatedTarget ) . closest ( 'div.tab-pane' ) [ 0 ] . id . split ( "-" ) [ 1 ] ;
53
+ console . log ( taxon_id ) ;
54
+ var goId = $ ( e . relatedTarget ) . closest ( 'tr' ) . find ( 'td' ) [ 0 ] . innerText ;
55
+ $ ( "#overlapModal" ) . find ( ".modal-body" ) . load ( "/user/taxon/" + taxon_id + "/term/" + goId + "/gene/view" ) ;
56
+ } ) ;
57
+
58
+ $ ( '.terms-tab' ) . on ( 'shown.bs.tab' , function ( e ) {
59
+ $ ( '.term-table' ) . DataTable ( ) . draw ( ) ;
60
+ } )
61
+ } ) ;
0 commit comments