@@ -749,8 +749,15 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
749749 ) ;
750750 } ) ;
751751 $ ( '#cases_tab' ) . find ( 'tbody' ) . attr ( 'id' , 'cases_table' ) ;
752- $ ( '#cases_panel' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_length' ) . after ( '<div class="dataTables_goto_page"><label>Page </label><input class="goto-page-number" type="number"><button onclick="changePage(\'cases_tab_wrapper\')">Go</button></div>' ) ;
753- $ ( '#cases_panel' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after ( '<div class="dataTables_filter"><strong>Find by Case ID:</strong><input class="caseID_inp" type="search" value="' + caseID + '" maxlength="256"></div>' ) ;
752+ $ ( '#cases_panel' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_length' ) . after (
753+ '<div class="dataTables_goto_page"><label>Page </label><input class="goto-page-number" '
754+ + 'type="number"></div>'
755+ ) ;
756+ $ ( '#cases_panel' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after (
757+ '<div class="dataTables_filter"><strong>Find by Case ID:</strong><input class="caseID_inp '
758+ + 'table-search-box" data-search-type="case" type="text-box" value="' + caseID + '" maxlength="256"><button '
759+ + 'class="clear"><i class="fa fa-solid fa-circle-xmark"></i></button></div>'
760+ ) ;
754761 return updatePromise ;
755762 }
756763
@@ -1107,7 +1114,7 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
11071114
11081115 $ ( '#studies_tab' ) . children ( 'tbody' ) . attr ( 'id' , 'studies_table' ) ;
11091116 $ ( '#studies_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_length' ) . after ( '<div class="dataTables_goto_page"><label>Page </label><input class="goto-page-number" type="number"><button onclick="changePage(\'studies_tab_wrapper\')">Go</button></div>' ) ;
1110- $ ( '#studies_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after ( '<div class="dataTables_filter"><strong>Find by Study Instance UID:</strong><input class="studyID_inp" type="search " value="' + studyID + '" maxlength="256"></div>' ) ;
1117+ $ ( '#studies_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after ( '<div class="dataTables_filter"><strong>Find by Study Instance UID:</strong><input data-search-type="study" class="studyID_inp table-search-box " type="text-box " value="' + studyID + '" maxlength="256"><button class="clear"><i class="fa fa-solid fa-circle-xmark"></i></button ></div>' ) ;
11111118 return updatePromise ;
11121119 }
11131120
@@ -1454,8 +1461,15 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
14541461 } ) ;
14551462 } ) ;
14561463 $ ( '#series_tab' ) . children ( 'tbody' ) . attr ( 'id' , 'series_table' ) ;
1457- $ ( '#series_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_length' ) . after ( '<div class="dataTables_goto_page"><label>Page </label><input class="goto-page-number" type="number"><button onclick="changePage(\'series_tab_wrapper\')">Go</button></div>' ) ;
1458- $ ( '#series_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after ( '<div class="dataTables_filter"><strong>Find by Series Instance UID:</strong><input class="seriesID_inp" type="search" value="' + seriesID + '" maxlength="256"></div>' ) ;
1464+ $ ( '#series_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_length' ) . after (
1465+ '<div class="dataTables_goto_page"><label>Page </label><input class="goto-page-number" type="number">'
1466+ + '<button onclick="changePage(\'series_tab_wrapper\')">Go</button></div>'
1467+ ) ;
1468+ $ ( '#series_tab_wrapper' ) . find ( '.dataTables_controls' ) . find ( '.dataTables_paginate' ) . after (
1469+ '<div class="dataTables_filter"><strong>Find by Series Instance UID:</strong><input '
1470+ + 'class="seriesID_inp table-search-box" type="text-box" data-search-type="series" value="'
1471+ + seriesID + '" maxlength="256"><button class="clear"><i class="fa fa-solid fa-circle-xmark"></i></button></div>'
1472+ ) ;
14591473 return updatePromise ;
14601474 }
14611475
@@ -1504,7 +1518,7 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
15041518 update_search_thread = setTimeout ( function ( ) {
15051519 SEARCH_PENDING = true ;
15061520 let varStr = input . val ( ) ;
1507- // Don't search again if no change was made (this squelches any non-changing keypress eg. home, end
1521+ // Don't search again if no change was made (this squelches any non-change)
15081522 if ( Last_searches [ type ] !== varStr ) {
15091523 Last_searches [ type ] = varStr ;
15101524 update_methods [ type ] ( false , varStr , true )
@@ -1523,19 +1537,17 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
15231537 } , SUBSEQUENT_DELAY ) ;
15241538 }
15251539
1526- $ ( '#cases_panel_container' ) . on ( 'change' , '.caseID_inp' , function ( event ) {
1527- filterTable ( 'cases_panel' , 'caseID' , $ ( this ) ) ;
1540+ $ ( '#rh_panel' ) . on ( 'change keyup' , '.table-search-box' , function ( event ) {
1541+ let type = $ ( this ) . attr ( "data-search-type" ) ;
1542+ filterTable ( `${ type } _panel` , `${ type } ID` , $ ( this ) ) ;
15281543 } ) ;
15291544
1530- $ ( '#series_panel_container' ) . on ( 'change' , '.seriesID_inp' , function ( event ) {
1531- filterTable ( 'series_panel' , 'seriesID' , $ ( this ) ) ;
1545+ $ ( '#rh_panel' ) . on ( 'click' , '.dataTables_filter button.clear' , function ( ) {
1546+ let search_box = $ ( this ) . siblings ( '.table-search-box' ) ;
1547+ search_box . val ( '' ) ;
1548+ search_box . trigger ( "change" ) ;
15321549 } ) ;
15331550
1534- $ ( '#studies_panel_container' ) . on ( 'change' , '.studyID_inp' , function ( event ) {
1535- filterTable ( 'study_panel' , 'studyID' , $ ( this ) ) ;
1536- } ) ;
1537-
1538-
15391551 window . resetCartInTables = function ( projArr ) {
15401552 for ( var i = 0 ; i < projArr . length ; i ++ ) {
15411553 propagateCartTableStatChanges ( [ projArr [ i ] ] , { } , false , true ) ;
@@ -2262,8 +2274,6 @@ define(['cartutils','filterutils','tippy','jquery', 'base'], function(cartutils,
22622274
22632275 }
22642276
2265-
2266-
22672277 const pretty_print_id = function ( id ) {
22682278 var newId = id . slice ( 0 , 8 ) + '...' + id . slice ( id . length - 8 , id . length ) ;
22692279 return newId ;
0 commit comments