We use cookies to ensure you get the best experience on our website
Головна сторінка Огляд Довідка News
Реєстрація Увійти
nipreps-data
/
hbn-mriqc
5
0
Відгалуження 0
Файли
Гілка: master
Гілки Теги
hbn-mriqc
/
sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_dwi.html

sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_dwi.html 36 KB
Постійне посилання Історія Download

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632 
  1. <?xml version="1.0" encoding="utf-8" ?>
    2. 

  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    4. 

  4. <head>
    5. 

  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. 

  6. <meta name="generator" content="NiReports: https://www.nipreps.org/" />
    7. 

  7. <title>sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_dwi :: Diffusion MRI MRIQC report</title>
    8. 

  8. <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    9. 

  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    10. 

  10. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
    11. 

  11. 

  12. <script>
    13. 

  13. var timestamp = Date.now()
    14. 

  14. 

  15. function read_form() {
    16. 

  16.     var ds = "HBN";
    17. 

  17.     var sub = "sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_dwi.nii.gz";
    18. 

  18. 

  19.     var artifacts = [];
    20. 

  20.     $('#qcartifacts-group input:checked').each(function() {
    21. 

  21.         artifacts.push($(this).attr('name'));
    22. 

  22.     });
    23. 

  23. 

  24.     var rating = $('#qcslider').val();
    25. 

  25.     var payload = {
    26. 

  26.         'dataset': ds,
    27. 

  27.         'subject': sub,
    28. 

  28.         'rating': rating,
    29. 

  29.         'artifacts': artifacts,
    30. 

  30.         'time_sec': (Date.now() - timestamp) / 1000,
    31. 

  31.         'confidence': $('#qcextra-confidence').val(),
    32. 

  32.         'comments': $('#qcextra-comments').val()
    33. 

  33.     };
    34. 

  34. 

  35.     var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
    36. 

  36.     $('#btn-download').attr('href', URL.createObjectURL(file));
    37. 

  37.     $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
    38. 

  38.     return payload
    39. 

  39. };
    40. 

  40. 

  41. function toggle_rating() {
    42. 

  42.     if ($('#qcrating-menu').hasClass('d-none')) {
    43. 

  43.         $('#qcrating-menu').removeClass('d-none');
    44. 

  44.         $('#qcrating-toggler').prop('checked', true);
    45. 

  45.     } else {
    46. 

  46.         $('#qcrating-menu').addClass('d-none');
    47. 

  47.         $('#qcrating-toggler').prop('checked', false);
    48. 

  48.     }
    49. 

  49. };
    50. 

  50. 

  51. $(window).on('load',function(){
    52. 

  52.     var authorization = $('#btn-post').val()
    53. 

  53.     if (authorization.includes("secret_token")) {
    54. 

  54.         $('#btn-post').addClass('d-none');
    55. 

  55.     };
    56. 

  56.     timestamp = Date.now();
    57. 

  57. });
    58. 

  58. 

  59. </script>
    60. 

  60. <style type="text/css">
    61. 

  61. /* The slider itself */
    62. 

  62. .slider {
    63. 

  63.   -webkit-appearance: none;  /* Override default CSS styles */
    64. 

  64.   appearance: none;
    65. 

  65.   margin-bottom: 8px;
    66. 

  66.   margin-left: 10%;
    67. 

  67.   width: 80%;
    68. 

  68.   height: 5px; /* Specified height */
    69. 

  69.   background: #d3d3d3; /* Grey background */
    70. 

  70.   outline: none; /* Remove outline */
    71. 

  71.   opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    72. 

  72.   -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    73. 

  73.   transition: opacity .2s;
    74. 

  74. }
    75. 

  75. 

  76. /* Mouse-over effects */
    77. 

  77. .slider:hover {
    78. 

  78.   opacity: 1; /* Fully shown on mouse-over */
    79. 

  79. }
    80. 

  80. 

  81. .slider::-webkit-slider-thumb {
    82. 

  82.   -webkit-appearance: none;
    83. 

  83.   appearance: none;
    84. 

  84.   width: 25px;
    85. 

  85.   height: 25px;
    86. 

  86.   border: 0;
    87. 

  87.   background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
    88. 

  88.   cursor: pointer;
    89. 

  89.   z-index: 2000 !important;
    90. 

  90. }
    91. 

  91. 

  92. .slider::-moz-range-thumb {
    93. 

  93.   width: 25px;
    94. 

  94.   height: 25px;
    95. 

  95.   border: 0;
    96. 

  96.   background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
    97. 

  97.   cursor: pointer;
    98. 

  98.   z-index: 2000 !important;
    99. 

  99. }
    100. 

  100. 

  101. </style>
    102. 

  102. </head>
    103. 

  103. <body style="font-family: helvetica;">
    104. 

  104. <nav class="navbar fixed-top navbar-expand-lg bg-light">
    105. 

  105. <div class="container-fluid">
    106. 

  106. <div class="collapse navbar-collapse" id="navbarSupportedContent">
    107. 

  107.     <ul class="navbar-nav me-auto mb-2 mb-lg-0">
    108. 

  108.         <li class="nav-item"><a class="nav-link" href="#Summary">Summary</a></li>
    109. 

  109.         <li class="nav-item dropdown">
    110. 

  110.             <a class="nav-link dropdown-toggle" id="navbarDWI shells" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#DWI shells">
    111. 

  111.             DWI shells
    112. 

  112.             </a>
    113. 

  113.             <ul class="dropdown-menu">
    114. 

  114.                 <li><a class="dropdown-item" href="#acquisition-64dir_bval-0_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi">Reports for: bval <span class="bids-entity">0</span>.</a></li>
    115. 

  115.                 <li><a class="dropdown-item" href="#acquisition-64dir_bval-1000_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi">Reports for: bval <span class="bids-entity">1000</span>.</a></li>
    116. 

  116.                 <li><a class="dropdown-item" href="#acquisition-64dir_bval-2000_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi">Reports for: bval <span class="bids-entity">2000</span>.</a></li>
    117. 

  117.             </ul>
    118. 

  118.         </li>
    119. 

  119.         <li class="nav-item dropdown">
    120. 

  120.             <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
    121. 

  121.             About
    122. 

  122.             </a>
    123. 

  123.             <ul class="dropdown-menu">
    124. 

  124.                 <li><a class="dropdown-item" href="#errors">Errors</a></li>
    125. 

  125.                 <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
    126. 

  126.             </ul>
    127. 

  127.         </li>
    128. 

  128.     </ul>
    129. 

  129. </div>
    130. 

  130. </div>
    131. 

  131. <div class="d-flex flex-row-reverse">
    132. 

  132. <div class="form-check form-switch align-self-center flex-fill me-4">
    133. 

  133. <input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
    134. 

  134. <label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
    135. 

  135. </div>
    136. 

  136. </div>
    137. 

  137. </nav>
    138. 

  138. <noscript>
    139. 

  139.     <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
    140. 

  140. </noscript>
    141. 

  141. 

  142.     <div id="Summary" class="mt-5">
    143. 

  143.     <h1 class="sub-report-title pt-5 ps-4">Summary</h1>
    144. 

  144.         <div id="acquisition-64dir_datatype-figures_desc-heatmap_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    145. 

  145. <h3 class="run-title mt-3">Shell-wise joint distribution of SNR vs. FA in every voxel</h3><p class="elem-caption">This visualization divides the data by shells, and shows the joint distribution of SNR vs. FA. At the bottom, the distributions are marginalized for SNR. Please note that the figures of SNR provided are calculated with a coarse estimation of the signal variability, and therefore should be interpreted with care.</p>                    <div class="reportlet">
    146. 

  146. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-heatmap_dwi.svg" style="width: 100%" />
    147. 

  147. </div>
    148. 

  148. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-heatmap_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-heatmap_dwi.svg</a></small>
    149. 

  149. 

  150.         </div>
    151. 

  151.         <div id="acquisition-64dir_datatype-figures_desc-fa_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    152. 

  152. <h3 class="run-title mt-3">Fractional anisotropy (FA) map</h3><p class="elem-caption">Reconstructed FA map.</p>                    <div class="reportlet">
    153. 

  153. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-fa_dwi.svg" style="width: 100%" />
    154. 

  154. </div>
    155. 

  155. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-fa_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-fa_dwi.svg</a></small>
    156. 

  156. 

  157.         </div>
    158. 

  158.         <div id="acquisition-64dir_datatype-figures_desc-md_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    159. 

  159. <h3 class="run-title mt-3">Mean diffusivity (MD) map</h3><p class="elem-caption">Reconstructed MD map.</p>                    <div class="reportlet">
    160. 

  160. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-md_dwi.svg" style="width: 100%" />
    161. 

  161. </div>
    162. 

  162. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-md_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-md_dwi.svg</a></small>
    163. 

  163. 

  164.         </div>
    165. 

  165.     </div>
    166. 

  166.     <div id="DWI shells" class="mt-5">
    167. 

  167.     <h1 class="sub-report-title pt-5 ps-4">DWI shells</h1>
    168. 

  168.         <div id="acquisition-64dir_bval-0_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    169. 

  169. <h2 class="sub-report-group mt-4">Reports for: bval <span class="bids-entity">0</span>.</h2><h3 class="run-title mt-3">Voxel-wise average and standard deviation across volumes in this <em>DWI shell</em>.</h3><p class="elem-caption">This panel shows mosaics flickering between the voxel-wise average and standard deviation for each shell.</p>                    <div class="reportlet">
    170. 

  170. <object class="svg-reportlet" type="image/svg+xml" data="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-00000_dwi.svg" style="">
    171. 

  171. Problem loading figure sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-00000_dwi.svg. If the link below works, please try reloading the report in your browser.</object>
    172. 

  172. </div>
    173. 

  173. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-00000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-00000_dwi.svg</a></small>
    174. 

  174. 

  175.         </div>
    176. 

  176.         <div id="acquisition-64dir_bval-0_datatype-figures_desc-background_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    177. 

  177. <h3 class="run-title mt-3">View of the background of the voxel-wise average of this <em>DWI shell</em></h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
    178. 

  178. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-00000_dwi.svg" style="width: 100%" />
    179. 

  179. </div>
    180. 

  180. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-00000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-00000_dwi.svg</a></small>
    181. 

  181. 

  182.         </div>
    183. 

  183.         <div id="acquisition-64dir_bval-1000_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    184. 

  184. <h2 class="sub-report-group mt-4">Reports for: bval <span class="bids-entity">1000</span>.</h2><h3 class="run-title mt-3">Voxel-wise average and standard deviation across volumes in this <em>DWI shell</em>.</h3><p class="elem-caption">This panel shows mosaics flickering between the voxel-wise average and standard deviation for each shell.</p>                    <div class="reportlet">
    185. 

  185. <object class="svg-reportlet" type="image/svg+xml" data="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-01000_dwi.svg" style="">
    186. 

  186. Problem loading figure sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-01000_dwi.svg. If the link below works, please try reloading the report in your browser.</object>
    187. 

  187. </div>
    188. 

  188. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-01000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-01000_dwi.svg</a></small>
    189. 

  189. 

  190.         </div>
    191. 

  191.         <div id="acquisition-64dir_bval-1000_datatype-figures_desc-background_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    192. 

  192. <h3 class="run-title mt-3">View of the background of the voxel-wise average of this <em>DWI shell</em></h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
    193. 

  193. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-01000_dwi.svg" style="width: 100%" />
    194. 

  194. </div>
    195. 

  195. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-01000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-01000_dwi.svg</a></small>
    196. 

  196. 

  197.         </div>
    198. 

  198.         <div id="acquisition-64dir_bval-2000_datatype-figures_desc-avgstd_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    199. 

  199. <h2 class="sub-report-group mt-4">Reports for: bval <span class="bids-entity">2000</span>.</h2><h3 class="run-title mt-3">Voxel-wise average and standard deviation across volumes in this <em>DWI shell</em>.</h3><p class="elem-caption">This panel shows mosaics flickering between the voxel-wise average and standard deviation for each shell.</p>                    <div class="reportlet">
    200. 

  200. <object class="svg-reportlet" type="image/svg+xml" data="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-02000_dwi.svg" style="">
    201. 

  201. Problem loading figure sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-02000_dwi.svg. If the link below works, please try reloading the report in your browser.</object>
    202. 

  202. </div>
    203. 

  203. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-02000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-avgstd_bval-02000_dwi.svg</a></small>
    204. 

  204. 

  205.         </div>
    206. 

  206.         <div id="acquisition-64dir_bval-2000_datatype-figures_desc-background_session-HBNsiteRU_subject-NDARUB231LHN_suffix-dwi" class="ps-4 pe-4 mb-2">
    207. 

  207. <h3 class="run-title mt-3">View of the background of the voxel-wise average of this <em>DWI shell</em></h3><p class="elem-caption">This panel shows a mosaic enhancing the background around the head. Artifacts usually unveil themselves in the air surrounding the head, where no signal sources are present.</p>                    <div class="reportlet">
    208. 

  208. <img class="svg-reportlet" src="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-02000_dwi.svg" style="width: 100%" />
    209. 

  209. </div>
    210. 

  210. <small>Get figure file: <a href="./sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-02000_dwi.svg" target="_blank">sub-NDARUB231LHN/figures/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_desc-background_bval-02000_dwi.svg</a></small>
    211. 

  211. 

  212.         </div>
    213. 

  213.     </div>
    214. 

  214.     <div id="About" class="mt-5">
    215. 

  215.     <h1 class="sub-report-title pt-5 ps-4">About</h1>
    216. 

  216.         <div id="errors" class="ps-4 pe-4 mb-2">
    217. 

  217. <h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
    218. 

  218.         </div>
    219. 

  219.         <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
    220. 

  220. <h2 class="sub-report-group mt-4">Reproducibility and provenance information</h2><p class="elem-caption">Thanks for using <em>MRIQC</em>. The following information may assist in
    221. 

  221. reconstructing the provenance of the corresponding derivatives.
    222. 

  222. </p>                    <div class="accordion accordion-flush" id="about-metadata">
    223. 

  223. 

  224. 

  225.   <div class="accordion-item">
    226. 

  226.     <h2 class="accordion-header" id="about-metadata-0">
    227. 

  227.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
    228. 

  228.         Provenance Information
    229. 

  229.       </button>
    230. 

  230.     </h2>
    231. 

  231.     <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
    232. 

  232.       <div class="accordion-body metadata-table">
    233. 

  233.       <table id="about-metadata-table-0" class="table table-sm table-striped">
    234. 

  234. <tr><td colspan=2>Execution environment</td><td>posix</td></tr>
    235. 

  235. <tr><td colspan=2>Input filename</td><td><BIDS root>/sub-NDARUB231LHN/ses-HBNsiteRU/dwi/sub-NDARUB231LHN_ses-HBNsiteRU_acq-64dir_dwi.nii.gz</td></tr>
    236. 

  236. <tr><td>Versions</td><td>MRIQC</td><td>24.0.0</td></tr>
    237. 

  237. <tr><td>Versions</td><td>NiPype</td><td>1.8.7.dev0</td></tr>
    238. 

  238. <tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0.dev49+gb1f2eb2a.d20240413</td></tr>
    239. 

  239. <tr><td colspan=2>md5sum</td><td>7cb41e7402ec713fb8e18e112c897ff3</td></tr>
    240. 

  240. </table>
    241. 

  241. 

  242.       </div>
    243. 

  243.     </div>
    244. 

  244.   </div>
    245. 

  245. 

  246. 

  247.   <div class="accordion-item">
    248. 

  248.     <h2 class="accordion-header" id="about-metadata-1">
    249. 

  249.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
    250. 

  250.         Dataset Information
    251. 

  251.       </button>
    252. 

  252.     </h2>
    253. 

  253.     <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
    254. 

  254.       <div class="accordion-body metadata-table">
    255. 

  255.       <table id="about-metadata-table-1" class="table table-sm table-striped">
    256. 

  256. <tr><td>AcquisitionMatrixPE</td><td>104</td></tr>
    257. 

  257. <tr><td>BandwidthPerPixelPhaseEncode</td><td>23.17</td></tr>
    258. 

  258. <tr><td>BaseResolution</td><td>104</td></tr>
    259. 

  259. <tr><td>ConversionSoftware</td><td>dcm2niix</td></tr>
    260. 

  260. <tr><td>ConversionSoftwareVersion</td><td>v1.0.20171204 (OpenJPEG build) GCC4.8.4</td></tr>
    261. 

  261. <tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000829986</td></tr>
    262. 

  262. <tr><td>Dim1Size</td><td>104</td></tr>
    263. 

  263. <tr><td>Dim2Size</td><td>104</td></tr>
    264. 

  264. <tr><td>Dim3Size</td><td>72</td></tr>
    265. 

  265. <tr><td>DwellTime</td><td>3.5e-06</td></tr>
    266. 

  266. <tr><td>EchoTime</td><td>0.1002</td></tr>
    267. 

  267. <tr><td>EffectiveEchoSpacing</td><td>0.000414993</td></tr>
    268. 

  268. <tr><td>FlipAngle</td><td>90</td></tr>
    269. 

  269. <tr><td>ImageComments</td><td>Unaliased_MB3_PE4_(remote)_SENSE1</td></tr>
    270. 

  270. <tr><td>ImageOrientationPatientDICOM</td><td>[1, 0, 0, 0, 0.989776, 0.142629]</td></tr>
    271. 

  271. <tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'DIFFUSION', 'NONE', 'MB', 'ND']</td></tr>
    272. 

  272. <tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
    273. 

  273. <tr><td>MRAcquisitionType</td><td>2D</td></tr>
    274. 

  274. <tr><td>MagneticFieldStrength</td><td>3</td></tr>
    275. 

  275. <tr><td>Manufacturer</td><td>Siemens</td></tr>
    276. 

  276. <tr><td>ManufacturersModelName</td><td>TrioTim</td></tr>
    277. 

  277. <tr><td>Modality</td><td>MR</td></tr>
    278. 

  278. <tr><td>NumVolumes</td><td>129</td></tr>
    279. 

  279. <tr><td>Obliquity</td><td>True</td></tr>
    280. 

  280. <tr><td>ParallelReductionFactorInPlane</td><td>2</td></tr>
    281. 

  281. <tr><td>PartialFourier</td><td>1</td></tr>
    282. 

  282. <tr><td>PatientPosition</td><td>HFS</td></tr>
    283. 

  283. <tr><td>PercentPhaseFOV</td><td>100</td></tr>
    284. 

  284. <tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
    285. 

  285. <tr><td>PhaseEncodingSteps</td><td>103</td></tr>
    286. 

  286. <tr><td>PhaseResolution</td><td>1</td></tr>
    287. 

  287. <tr><td>PixelBandwidth</td><td>1374</td></tr>
    288. 

  288. <tr><td>ProcedureStepDescription</td><td>CMI_HBN</td></tr>
    289. 

  289. <tr><td>ProtocolName</td><td>DKI</td></tr>
    290. 

  290. <tr><td>PulseSequenceDetails</td><td>%CustomerSeq%_cmrr_mbep2d_diff</td></tr>
    291. 

  291. <tr><td>ReceiveCoilName</td><td>32Ch_Head</td></tr>
    292. 

  292. <tr><td>ReconMatrixPE</td><td>104</td></tr>
    293. 

  293. <tr><td>RepetitionTime</td><td>3.32</td></tr>
    294. 

  294. <tr><td>SAR</td><td>0.350825</td></tr>
    295. 

  295. <tr><td>ScanOptions</td><td>FS</td></tr>
    296. 

  296. <tr><td>ScanningSequence</td><td>EP</td></tr>
    297. 

  297. <tr><td>SequenceName</td><td>ep_b0</td></tr>
    298. 

  298. <tr><td>SequenceVariant</td><td>SK_SS</td></tr>
    299. 

  299. <tr><td>SeriesDescription</td><td>DKI</td></tr>
    300. 

  300. <tr><td>ShimSetting</td><td>[2046, -576, -7599, 1150, 158, -142, 122, -175]</td></tr>
    301. 

  301. <tr><td>SliceThickness</td><td>1.8</td></tr>
    302. 

  302. <tr><td>SoftwareVersions</td><td>syngo_MR_B19</td></tr>
    303. 

  303. <tr><td>SpacingBetweenSlices</td><td>1.8</td></tr>
    304. 

  304. <tr><td>TotalReadoutTime</td><td>0.0427443</td></tr>
    305. 

  305. <tr><td>TxRefAmp</td><td>302.072</td></tr>
    306. 

  306. <tr><td>VoxelSizeDim1</td><td>1.798076868057251</td></tr>
    307. 

  307. <tr><td>VoxelSizeDim2</td><td>1.798076868057251</td></tr>
    308. 

  308. <tr><td>VoxelSizeDim3</td><td>1.7999955415725708</td></tr>
    309. 

  309. </table>
    310. 

  310. 

  311.       </div>
    312. 

  312.     </div>
    313. 

  313.   </div>
    314. 

  314. 

  315. 

  316.   <div class="accordion-item">
    317. 

  317.     <h2 class="accordion-header" id="about-metadata-2">
    318. 

  318.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
    319. 

  319.         Extracted Image quality metrics (IQMs)
    320. 

  320.       </button>
    321. 

  321.     </h2>
    322. 

  322.     <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
    323. 

  323.       <div class="accordion-body metadata-table">
    324. 

  324.       <table id="about-metadata-table-2" class="table table-sm table-striped">
    325. 

  325. <tr><td colspan=4>NumberOfShells</td><td>2</td></tr>
    326. 

  326. <tr><td colspan=4>bValues</td><td>[0.0, 1000.0, 2000.0]</td></tr>
    327. 

  327. <tr><td colspan=4>bValuesEstimation</td><td>[1000.0, 2000.0]</td></tr>
    328. 

  328. <tr><td>bdiffs</td><td colspan=3>max</td><td>0.1252</td></tr>
    329. 

  329. <tr><td>bdiffs</td><td colspan=3>mean</td><td>0.0147</td></tr>
    330. 

  330. <tr><td>bdiffs</td><td colspan=3>median</td><td>0.0133</td></tr>
    331. 

  331. <tr><td>bdiffs</td><td colspan=3>min</td><td>0.001</td></tr>
    332. 

  332. <tr><td>efc</td><td colspan=3>shell01</td><td>1.6474</td></tr>
    333. 

  333. <tr><td>efc</td><td colspan=3>shell02</td><td>0.4924</td></tr>
    334. 

  334. <tr><td>efc</td><td colspan=3>shell03</td><td>0.5368</td></tr>
    335. 

  335. <tr><td>fa</td><td colspan=3>degenerate</td><td>0.0</td></tr>
    336. 

  336. <tr><td>fa</td><td colspan=3>nans</td><td>0.0</td></tr>
    337. 

  337. <tr><td>fber</td><td colspan=3>shell01</td><td>156.25</td></tr>
    338. 

  338. <tr><td>fber</td><td colspan=3>shell02</td><td>658.7778</td></tr>
    339. 

  339. <tr><td>fber</td><td colspan=3>shell03</td><td>186.7778</td></tr>
    340. 

  340. <tr><td>fd</td><td colspan=3>mean</td><td>2.3282</td></tr>
    341. 

  341. <tr><td>fd</td><td colspan=3>num</td><td>128</td></tr>
    342. 

  342. <tr><td>fd</td><td colspan=3>perc</td><td>99.2248062015504</td></tr>
    343. 

  343. <tr><td colspan=4>ndc</td><td>0.6194</td></tr>
    344. 

  344. <tr><td>sigma</td><td colspan=3>cc</td><td>28.1694</td></tr>
    345. 

  345. <tr><td>sigma</td><td colspan=3>pca</td><td>10.1126</td></tr>
    346. 

  346. <tr><td>sigma</td><td colspan=3>piesno</td><td>1.3206</td></tr>
    347. 

  347. <tr><td>snr</td><td>cc</td><td colspan=2>shell0</td><td>4.53</td></tr>
    348. 

  348. <tr><td>snr</td><td>cc</td><td>shell1</td><td>best</td><td>5.82</td></tr>
    349. 

  349. <tr><td>snr</td><td>cc</td><td>shell1</td><td>worst</td><td>5.82</td></tr>
    350. 

  350. <tr><td>snr</td><td>cc</td><td>shell2</td><td>best</td><td>2.21</td></tr>
    351. 

  351. <tr><td>snr</td><td>cc</td><td>shell2</td><td>worst</td><td>1.13</td></tr>
    352. 

  352. <tr><td>spikes</td><td colspan=3>global</td><td>39.82</td></tr>
    353. 

  353. <tr><td>spikes</td><td>slice</td><td colspan=2>i</td><td>172.89</td></tr>
    354. 

  354. <tr><td>spikes</td><td>slice</td><td colspan=2>j</td><td>145.97</td></tr>
    355. 

  355. <tr><td>spikes</td><td>slice</td><td colspan=2>k</td><td>171.29</td></tr>
    356. 

  356. <tr><td>summary</td><td>bg</td><td colspan=2>k</td><td>215.0177</td></tr>
    357. 

  357. <tr><td>summary</td><td>bg</td><td colspan=2>mad</td><td>2.9652</td></tr>
    358. 

  358. <tr><td>summary</td><td>bg</td><td colspan=2>mean</td><td>6.1435</td></tr>
    359. 

  359. <tr><td>summary</td><td>bg</td><td colspan=2>median</td><td>4.0</td></tr>
    360. 

  360. <tr><td>summary</td><td>bg</td><td colspan=2>n</td><td>606021.0</td></tr>
    361. 

  361. <tr><td>summary</td><td>bg</td><td colspan=2>p05</td><td>0.0</td></tr>
    362. 

  362. <tr><td>summary</td><td>bg</td><td colspan=2>p95</td><td>20.0</td></tr>
    363. 

  363. <tr><td>summary</td><td>bg</td><td colspan=2>stdv</td><td>12.4169</td></tr>
    364. 

  364. <tr><td>summary</td><td>fg</td><td colspan=2>k</td><td>3.7621</td></tr>
    365. 

  365. <tr><td>summary</td><td>fg</td><td colspan=2>mad</td><td>65.2345</td></tr>
    366. 

  366. <tr><td>summary</td><td>fg</td><td colspan=2>mean</td><td>203.8769</td></tr>
    367. 

  367. <tr><td>summary</td><td>fg</td><td colspan=2>median</td><td>198.0</td></tr>
    368. 

  368. <tr><td>summary</td><td>fg</td><td colspan=2>n</td><td>172731.0</td></tr>
    369. 

  369. <tr><td>summary</td><td>fg</td><td colspan=2>p05</td><td>85.0</td></tr>
    370. 

  370. <tr><td>summary</td><td>fg</td><td colspan=2>p95</td><td>340.0</td></tr>
    371. 

  371. <tr><td>summary</td><td>fg</td><td colspan=2>stdv</td><td>82.4081</td></tr>
    372. 

  372. <tr><td>summary</td><td>wm</td><td colspan=2>k</td><td>4.3608</td></tr>
    373. 

  373. <tr><td>summary</td><td>wm</td><td colspan=2>mad</td><td>60.7867</td></tr>
    374. 

  374. <tr><td>summary</td><td>wm</td><td colspan=2>mean</td><td>191.118</td></tr>
    375. 

  375. <tr><td>summary</td><td>wm</td><td colspan=2>median</td><td>187.0</td></tr>
    376. 

  376. <tr><td>summary</td><td>wm</td><td colspan=2>n</td><td>117316.0</td></tr>
    377. 

  377. <tr><td>summary</td><td>wm</td><td colspan=2>p05</td><td>88.0</td></tr>
    378. 

  378. <tr><td>summary</td><td>wm</td><td colspan=2>p95</td><td>304.0</td></tr>
    379. 

  379. <tr><td>summary</td><td>wm</td><td colspan=2>stdv</td><td>71.3447</td></tr>
    380. 

  380. </table>
    381. 

  381. 

  382.       </div>
    383. 

  383.     </div>
    384. 

  384.   </div>
    385. 

  385. 

  386. </div>
    387. 

  387.         </div>
    388. 

  388.     </div>
    389. 

  389. 

  390. <div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
    391. 

  391. <div class="card-header m-0">
    392. 

  392.     Rating widget
    393. 

  393.     <button type="button" class="btn-close position-absolute top-0 end-0" aria-label="Close" id="close-qcrating-menu" onclick="toggle_rating()" style="margin: 10px 10px 0 0"></button>
    394. 

  394. </div>
    395. 

  395. <div class="card-body">
    396. 

  396. <div class="accordion">
    397. 

  397.   <div class="accordion-item">
    398. 

  398.     <h2 class="accordion-header" id="qcslider-head">
    399. 

  399.       <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#qcslider-collapse" aria-expanded="true" aria-controls="qcslider-collapse">Overall Quality Rating</button>
    400. 

  400.     </h2>
    401. 

  401.     <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
    402. 

  402.       <div class="accordion-body">
    403. 

  403.         <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
    404. 

  404.         <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
    405. 

  405.             <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
    406. 

  406.             <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
    407. 

  407.             <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
    408. 

  408.             <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
    409. 

  409.         </ul>
    410. 

  410.       </div>
    411. 

  411.     </div>
    412. 

  412.   </div>
    413. 

  413. 

  414.   <div class="accordion-item">
    415. 

  415.     <h2 class="accordion-header" id="qcartifacts-head">
    416. 

  416.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
    417. 

  417.         Record specific artifacts
    418. 

  418.       </button>
    419. 

  419.     </h2>
    420. 

  420.     <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
    421. 

  421.       <div class="accordion-body">
    422. 

  422.         <fieldset id="qcartifacts-group" class="form-group">
    423. 

  423.             <div class="form-check form-switch small">
    424. 

  424.                 <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
    425. 

  425.                 <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
    426. 

  426.             </div>
    427. 

  427.             <div class="form-check form-switch small">
    428. 

  428.                 <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
    429. 

  429.                 <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
    430. 

  430.             </div>
    431. 

  431.             <div class="form-check form-switch small">
    432. 

  432.                 <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
    433. 

  433.                 <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
    434. 

  434.             </div>
    435. 

  435.             <div class="form-check form-switch small">
    436. 

  436.                 <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
    437. 

  437.                 <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
    438. 

  438.             </div>
    439. 

  439.             <div class="form-check form-switch small">
    440. 

  440.                 <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
    441. 

  441.                 <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
    442. 

  442.             </div>
    443. 

  443.             <div class="form-check form-switch small">
    444. 

  444.                 <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
    445. 

  445.                 <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
    446. 

  446.             </div>
    447. 

  447.             <div class="form-check form-switch small">
    448. 

  448.                 <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
    449. 

  449.                 <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
    450. 

  450.             </div>
    451. 

  451.             <div class="form-check form-switch small">
    452. 

  452.                 <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
    453. 

  453.                 <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
    454. 

  454.             </div>
    455. 

  455.             <div class="form-check form-switch small">
    456. 

  456.                 <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
    457. 

  457.                 <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
    458. 

  458.             </div>
    459. 

  459.             <div class="form-check form-switch small">
    460. 

  460.                 <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
    461. 

  461.                 <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
    462. 

  462.             </div>
    463. 

  463.             <div class="form-check form-switch small">
    464. 

  464.                 <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
    465. 

  465.                 <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
    466. 

  466.             </div>
    467. 

  467.             <div class="form-check form-switch small">
    468. 

  468.                 <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
    469. 

  469.                 <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
    470. 

  470.             </div>
    471. 

  471.             <div class="form-check form-switch small">
    472. 

  472.                 <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
    473. 

  473.                 <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
    474. 

  474.             </div>
    475. 

  475.             <div class="form-check form-switch small">
    476. 

  476.                 <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
    477. 

  477.                 <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
    478. 

  478.             </div>
    479. 

  479.         </fieldset>
    480. 

  480.       </div> <!-- accordion-body -->
    481. 

  481.     </div> <!-- accordion-collapse -->
    482. 

  482.   </div> <!-- accordion-item -->
    483. 

  483.   <div class="accordion-item">
    484. 

  484.     <h2 class="accordion-header" id="qcextra-head">
    485. 

  485.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
    486. 

  486.         Extra details
    487. 

  487.       </button>
    488. 

  488.     </h2>
    489. 

  489.     <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
    490. 

  490.       <div class="accordion-body">
    491. 

  491.         <div class="input-group">
    492. 

  492.           <span class="input-group-text">Comments</span>
    493. 

  493.           <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
    494. 

  494.         </div>
    495. 

  495. 

  496.         <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
    497. 

  497.         <input type="range" min="0.0" max="4.0" step="0.05" value="3.5" id="qcextra-confidence" class="slider" style="margin-left: 22%;width: 56%;">
    498. 

  498.         <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
    499. 

  499.             <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
    500. 

  500.             <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
    501. 

  501.         </ul>
    502. 

  502.        </div> <!-- accordion-body -->
    503. 

  503.     </div> <!-- accordion-collapse -->
    504. 

  504.   </div> <!-- accordion-item -->
    505. 

  505. </div>
    506. 

  506. <div style="margin-top: 10px">
    507. 

  507. <a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
    508. 

  508. </div>
    509. 

  509. <script type="text/javascript">
    510. 

  510. var MINIMUM_RATING_TIME = 10
    511. 

  511. $('#qcslider').on('input', function() {
    512. 

  512. 

  513.     if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
    514. 

  514.         $('#btn-download').removeClass('disabled');
    515. 

  515.         $('#btn-download').removeAttr('aria-disabled');
    516. 

  516.         $('#btn-post').removeAttr('disabled');
    517. 

  517.     };
    518. 

  518. 

  519.     $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
    520. 

  520.         return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
    521. 

  521.     });
    522. 

  522.     $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
    523. 

  523.         return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
    524. 

  524.     });
    525. 

  525. 

  526.     if ( $(this).val() < 1.5 ) {
    527. 

  527.         $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
    528. 

  528.     } else if ( $(this).val() > 3.5 ) {
    529. 

  529.         $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
    530. 

  530.     } else if ( $(this).val() < 2.5 ) {
    531. 

  531.         $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
    532. 

  532.     } else {
    533. 

  533.         $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
    534. 

  534.     };
    535. 

  535. 

  536.     var payload = read_form();
    537. 

  537. });
    538. 

  538. 

  539. $('#qcextra-confidence').on('input', function() {
    540. 

  540.     if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
    541. 

  541.         $('#btn-download').removeClass('disabled');
    542. 

  542.         $('#btn-download').removeAttr('aria-disabled');
    543. 

  543.         $('#btn-post').removeAttr('disabled');
    544. 

  544.     };
    545. 

  545. 

  546.     $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
    547. 

  547.         return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
    548. 

  548.     });
    549. 

  549.     $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
    550. 

  550.         return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
    551. 

  551.     });
    552. 

  552. 

  553.     if ( $(this).val() < 2.0 ) {
    554. 

  554.         $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
    555. 

  555.     } else {
    556. 

  556.         $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
    557. 

  557.     };
    558. 

  558. 

  559.     var payload = read_form();
    560. 

  560. });
    561. 

  561. 

  562. 

  563. $('#qcextra-comments').bind('input propertychange', function() {
    564. 

  564.     if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
    565. 

  565.         $('#btn-download').removeClass('disabled');
    566. 

  566.         $('#btn-download').removeAttr('aria-disabled');
    567. 

  567.         $('#btn-post').removeAttr('disabled');
    568. 

  568.     };
    569. 

  569. });
    570. 

  570. 

  571. $( '#btn-post' ).click( function() {
    572. 

  572.     var payload = read_form();
    573. 

  573.     var md5sum = "unspecified";
    574. 

  574.     var params = {
    575. 

  575.         'rating': payload['rating'],
    576. 

  576.         'md5sum': md5sum,
    577. 

  577.         'name': "",
    578. 

  578.         'comment': JSON.stringify(payload['artifacts'])
    579. 

  579.     };
    580. 

  580. 

  581.     // disable development releases
    582. 

  582.     var authorization = $(this).val();
    583. 

  583.     var ratingReq = new XMLHttpRequest();
    584. 

  584.     ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
    585. 

  585.     ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
    586. 

  586.     ratingReq.setRequestHeader("Authorization", authorization);
    587. 

  587.     ratingReq.onload = function () {
    588. 

  588.         status = ratingReq.status;
    589. 

  589.         $('#btn-post').removeClass('btn-primary');
    590. 

  590.         $('#btn-post').attr('disabled', true);
    591. 

  591.         $('#btn-post').attr('aria-disabled', true);
    592. 

  592.         $('#btn-post').prop('disabled');
    593. 

  593.         $('#btn-post').addClass('disabled');
    594. 

  594.         $('#btn-post').removeClass('active');
    595. 

  595.         if (status === "201") {
    596. 

  596.             $('#btn-post').addClass('btn-success');
    597. 

  597.             $('#btn-post').html('Posted!');
    598. 

  598.         } else {
    599. 

  599.             $('#btn-post').addClass('btn-danger');
    600. 

  600.             $('#btn-post').html('Failed');
    601. 

  601.         };
    602. 

  602.     };
    603. 

  603.     ratingReq.send(JSON.stringify(params));
    604. 

  604. });
    605. 

  605. 

  606. $( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
    607. 

  607.     if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
    608. 

  608.         $('#btn-download').removeClass('disabled');
    609. 

  609.         $('#btn-download').removeAttr('aria-disabled');
    610. 

  610.         $('#btn-post').removeAttr('disabled');
    611. 

  611.     };
    612. 

  612.     
    613. 

  613.     var payload = read_form();
    614. 

  614. });
    615. 

  615. 

  616. $( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
    617. 

  617.     toggle_rating();
    618. 

  618. });
    619. 

  619. </script>
    620. 

  620. </div>
    621. 

  621. 

  622. <script type="text/javascript">
    623. 

  623. function toggle(id) {
    624. 

  624.     var element = document.getElementById(id);
    625. 

  625.     if(element.style.display == 'block')
    626. 

  626.         element.style.display = 'none';
    627. 

  627.     else
    628. 

  628.         element.style.display = 'block';
    629. 

  629. }
    630. 

  630. </script>
    631. 

  631. </body>
    632. 

  632. </html>
    633.