CINXE.COM

<link href="/OnlineDirectory/Content/themes/trb/styles?v=Vd7AjWr6WVWkEq3jBfWOlcxYBcMw3SYiMl56H9luaAM1" rel="stylesheet"/> <link href="/OnlineDirectory/Content/themes/bootstrap/styles?v=3lgOGtxQ-Gx6xCY6Ai-FV7QC8JhE2zzTSEIS5hUqBd41" rel="stylesheet"/> <link href="/OnlineDirectory/Content/themes/footable/styles?v=60pMveRnFKYaIidmD50fK_O4sS-P3fex7JlLoaJxLo41" rel="stylesheet"/> <link href="/OnlineDirectory/Content/themes/chosen/styles?v=MICPcde0hgfIKoFVs_OAWOmASCWC6ZgmwRtDqECFtKs1" rel="stylesheet"/> <link href="/OnlineDirectory/Content/styles?v=" rel="stylesheet"/> <script src="/OnlineDirectory/bundles/modernizr?v=w9fZKPSiHtN4N4FRqV7jn-3kGoQY5hHpkwFv5TfMrus1"></script> <script src="/OnlineDirectory/bundles/jquery?v=ywRv5tGf_C8UyV9Nh0RJf-e9u4Rh_SmIN-qx3i-kH8Y1"></script> <script src="/OnlineDirectory/bundles/jqueryui?v=iCdjbzEj_1nl6bqG-mru1sWHcTg_y0I2TI3x60wMhUU1"></script> <script src="/OnlineDirectory/bundles/bootstrap?v=SNpky6DWjnKRnrqT1znTSOEg8XaHNzrb0AMRSg1Ml8w1"></script> <script src="/OnlineDirectory/bundles/footable?v=hEu6HtMzcRgn9psMROYtpInDxcLVsMm16q1ka2n5cp01"></script> <script src="/OnlineDirectory/bundles/jqueryval?v=L56nDjyXasNgHeKV_CV5FqQjKJEy5gJB8fCdEAueK3w1"></script> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Online Directory</title> <script src="/OnlineDirectory/bundles/modernizr?v=w9fZKPSiHtN4N4FRqV7jn-3kGoQY5hHpkwFv5TfMrus1"></script> <style type="text/css"> #footer { border-top: 4px solid black; margin-top: 30px; background-color: #5e0a00; padding-top: 10px; padding-bottom: 10px; font-size: 12px; } a.topHeader2014, a.topHeader2014:link, a.topHeader2014:active, a.topHeader2014:visited { padding-right: 10px; padding-left: 10px; text-decoration: inherit; color: #ffffff; font-size: 1em; font-family: Arial, Helvetica, sans-serif; } .fheader { position: fixed; top: 0; visibility: hidden; z-index: 5; } /* Override the generated chosen.js class such that the placeholder will not be truncated*/ li.search-field { float: none !important; overflow: hidden !important; } li.search-field input { width: 100% !important; } .menuItems { list-style: none; background-color: #000000; } .menuItems li { float: right; margin-bottom: 0; } .menuItems .centered-menu-item { padding-top: 3px; } #na-logo { float: none; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { #na-logo { float: left; margin: 0; } } </style> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>Browse the Online Diretory</title> <link href="/OnlineDirectory/Content/themes/starrating/css/star-rating.css" media="all" rel="stylesheet" type="text/css" /> <link href="/OnlineDirectory/Content/toastr.css" rel="stylesheet" /> <script src="/OnlineDirectory/Scripts/jquery.mask.js"></script> <script src="/OnlineDirectory/Scripts/jquery.clearsearch.js"></script> <script src="/OnlineDirectory/Scripts/jquery.cookie.js"></script> <script src="/OnlineDirectory/Scripts/jquery.blockUI.js"></script> <script src="/OnlineDirectory/Scripts/bootstrap-modal-events.js"></script> <script src="/OnlineDirectory/Scripts/underscore.js"></script> <script src="/OnlineDirectory/Scripts/backbone.js"></script> <script src="/OnlineDirectory/Scripts/backbone.localstorage.js"></script> <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> <script src="/OnlineDirectory/Scripts/chosen.jquery.js"></script> <script src="/OnlineDirectory/Scripts/star-rating.js"></script> <script src="/OnlineDirectory/Scripts/typeahead.bundle.js"></script> <script src="/OnlineDirectory/Scripts/handlebars.js"></script> <script src="/OnlineDirectory/Scripts/toastr.min.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-menu.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-messages.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-select.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-table.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-validate.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-sortable.js"></script> <script src="/OnlineDirectory/Scripts/pressamp-table.min.js"></script>  <script src="https://cdn.cookielaw.org/consent/0f7d5b9f-7f34-4218-be52-f82642c1968e.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> window.$ = jQuery.noConflict(); function OptanonWrapper() { } </script>  <script> toastr.options = { "closeButton": false, "debug": false, "newestOnTop": true, "progressBar": false, "positionClass": "toast-bottom-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } function ShowMessage(type, title, message) { Command: toastr[type](message, title) } function ShowRedirectToastr() { toastr.options.timeOut = 10000; toastr.options.extendedTimeOut = 10000; toastr.success('To access OnlineDirectory, you are being redirected to the MyTRB login page.', 'Redirecting...'); var currentURL = window.location.href; var redirectURL = "/OnlineDirectory/Auth/RedirectToMyTRBLoginPassthrough?returnURL=ReturnURLVariable"; redirectURL = redirectURL.replace("ReturnURLVariable", currentURL); setTimeout(function () { window.location.href = redirectURL; }, 2000); } function isNullOrWhitespace_JS(text) { if (text == null) return true; if (text.trim().length < 1) return true; return false; } var originalLeave = $.fn.popover.Constructor.prototype.leave; $.fn.popover.Constructor.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) var container, timeout; originalLeave.call(this, obj); if (obj.currentTarget) { container = $(obj.currentTarget).siblings('.popover') timeout = self.timeout; container.one('mouseenter', function () { //We entered the actual popover – call off the dogs clearTimeout(timeout); //Let's monitor popover content instead container.one('mouseleave', function () { $.fn.popover.Constructor.prototype.leave.call(self, self); }); }) } }; $(function () { $('.clearable').clearSearch(); $('.jqueryui-button').button(); /* Set the default tab */ $('.chosen-select').chosen({ disable_search_threshold: 10, search_contains: true, no_results_text: 'None!' }); $('.chosen-select-wide').chosen({ width: "95%", disable_search_threshold: 10, search_contains: true, no_results_text: 'None!' }); $('#HtmlSearchCriteria').bind('keypress', function (e) { var key = e.which; if (key == 13) // the enter key code { $('#searchImageButton').click(); return false; } }); $('#searchImageButton').click(function () { var searchText = $('#HtmlSearchCriteria').val(); document.location.href = 'http://www.trb.org/Main/Search2.aspx?q=' + searchText; return false; }); // by default all input text will be validated on blur $('input[data-val=true]').on('blur', function () { $(this).valid(); }); // by default all textarea will be validated on blur $('textarea[data-val=true]').on('blur', function () { $(this).valid(); }); // by default all non-searchable dropdownlist will be validated on blur $('select[data-val=true]').on('blur', function () { $(this).valid(); }); }); String.prototype.fromJSONDate = function () { var dateString = this.substr(6); var intVal = parseInt(dateString); return new Date(intVal); }; Date.prototype.mmddyyyy = function () { var yyyy = this.getFullYear().toString(); var mm = (this.getMonth() + 1).toString(); // getMonth() is zero-based var dd = this.getDate().toString(); var mmddyyyy = (mm[1] ? mm : "0" + mm[0]) + ' / ' + (dd[1] ? dd : "0" + dd[0]) + ' / ' + yyyy; return mmddyyyy; }; CheckDomain = function () { var domain = alert(document.domain); var domainIsLocal = (domain == "local"); return domainIsLocal; }; function showProgress() { ajaxCount++; if (ajaxCount < 1) ajaxCount = 1; // somehow got less than 0? Make it 1. $.blockUI({ message: '<h1><img src="https://www.mytrb.org/OnlineDirectory/Content/images/spin-quick.gif"/> </h1>', baseZ: 2000 }); }; function hideProgress() { if (--ajaxCount < 1) { if (ajaxCount < 0) ajaxCount = 0; // somehow got less than 0? Make it 0 $.unblockUI(); } }; </script>  <script> // (function (w, d, s, l, i) { // w[l] = w[l] || []; w[l].push({ // 'gtm.start': // new Date().getTime(), event: 'gtm.js' // }); var f = d.getElementsByTagName(s)[0], // j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = // 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); // })(window, document, 'script', 'dataLayer', 'GTM-NT9R3ZL'); </script> </head> <body>    <div id="header" class="clearfix" style="background-color: #000000;">  <div id="header-container" class="container-fluid" style="background-color: #5e0a00; margin-bottom: 0; padding: 0;"> <div class="row" style="margin:0; background-color: black;"> <div class="col-md-12" style="background-color: black; padding: 0.0em 1em;"> <ul class="menuItems" style=""> <li class="centered-menu-item"><a class="topHeader2014" title="RSS" href="http://www.trb.org/Main/RSSfeeds.aspx">RSS</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="Follow Us" href="http://www.trb.org/Main/FollowUs.aspx">FOLLOW US</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="E-Newsletter" href="http://www.trb.org/Publications/PubsTRBENewsletter.aspx">E-NEWSLETTER</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="Directory" href="https://www.mytrb.org/OnlineDirectory">DIRECTORY</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="Contact Us" href="http://www.trb.org/Contact/Contact.aspx">CONTACT US</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="TRB.org" href="https://www.mytrb.org/">MyTRB</a></li> <li class="centered-menu-item"><a class="topHeader2014" title="Home" href="https://www.trb.org/">HOME</a></li> </ul> </div> </div>  <div class="row" style="margin:0;"> <div class="col-md-6 col-sm-12 col-xs-12" style="text-align: left; padding-top: 3px; padding-left: 20px"> <a href="http://www.national-academies.org/" title="The National Academies of Sciences, Engineering, and Medicine" id="na-logo"> <img src="/OnlineDirectory/Content/images/NASEM_Logo_Pri_Rev.png" style="border:0px;width:auto;height:90px;margin-top: 10px; margin-bottom: 10px; margin-left: 30px;"> </a> </div> <div class="col-md-6 hidden-sm hidden-xs" id="trb-logo" style="text-align: right; padding-top: 3px;"> <a href="http://www.trb.org" title="Transportation Research Board"> <img src="/OnlineDirectory/Content/images/TRB_Lockup_Rev.png" style="border: 0px;width:300px; margin-top: 22px;margin-right: 30px;" class="pull-right float-right"> </a> </div> </div> </div> </div> <div id="application-container" class="container-fluid modal-container" style="background-color:#5e0a00; margin-bottom: 0"> <div class="row"> <div class="col-md-4" style="background-color: #5e0a00; color: white;"> <h4 style="float: left; padding-left:120px;">Online Directory</h4> </div> <div class="col-md-8" style="background-color: #5e0a00; color: white; float: right;"> <div class="nav-actions "> <h4> <a class="nav-action" href="#" onclick="ShowRedirectToastr(); return false;" style="display: block; color: white; float: right;">Log in</a> </h4> </div> </div> </div> </div>  <div id="page-container">  <style> .chosen-bootstrap { padding: 6px 12px; font-size: 14px; line-height: 1.42857; border: 1px solid rgb(204, 204, 204); border-radius: 4px; height: 34px !important; } .chosen-container-multi .chosen-choices { height: 34px !important; padding: 3px 12px !important; overflow: auto; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { padding: 3px 0px !important; } .toggle-itinerary { cursor: pointer; } .itinerary-action:not(.itinerary-event) .remove-event, .itinerary-event .add-event { display: none; } table { width: 100%; visibility: visible; } .category-list { max-height: 25em; overflow-y: auto; overflow-x: hidden; } .footable-row-detail-name { width: 150px; } .footable-row-detail-value { width:100%; } .event-time { min-width: 7em; } tr.Inner-Table:nth-child(even) { background-color: #f7f7f7; } tr.Inner-Table:nth-child(odd) { background-color: #ddd; } .event-number-display { font-weight: bold; font-size: 0.95em; padding: 4px; border: 1px solid #000000; background-color: #CCCCCC; } #event-number-wrapper { margin-bottom: 6px; } .pagination .form-control { color: #428bca; } form .container-fluid .btn { background-image: none; text-shadow: none; box-shadow: none; border: none; } #welcome-message { text-align: left; color: #5e0a00; } .row { text-align: left; } .row.vflush { margin-top: 0; margin-bottom: 0; } .section-wrapper { border: 1px solid black; padding: 2px; } #search-panel .panel-heading, #results-panel .panel-heading { background-image: none; background-color: #5e0a00; border-radius: 0; color: white; cursor: pointer; } #search-panel .panel-heading:hover, #results-panel .panel-heading:hover { background-color: #5e0a00; } #search-panel .active .panel-heading, #results-panel .active .panel-heading { background-color: #5e0a00; } #search-panel .list-group-item { padding: 6px 10px; border-radius: 0; margin-left: 1em; } #search-panel .list-group-item { border: none; } .list-group-item .btn-group { width: 100%; text-align: left; } .list-group-item .btn-group > .btn, .list-group-item > .btn { width: 100%; text-align: left; } /*#search-panel .list-group-item.active { background-image: none; background-color: #49a7dd; border-color: #49a7dd;; }*/ #search-panel .list-group-item:first-child { border-radius: 0; } #search-panel .panel-group { margin-bottom: 0; } .search-criterion-item { display: inline-block; margin-top: .5em; } .panel-default > .panel-heading .badge { color: #5e0a00; background-color: #fff; } .footable > thead > tr > th, .footable > thead > tr > td { color: #fff; background-color: #202020; border: 1px solid #202020; background-color: #202020; border: 1px solid #202020; text-align: left; } .footable > thead > tr > th { text-align: left; } .footable { border: 3px solid #202020; border: 3px solid #202020; } .pagination > .active > a { background-color: #428bca; border-color: #428bca; background-color: #5e0a00; border-color: #5e0a00; } .event-details-link { text-decoration: none; font-weight: bold; color: #49a7dd; } .event-details-link:visited { color: #551a8b; } .event-details-link:hover { text-decoration: underline; } .watermark { position: absolute; left: 55%; top: 80px; font-size: 200px; opacity: .09; letter-spacing: 5px; font-weight: bold; z-index: -1; } .rowtext { font-size: 14px !important; color: black; font-family: "Open Sans",Arial,Helvetica,sans-serif; color: #444; line-height: 1.42857143; } .RoundBox { display: inline-block; margin-bottom: 0; line-height: 1.42857143; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; width: 100%; } .Bigbtn { display: inline-block; padding: 6px 20px; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid; border-bottom-style: none; border-top-left-radius: 7px; border-top-Right-radius: 7px; text-decoration: inherit; color: #ffffff; font-size: 15px; font-family: Segoe UI,Arial,Helvetica; } .Bigbtn-selected { color: #000000; background-color: #ddd; border-color: #ddd; text-decoration: none; } .Bigbtn-other { color: #ddd; background-color: #5e0a00; border-color: #ddd; text-decoration: none; } .Bigbtn:hover, .Bigbtn:focus, .Bigbtn:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #ddd; border-color: #ddd; text-decoration: none; } /* border tweaks */ .ui-selectable-helper { border: 2px dotted black; } .ui-widget-content { border: 2px solid #dddddd; } .ui-widget-header { border: 2px solid #dddddd; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 2px solid #dddddd; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 2px solid #dddddd; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 2px solid #dddddd; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 2px solid #f4f3f1; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 2px solid #cd0a0a; } /* Menu bar tweaks*/ .ui-tabs { background: #dddddd; } .ui-tabs-active { font-weight: bold; } /* pad the tab panel neatly */ .ui-tabs .ui-tabs-panel { /*padding:1em .5em;*/ padding: .5em 0 0 .5em; } /* Move over menu a bit */ .ui-tabs .ui-tabs-nav { padding-left: .5em; padding-top: .5em; } .ui-tabs-panel a { background: white; border: 2px solid #490600; padding: 5px 10px; text-decoration: none; } .selected a, .ui-tabs-panel a:hover { background: #dddddd; color: Black; } ul.menu-list { list-style-type: none; margin: 0; overflow: hidden; padding: 0; } ul.menu-list li { display: inline-block; margin: .25em .5em; } ul.menu-list li a { display: table-cell; /*width:8em; height:2.5em;*/ height: 4em; margin: .5em; text-align: center; vertical-align: middle; width: 10em; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a.ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a.ui-tabs-anchor:hover { text-decoration: none; } ul.menu-list li a.current-menu-page, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a.ui-tabs-anchor.current-tab { text-decoration: underline; } </style>  <div class="ui-tabs ui-widget ui-widget-content" style="background-color:#ddd; width: 100%;"> <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> <li id="tab-Committee" class="ui-state-default ui-corner-top" role="tab" style="display: block;"> <a href="https://www.mytrb.org" class="ui-tabs-anchor" role="presentation">MyTRB Home </a> </li> <li id="tab-Committee" class="ui-state-default ui-corner-top" role="tab" style="display: block;"> <a href="/OnlineDirectory/Committee" class="ui-tabs-anchor" role="presentation">Committee</a> </li> <li id="tab-Person" class="ui-state-default ui-corner-top" role="tab" style="display: block;"> <a href="/OnlineDirectory/Person" class="ui-tabs-anchor" role="presentation">Person</a> </li> <li id="tab-Organization" class="ui-state-default ui-corner-top" role="tab" style="display: block;"> <a href="/OnlineDirectory/Organization" class="ui-tabs-anchor" role="presentation">Organization</a> </li> <li id="tab-TRBList" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" style="display: block;"> <a href="/OnlineDirectory/TRBList" class="ui-tabs-anchor" role="presentation">Browse TRB Lists</a> </li> </ul> <div class="row hidden-print"> <div class="col-md-10" id="welcome-message"> <h4 style="vertical-align:bottom; margin-left:10px;"> Browse TRB Lists</h4> </div> <div class="col-md-2" > <button id="help" onclick="OpenHelpButton()" class="btn" style="padding: 6px 12px;float:right;margin-right:2px; background-color: #337ab7; text-transform: none; line-height:1.435;font-size: 14px; color:white; ">Help</button> </div> </div> </div> <div class="container-fluid"> <div class="row hidden-print"> <div class="col-md-12" id="welcome-message" style="visibility:hidden"> <input id="search-text-box" name="searchText" type="text" class="form-control" placeholder="Enter search text" style="float: left; width: 0%; margin-right:3px;" /> </div> </div> <div class="row"> <div class="col-md-4" id="search-panel"> <div> <table class="ui-corner-all persist-area"> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=TRB+Core+Program+Sponsors">TRB Core Program Sponsors</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Global+Affiliates">Global Affiliates</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Marine+Board+Sponsors">Marine Board Sponsors</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=TRB+Staff">TRB Staff</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=State+Representatives">State Representatives</a> </td> </tr>   <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Committee+(Non-TRB)+Websites"><b>Committee (Non-TRB) Websites</b></a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Emeritus+Members">Emeritus Members</a> </td> </tr>  <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Committee+Chairs">Committee Chairs</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Committee+Communications+Coordinators">Committee Communications Coordinators</a> </td> </tr> <tr> <td class="cell-right rowtext"> <a href="/OnlineDirectory/TRBList/Index?searchText=Committee+Research+Coordinators">Committee Research Coordinators</a> </td> </tr> </table> </div> </div> <div class="col-md-8" id="results-panel"> <div id="table-container" class="row vflush" style="display:block">  </div> </div> </div> </div> <script id="entry-template" type="text/x-handlebars-template"> <li class="search-criterion-item single-criterion-item" data-criterion-id="{{id}}"> <a class="btn btn-default current-criterion-link"> <i class="glyphicon glyphicon-remove"></i> <span class="criterion-title">{{title}}</span> <span class="badge count criterion-count">{{count}}</span> </a> </li> </script> <script> var listType = 'Committee (Non-TRB) Websites'; var urlPath = '/OnlineDirectory/TRBList/Index'; $(function() { $("#search-button").click(function () { showProgress(); }); if (listType) { loadTable(listType, null, listType === 'Committee Communications Coordinators' || listType === 'Committee Research Coordinators'); } }); /* Functions */ function searchNow() { showProgress(); $('#search-form').submit(); } function loadTable(listType, selectedCommittees, populateCommitteeDropdown) { $.blockUI({ message: '<h1><img src="/Content/images/spin-quick.gif" /> Loading...</h1>', baseZ: 2000 }); var url = `${urlPath.replace('Index', '')}Table?SearchText=${listType}`; if (selectedCommittees) { url += '&' + selectedCommittees.map(x => `SelectedCommittees=${x}`).join('&'); } $.ajax({ url }).done(result => { $('#table-container').html(result); // add footable styling $('#paper-list-table').footable(); if (populateCommitteeDropdown) { loadCommitteeDropdownData(); } $.unblockUI(); }).fail((jqXHR, textStatus, errorThrown) => { console.error(errorThrown); toastr.error('An unexpected error occurred; please contact the MyTRB Help Desk for support', 'Error', { positionClass: 'toast-bottom-right' }); $.unblockUI(); }); } function loadCommitteeDropdownData() { var ft = $('.footable').data('footable'); var options = Array.from(new Set(Array.from(ft.table.rows).filter(tr => !$(tr).hasClass('persist-header')).map((tr) => { var match = $(tr).find('.footable-last-column').text().trim().match(/(.+)\s{1}\((\S+)\)/); return `${match[2]} - ${match[1]}`; }))).sort(); $('#CommitteesList').html(options.map(opt => { return `<option value="${opt.split(' - ')[0]}">${opt}</option>\n`; })); $('#CommitteesList').chosen({ width: '100%', max_selected_options: 5, placeholder_text_multiple: 'Filter by committee membership...' }); $('#CommitteesList').siblings('.chosen-container').children('.chosen-choices').addClass('chosen-bootstrap'); $('#CommitteesList').trigger('chosen:updated'); $('#CommitteesList').on('change', function () { loadTable(listType, $('#CommitteesList').val()); }); } var timeoutReference; var defaultTimeout = 1500;//1e3; function searchSoon(proposedTimeout) { var timeout = defaultTimeout; if (proposedTimeout) { timeout = proposedTimeout; } if (timeoutReference) clearTimeout(timeoutReference); timeoutReference = setTimeout(function () { searchNow(); }, timeout); } function updateClearAllVisibility() { var resetItem = $('#reset-query-item'); var showReset = $('.single-criterion-item:visible').length > 0; if (showReset) { resetItem.show(); } else { resetItem.hide(); } } function clearPage() { $('#page-number-field').val(0); } function currentFilterCriteriaClicked() { var clicked = $(this); var id = clicked.data('criterion-id'); var criterion = $('.filter-criterion-chk[data-criterion-id="' + id + '"]'); criterion.click(); } function removeFilterCriterion(clickedCriterionCheckbox) { var id = clickedCriterionCheckbox.data("criterion-id"); var criterion = $('#search-criteria-list .search-criterion-item[data-criterion-id="' + id + '"]'); criterion.remove(); } function addFilterCriterion(clickedCriterionCheckbox) { var clickedCriterion = clickedCriterionCheckbox.parents('.filter-criterion'); var id = clickedCriterionCheckbox.data("criterion-id"); var title = $('.title', clickedCriterion).html(); var count = $('.count', clickedCriterion).html(); var source = $("#entry-template").html(); var template = Handlebars.compile(source); var context = { id: id, title: title, count: count }; var html = template(context); var toAdd = $(html); toAdd.click(currentFilterCriteriaClicked); var searchCriteria = $('#search-criteria-list'); searchCriteria.append(toAdd); updateClearAllVisibility(); } function toggleFilterCriterion(clickedCriterionCheckbox) { if (clickedCriterionCheckbox.is(':checked')) { addFilterCriterion(clickedCriterionCheckbox); } else { removeFilterCriterion(clickedCriterionCheckbox); } } function updateSearchCriterion() { var searchText = $('#search-text-box').val().trim(); var searchItem = $('#search-text-item'); if (searchText.length > 0) { var newCriterionText = '"' + searchText + '"'; $('.criterion-title', searchItem).html(newCriterionText); searchItem.show(); } else { searchItem.hide(); } } /* Handlers */ $('.filter-criterion-chk').click(function () { if ($(this).prop('checked')) { toggleFilterCriterion($(this)); } clearPage(); updateClearAllVisibility(); searchSoon(); }); $('#search-panel .panel-group').click(function () { var activate = !$(this).hasClass('active'); $('#search-panel .panel-group').removeClass('active'); if(activate) { $(this).addClass('active'); } }); $('#show-description-value').change(function () { //$('#show-description-label').toggleClass('active'); //alert('hi'); searchNow(); }); $('#page-size-select,.page-size-select').change(function () { // Update all controls so they have the same value var altered = $(this); var alteredValue = altered.val(); $('#page-size-select,.page-size-select').val(alteredValue); // Issue a search with the paging parameters just set clearPage(); searchNow(); }); $('#results-panel .panel-heading').click(function () { var clicked = $(this); clicked.parents('.panel-group').toggleClass('active'); }); $('#search-panel .panel-heading,#results-panel .panel-heading').click(function (e) { e.preventDefault(); var clickedHeader = $(this); var container = clickedHeader.parent(); $('.panel-collapse', container).collapse('toggle'); }); $('#search-panel .list-group-item .btn-group > .btn').click(function () { $(this).toggleClass('btn-info btn-default'); }); $('#search-text-box').keyup(function () { updateSearchCriterion(); updateClearAllVisibility(); }); $('#search-text-item').click(function () { $('#search-text-box').val(''); updateSearchCriterion(); updateClearAllVisibility(); searchSoon(4e3); }); $('.change-page').click(function () { var clicked = $(this); var nextPage = clicked.data('page-number'); $('#page-number-field').val(nextPage); $('.change-page-item').removeClass('active'); var item = clicked.parent('.change-page-item').addClass('active'); searchSoon(); }); $('.toggle-itinerary').click(function () { var clicked = $(this); var addItinerary = clicked.hasClass('add-event'); var itineraryItem = clicked.parents('.itinerary-action'); //var personID = itineraryItem.data('person-id'); var eventID = itineraryItem.data('event-id'); var addItem = addItinerary ? 'True' : 'False'; var url = '/OnlineDirectory/TRBList/ChangeItinerary'; var data = { "eventID": eventID, "addItem": addItem, "eventType": "event" }; $.ajax({ type: "GET", url: url, data: data, dataType: "json", success: function (result) { var victory = (result && result.success && result.success.toString().toUpperCase() == "TRUE"); if (victory) { var eventID = result.eventID; var alteredItem = $('.itinerary-action[data-event-id="' + eventID + '"'); alteredItem.toggleClass('itinerary-event'); updateProgramCount(); } }, error: function (xhr, ajaxOptions, thrownError) { alert("Request failed: (15)" + thrownError); } }); }); /* Init code */ $('.filter-criterion-chk:checked').each(function () { var initiallyCheckedBox = $(this); addFilterCriterion(initiallyCheckedBox); }); updateSearchCriterion(); updateClearAllVisibility(); $('.opener').collapse('toggle'); //$(".persist-area").persist(); var tableContext = $('#events-table'); tableContext.footable(); $('.remote-sort', tableContext).click(function () { var col = $(this); var descending = 'descending'; var column = col.data('name'); var sortAscending = col.data('currentsort') == 'True' ? 'False' : 'True'; // you have the next direction. Fire away clearPage(); var sortColumnField = $('#page-sort-col-field'); var sortAscendingField = $('#page-sort-asc-field') sortColumnField.val(column); sortAscendingField.val(sortAscending); searchNow(); }); function ShowTable() { $('table').css('visibility', 'visible') } function setExpanded() { $('#toggle-row-details-section').removeClass('expanded').addClass('expanded'); } function setCollapsed() { $('#toggle-row-details-section').removeClass('expanded'); } $(function () { ShowTable(); $('#specialty-reviewer-message').hide(); $('#paper-list-table').footable(); var footed = $('#paper-list-table').footable(); footed.bind('footable_filtering', function (e) { var selected = $('.status-filter').find(':selected').val(); if (selected && selected.length > 0) { e.filter += (e.filter && e.filter.length > 0) ? ' ' + selected : selected; e.clear = !e.filter; } footed.bind('footable_initialized', function (e) { $('table').css('visibility', 'visible') }); }); $(':radio').change(function (e) { if ($(this).is(":checked")) { e.preventDefault(); $('#paper-list-table').trigger('footable_filter', { filter: $('#filter').val() }); } else { $('#paper-list-table').trigger('footable_clear_filter'); } //$('#paper-list-table').trigger('footable_filter', { filter: "bob" }); }); $('.status-filter').change(function (e) { e.preventDefault(); $('table#paper-list-table').trigger('footable_filter', { filter: $('#filter').val() }); }); $('.expand-all-btn').click(function () { $('#paper-list-table').trigger('footable_expand_all'); setExpanded(); }); $('.collapse-all-btn').click(function () { $('#paper-list-table').trigger('footable_collapse_all'); setCollapsed(); }); $(".persist-area").persist(); $('.sort-column').click(function (e) { e.preventDefault(); //get the footable sort object var footableSort = $('table').data('footable-sort'); //get the index we are wanting to sort by var index = $(this).data('index'); footableSort.doSort(index, 'toggle'); }); }); //# sourceURL=/OnlineDirectory/TRBList/Index?searchText=Committee+(Non-TRB)+Websites </script> <div class="modal" id="pageHelp" tabindex="-1" role="dialog" aria-labelledby="pageHelpLabel" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> Help </h4> </div> <div class="container-fluid"> <div class="modal-body" style="text-align:left"> <div class="row"> <div class="col-md-12"> <h5> <strong style="height:2em; min-height:2em"> MyTRB Helpdesk Email Address: <a href="mailto:mytrb@nas.edu">mytrb@nas.edu</a> </strong> </h5> <br> <h5> <strong style="height:2em; min-height:2em"> MyTRB Helpdesk Telephone Number: 202-334-1738 </strong> </h5> <br> <h5> <strong style="height:2em; min-height:2em"> MyTRB Helpdesk Operating Hours: Monday-Friday 8am-5pm ET. </strong> </h5> </div> </div> <br /> </div> </div> <div class="modal-footer"> <div class="modal-page1"> <p> <button type="button" class="btn" style="padding: 6px 12px;float:right;margin-right:2px; background-color: #337ab7; text-transform: none; line-height:1.435;font-size: 14px; color:white; " data-dismiss="modal"> Cancel </button> </p> </div> </div> </div> </div> </div> <script> function OpenHelpButton() { $('#pageHelp').modal('show'); } </script> </div> <div id="footer" class="hidden-print" style="margin-bottom:0;padding: 0;"> <div class="container-fluid" style="margin-bottom: 0; padding: 0;"> <div class="row" style="margin-right: auto; line-height: 1em; text-align: left;"> <div class="col-xs-12 col-sm-8 col-md-6" style="margin: 0; padding: 0;"> <p id="TRB_Footer" style="padding: 3px 0px 3px 10px; margin-left:25px ; font-family:Arial, sans-serf; color: #828282; text-align:left;"> <strong>The National Academies of Sciences, Engineering, and Medicine</strong><br> 500 Fifth Street, NW | Washington, DC 20001 | T: 202.334.2000<br> Copyright © 2024 National Academy of Sciences. All Rights Reserved.<a href="http://www.nationalacademies.org/legal/index.html" style="color:white;text-decoration:none;" target="_blank">Terms of Use and Privacy Statement</a> </p> </div> <div class="col-xs-12 col-sm-8 col-md-6"> <div style="padding: 3px 0px 3px 10px;">  </div> </div> </div> </div> </div> <div id="interactive-program-templates" style="display:none;"> </div> <script id="committee-popover-template" type="text/x-handlebars-template"> <div> <div> {{name}} ({{code}}) <br><br><br> <a target="_blank" href="{{target}}">Learn more about this committee in the TRB Online Directory</a>. </div> </div> </script> <script> var ajaxCount = 0; //$(document).ajaxSend(function () { // // Show your spinner // showProgress(); //}).ajaxComplete(function () { // // Hide your spinner // hideProgress(); //}).ajaxError(function () { // // Hide your spinner // hideProgress(); //}); function updateProgramCount(){ var url = '/OnlineDirectory/TRBList/GetProgramCount'; $.ajax({ type: "GET", url: url, data: {}, dataType: "json", success: function (result) { var victory = (result && result.success && result.success.toString().toUpperCase() == "TRUE"); var count = result.count; if (victory) { $('#my-program-count').html(count); $('#my-program-count').show(); } else { console.log("Program did not update successfully"); $('#my-program-count').hide(); } }, error: function (xhr, ajaxOptions, thrownError) { console.log("Program update failed!"); } }); } function popup(URL) { var newWindowName = Math.round((Math.random() * 1000) + 1) newWindow = window.open(URL, newWindowName, 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=1,resizable=yes,width=600,height=550,left=20,top=20'); } $(function () { $('a.popup').click(function (e) { e.preventDefault(); var url = $(this).attr('href'); popup(url); }); }); </script> </body> </html>