sub-001_ses-038_task-qct_dir-PA_bold.html 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691
  1. <?xml version="1.0" encoding="utf-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="generator" content="NiReports: https://www.nipreps.org/" />
  7. <title>sub-001_ses-038_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
  8. <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  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. <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. <script>
  12. var timestamp = Date.now()
  13. function read_form() {
  14. var ds = "<unset>";
  15. var sub = "sub-001_ses-038_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
  16. var artifacts = [];
  17. $('#qcartifacts-group input:checked').each(function() {
  18. artifacts.push($(this).attr('name'));
  19. });
  20. var rating = $('#qcslider').val();
  21. var payload = {
  22. 'dataset': ds,
  23. 'subject': sub,
  24. 'rating': rating,
  25. 'artifacts': artifacts,
  26. 'time_sec': (Date.now() - timestamp) / 1000,
  27. 'confidence': $('#qcextra-confidence').val(),
  28. 'comments': $('#qcextra-comments').val()
  29. };
  30. var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
  31. $('#btn-download').attr('href', URL.createObjectURL(file));
  32. $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
  33. return payload
  34. };
  35. function toggle_rating() {
  36. if ($('#qcrating-menu').hasClass('d-none')) {
  37. $('#qcrating-menu').removeClass('d-none');
  38. $('#qcrating-toggler').prop('checked', true);
  39. } else {
  40. $('#qcrating-menu').addClass('d-none');
  41. $('#qcrating-toggler').prop('checked', false);
  42. }
  43. };
  44. $(window).on('load',function(){
  45. var authorization = $('#btn-post').val()
  46. if (authorization.includes("secret_token")) {
  47. $('#btn-post').addClass('d-none');
  48. };
  49. timestamp = Date.now();
  50. });
  51. </script>
  52. <style type="text/css">
  53. /* The slider itself */
  54. .slider {
  55. -webkit-appearance: none; /* Override default CSS styles */
  56. appearance: none;
  57. margin-bottom: 8px;
  58. margin-left: 10%;
  59. width: 80%;
  60. height: 5px; /* Specified height */
  61. background: #d3d3d3; /* Grey background */
  62. outline: none; /* Remove outline */
  63. opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  64. -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  65. transition: opacity .2s;
  66. }
  67. /* Mouse-over effects */
  68. .slider:hover {
  69. opacity: 1; /* Fully shown on mouse-over */
  70. }
  71. .slider::-webkit-slider-thumb {
  72. -webkit-appearance: none;
  73. appearance: none;
  74. width: 25px;
  75. height: 25px;
  76. border: 0;
  77. background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
  78. cursor: pointer;
  79. z-index: 2000 !important;
  80. }
  81. .slider::-moz-range-thumb {
  82. width: 25px;
  83. height: 25px;
  84. border: 0;
  85. background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
  86. cursor: pointer;
  87. z-index: 2000 !important;
  88. }
  89. </style>
  90. </head>
  91. <body style="font-family: helvetica;">
  92. <nav class="navbar fixed-top navbar-expand-lg bg-light">
  93. <div class="container-fluid">
  94. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  95. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  96. <li class="nav-item dropdown">
  97. <a class="nav-link dropdown-toggle" id="navbarBasic echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Basic echo-wise reports">
  98. Basic echo-wise reports
  99. </a>
  100. <ul class="dropdown-menu">
  101. <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
  102. <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
  103. <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
  104. <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
  105. </ul>
  106. </li>
  107. <li class="nav-item dropdown">
  108. <a class="nav-link dropdown-toggle" id="navbarExtended echo-wise reports" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#Extended echo-wise reports">
  109. Extended echo-wise reports
  110. </a>
  111. <ul class="dropdown-menu">
  112. <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
  113. <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
  114. <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
  115. <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
  116. </ul>
  117. </li>
  118. <li class="nav-item dropdown">
  119. <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
  120. About
  121. </a>
  122. <ul class="dropdown-menu">
  123. <li><a class="dropdown-item" href="#errors">Errors</a></li>
  124. <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
  125. </ul>
  126. </li>
  127. </ul>
  128. </div>
  129. </div>
  130. <div class="d-flex flex-row-reverse">
  131. <div class="form-check form-switch align-self-center flex-fill me-4">
  132. <input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
  133. <label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
  134. </div>
  135. </div>
  136. </nav>
  137. <noscript>
  138. <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
  139. </noscript>
  140. <div id="Basic echo-wise reports" class="mt-5">
  141. <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
  142. <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  143. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p> <div class="reportlet">
  144. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
  145. </div>
  146. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
  147. </div>
  148. <div id="datatype-figures_desc-background_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  149. <h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</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">
  150. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
  151. </div>
  152. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
  153. </div>
  154. <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  155. <h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p> <div class="reportlet">
  156. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
  157. </div>
  158. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
  159. </div>
  160. <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  161. <h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p> <div class="reportlet">
  162. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
  163. </div>
  164. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
  165. </div>
  166. <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  167. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p> <div class="reportlet">
  168. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
  169. </div>
  170. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
  171. </div>
  172. <div id="datatype-figures_desc-background_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  173. <h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</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">
  174. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
  175. </div>
  176. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
  177. </div>
  178. <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  179. <h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p> <div class="reportlet">
  180. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
  181. </div>
  182. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
  183. </div>
  184. <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  185. <h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p> <div class="reportlet">
  186. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
  187. </div>
  188. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
  189. </div>
  190. <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  191. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p> <div class="reportlet">
  192. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
  193. </div>
  194. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
  195. </div>
  196. <div id="datatype-figures_desc-background_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  197. <h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</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">
  198. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
  199. </div>
  200. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
  201. </div>
  202. <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  203. <h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p> <div class="reportlet">
  204. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
  205. </div>
  206. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
  207. </div>
  208. <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  209. <h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p> <div class="reportlet">
  210. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
  211. </div>
  212. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
  213. </div>
  214. <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  215. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Standard deviation of signal through time</h3><p class="elem-caption">The voxel-wise standard deviation of the signal (variability along time).</p> <div class="reportlet">
  216. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
  217. </div>
  218. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
  219. </div>
  220. <div id="datatype-figures_desc-background_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  221. <h3 class="run-title mt-3">View of the background of the voxel-wise average of the BOLD timeseries</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">
  222. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
  223. </div>
  224. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
  225. </div>
  226. <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  227. <h3 class="run-title mt-3">Voxel-wise average of BOLD time-series, zoomed-in covering just the brain</h3><p class="elem-caption">This panel shows a mosaic of the brain. This mosaic is the most suitable to screen head-motion intensity inhomogeneities, global/local noise, signal leakage (for example, from the eyeballs and across the phase-encoding axis), etc.</p> <div class="reportlet">
  228. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
  229. </div>
  230. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
  231. </div>
  232. <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  233. <h3 class="run-title mt-3">Carpetplot and nuisance signals</h3><p class="elem-caption">The so-called &laquo;carpetplot&raquo; may assist in assessing head-motion derived artifacts and respiation effects.</p> <div class="reportlet">
  234. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
  235. </div>
  236. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
  237. </div>
  238. </div>
  239. <div id="Extended echo-wise reports" class="mt-5">
  240. <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
  241. <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  242. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">1</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p> <div class="reportlet">
  243. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
  244. </div>
  245. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
  246. </div>
  247. <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  248. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">2</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p> <div class="reportlet">
  249. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
  250. </div>
  251. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
  252. </div>
  253. <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  254. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">3</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p> <div class="reportlet">
  255. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
  256. </div>
  257. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
  258. </div>
  259. <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-038_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
  260. <h2 class="sub-report-group mt-4">Reports for: echo <span class="bids-entity">4</span>.</h2><h3 class="run-title mt-3">Voxel-wise average of BOLD time-series</h3><p class="elem-caption">The average signal calculated across the last axis (time).</p> <div class="reportlet">
  261. <img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
  262. </div>
  263. <small>Get figure file: <a href="./sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-038_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
  264. </div>
  265. </div>
  266. <div id="About" class="mt-5">
  267. <h1 class="sub-report-title pt-5 ps-4">About</h1>
  268. <div id="errors" class="ps-4 pe-4 mb-2">
  269. <h2 class="sub-report-group mt-4">Errors</h2> <p class="alert alert-success" role="alert">No errors to report!</p>
  270. </div>
  271. <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
  272. <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
  273. reconstructing the provenance of the corresponding derivatives.
  274. </p> <div class="accordion accordion-flush" id="about-metadata">
  275. <div class="accordion-item">
  276. <h2 class="accordion-header" id="about-metadata-0">
  277. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
  278. Provenance Information
  279. </button>
  280. </h2>
  281. <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
  282. <div class="accordion-body metadata-table">
  283. <table id="about-metadata-table-0" class="table table-sm table-striped">
  284. <tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
  285. <tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-038/func/sub-001_ses-038_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
  286. <tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
  287. <tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
  288. <tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
  289. <tr><td colspan=2>md5sum</td><td>14e0f6d1a9bbb8aef1906b76a771c689</td></tr>
  290. </table>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="accordion-item">
  295. <h2 class="accordion-header" id="about-metadata-1">
  296. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
  297. Dataset Information
  298. </button>
  299. </h2>
  300. <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
  301. <div class="accordion-body metadata-table">
  302. <table id="about-metadata-table-1" class="table table-sm table-striped">
  303. <tr><td>AcquisitionDuration</td><td>188.475</td></tr>
  304. <tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
  305. <tr><td>AcquisitionTime</td><td>21:12:14.205000</td></tr>
  306. <tr><td>B0FieldSource</td><td>['038pepolarbold', '038phasediff']</td></tr>
  307. <tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
  308. <tr><td>BaseResolution</td><td>96</td></tr>
  309. <tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
  310. <tr><td>DwellTime</td><td>2.3e-06</td></tr>
  311. <tr><td>EchoNumber</td><td>1</td></tr>
  312. <tr><td>EchoTime</td><td>0.0126</td></tr>
  313. <tr><td>EchoTrainLength</td><td>35</td></tr>
  314. <tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
  315. <tr><td>FlipAngle</td><td>64</td></tr>
  316. <tr><td>ImageOrientationPatientDICOM</td><td>[0.99885, 0.0351661, 0.0325943, -0.0244113, 0.95805, -0.285559]</td></tr>
  317. <tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
  318. <tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
  319. <tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
  320. <tr><td>PercentPhaseFOV</td><td>100</td></tr>
  321. <tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
  322. <tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
  323. <tr><td>PhaseEncodingDirection</td><td>j</td></tr>
  324. <tr><td>PixelBandwidth</td><td>2264</td></tr>
  325. <tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
  326. <tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
  327. <tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
  328. <tr><td>ReconMatrixPE</td><td>96</td></tr>
  329. <tr><td>RefLinesPE</td><td>22</td></tr>
  330. <tr><td>RepetitionTime</td><td>1.6</td></tr>
  331. <tr><td>SequenceVariant</td><td>SK\SS</td></tr>
  332. <tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
  333. <tr><td>SeriesNumber</td><td>13</td></tr>
  334. <tr><td>ShimSetting</td><td>[8236, -5617, -6015, 672, -69, -114, 44, 60]</td></tr>
  335. <tr><td>SliceThickness</td><td>2.2</td></tr>
  336. <tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.525, 1.3675, 0.63, 1.475, 0.7375]</td></tr>
  337. <tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
  338. <tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
  339. <tr><td>TxRefAmp</td><td>248.062</td></tr>
  340. <tr><td>WipMemBlock</td><td>0cbfd942-9599-4550-8aeb-b5e24c0573a4||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
  341. </table>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="accordion-item">
  346. <h2 class="accordion-header" id="about-metadata-2">
  347. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
  348. Extracted Image quality metrics (IQMs)
  349. </button>
  350. </h2>
  351. <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
  352. <div class="accordion-body metadata-table">
  353. <table id="about-metadata-table-2" class="table table-sm table-striped">
  354. <tr><td colspan=3>aor</td><td>[0.0011083673469387755, 0.0010351020408163266, 0.0011521428571428572, 0.0013820408163265304]</td></tr>
  355. <tr><td colspan=3>aqi</td><td>[0.0032612821428571427, 0.004444985204081632, 0.007753748367346939, 0.01401462755102041]</td></tr>
  356. <tr><td colspan=3>dummy_trs</td><td>1</td></tr>
  357. <tr><td>dvars</td><td colspan=2>nstd</td><td>30.60565614195876</td></tr>
  358. <tr><td>dvars</td><td colspan=2>std</td><td>1.1071147625773199</td></tr>
  359. <tr><td>dvars</td><td colspan=2>vstd</td><td>1.034830788453608</td></tr>
  360. <tr><td colspan=3>efc</td><td>0.581</td></tr>
  361. <tr><td colspan=3>fber</td><td>669.0087</td></tr>
  362. <tr><td>fd</td><td colspan=2>mean</td><td>0.1896891729349845</td></tr>
  363. <tr><td>fd</td><td colspan=2>num</td><td>40</td></tr>
  364. <tr><td>fd</td><td colspan=2>perc</td><td>40.816326530612244</td></tr>
  365. <tr><td>fwhm</td><td colspan=2>avg</td><td>3.5839728129372586</td></tr>
  366. <tr><td>fwhm</td><td colspan=2>x</td><td>3.3238742633015663</td></tr>
  367. <tr><td>fwhm</td><td colspan=2>y</td><td>3.657535166324701</td></tr>
  368. <tr><td>fwhm</td><td colspan=2>z</td><td>3.7705090091855094</td></tr>
  369. <tr><td colspan=3>gcor</td><td>[0.0078146, 0.00964223, 0.0090965, 0.00722019]</td></tr>
  370. <tr><td>gsr</td><td colspan=2>x</td><td>-0.006936252117156982</td></tr>
  371. <tr><td>gsr</td><td colspan=2>y</td><td>0.11376924067735672</td></tr>
  372. <tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
  373. <tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
  374. <tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
  375. <tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
  376. <tr><td colspan=3>snr</td><td>2.5761718157264784</td></tr>
  377. <tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
  378. <tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
  379. <tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
  380. <tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
  381. <tr><td>summary</td><td>bg</td><td>k</td><td>9.9697</td></tr>
  382. <tr><td>summary</td><td>bg</td><td>mad</td><td>20.5446</td></tr>
  383. <tr><td>summary</td><td>bg</td><td>mean</td><td>127.5228</td></tr>
  384. <tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
  385. <tr><td>summary</td><td>bg</td><td>n</td><td>418045.0</td></tr>
  386. <tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
  387. <tr><td>summary</td><td>bg</td><td>p95</td><td>640.0</td></tr>
  388. <tr><td>summary</td><td>bg</td><td>stdv</td><td>226.9546</td></tr>
  389. <tr><td>summary</td><td>fg</td><td>k</td><td>0.5535</td></tr>
  390. <tr><td>summary</td><td>fg</td><td>mad</td><td>312.3904</td></tr>
  391. <tr><td>summary</td><td>fg</td><td>mean</td><td>829.4049</td></tr>
  392. <tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
  393. <tr><td>summary</td><td>fg</td><td>n</td><td>134915.0</td></tr>
  394. <tr><td>summary</td><td>fg</td><td>p05</td><td>383.0</td></tr>
  395. <tr><td>summary</td><td>fg</td><td>p95</td><td>1361.0</td></tr>
  396. <tr><td>summary</td><td>fg</td><td>stdv</td><td>312.478</td></tr>
  397. <tr><td colspan=3>tsnr</td><td>53.53875637683086</td></tr>
  398. </table>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. </div>
  404. </div>
  405. <div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
  406. <div class="card-header m-0">
  407. Rating widget
  408. <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>
  409. </div>
  410. <div class="card-body">
  411. <div class="accordion">
  412. <div class="accordion-item">
  413. <h2 class="accordion-header" id="qcslider-head">
  414. <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>
  415. </h2>
  416. <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
  417. <div class="accordion-body">
  418. <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
  419. <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
  420. <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
  421. <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
  422. <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
  423. <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
  424. </ul>
  425. </div>
  426. </div>
  427. </div>
  428. <div class="accordion-item">
  429. <h2 class="accordion-header" id="qcartifacts-head">
  430. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
  431. Record specific artifacts
  432. </button>
  433. </h2>
  434. <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
  435. <div class="accordion-body">
  436. <fieldset id="qcartifacts-group" class="form-group">
  437. <div class="form-check form-switch small">
  438. <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
  439. <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
  440. </div>
  441. <div class="form-check form-switch small">
  442. <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
  443. <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
  444. </div>
  445. <div class="form-check form-switch small">
  446. <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
  447. <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
  448. </div>
  449. <div class="form-check form-switch small">
  450. <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
  451. <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
  452. </div>
  453. <div class="form-check form-switch small">
  454. <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
  455. <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
  456. </div>
  457. <div class="form-check form-switch small">
  458. <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
  459. <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
  460. </div>
  461. <div class="form-check form-switch small">
  462. <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
  463. <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
  464. </div>
  465. <div class="form-check form-switch small">
  466. <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
  467. <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
  468. </div>
  469. <div class="form-check form-switch small">
  470. <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
  471. <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
  472. </div>
  473. <div class="form-check form-switch small">
  474. <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
  475. <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
  476. </div>
  477. <div class="form-check form-switch small">
  478. <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
  479. <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
  480. </div>
  481. <div class="form-check form-switch small">
  482. <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
  483. <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
  484. </div>
  485. <div class="form-check form-switch small">
  486. <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
  487. <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
  488. </div>
  489. <div class="form-check form-switch small">
  490. <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
  491. <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
  492. </div>
  493. </fieldset>
  494. </div> <!-- accordion-body -->
  495. </div> <!-- accordion-collapse -->
  496. </div> <!-- accordion-item -->
  497. <div class="accordion-item">
  498. <h2 class="accordion-header" id="qcextra-head">
  499. <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
  500. Extra details
  501. </button>
  502. </h2>
  503. <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
  504. <div class="accordion-body">
  505. <div class="input-group">
  506. <span class="input-group-text">Comments</span>
  507. <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
  508. </div>
  509. <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
  510. <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%;">
  511. <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
  512. <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
  513. <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
  514. </ul>
  515. </div> <!-- accordion-body -->
  516. </div> <!-- accordion-collapse -->
  517. </div> <!-- accordion-item -->
  518. </div>
  519. <div style="margin-top: 10px">
  520. <a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
  521. </div>
  522. <script type="text/javascript">
  523. var MINIMUM_RATING_TIME = 10
  524. $('#qcslider').on('input', function() {
  525. if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
  526. $('#btn-download').removeClass('disabled');
  527. $('#btn-download').removeAttr('aria-disabled');
  528. $('#btn-post').removeAttr('disabled');
  529. };
  530. $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
  531. return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
  532. });
  533. $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
  534. return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
  535. });
  536. if ( $(this).val() < 1.5 ) {
  537. $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
  538. } else if ( $(this).val() > 3.5 ) {
  539. $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
  540. } else if ( $(this).val() < 2.5 ) {
  541. $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
  542. } else {
  543. $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
  544. };
  545. var payload = read_form();
  546. });
  547. $('#qcextra-confidence').on('input', function() {
  548. if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
  549. $('#btn-download').removeClass('disabled');
  550. $('#btn-download').removeAttr('aria-disabled');
  551. $('#btn-post').removeAttr('disabled');
  552. };
  553. $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
  554. return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
  555. });
  556. $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
  557. return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
  558. });
  559. if ( $(this).val() < 2.0 ) {
  560. $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
  561. } else {
  562. $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
  563. };
  564. var payload = read_form();
  565. });
  566. $('#qcextra-comments').bind('input propertychange', function() {
  567. if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
  568. $('#btn-download').removeClass('disabled');
  569. $('#btn-download').removeAttr('aria-disabled');
  570. $('#btn-post').removeAttr('disabled');
  571. };
  572. });
  573. $( '#btn-post' ).click( function() {
  574. var payload = read_form();
  575. var md5sum = "unspecified";
  576. var params = {
  577. 'rating': payload['rating'],
  578. 'md5sum': md5sum,
  579. 'name': "",
  580. 'comment': JSON.stringify(payload['artifacts'])
  581. };
  582. // disable development releases
  583. var authorization = $(this).val();
  584. var ratingReq = new XMLHttpRequest();
  585. ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
  586. ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
  587. ratingReq.setRequestHeader("Authorization", authorization);
  588. ratingReq.onload = function () {
  589. status = ratingReq.status;
  590. $('#btn-post').removeClass('btn-primary');
  591. $('#btn-post').attr('disabled', true);
  592. $('#btn-post').attr('aria-disabled', true);
  593. $('#btn-post').prop('disabled');
  594. $('#btn-post').addClass('disabled');
  595. $('#btn-post').removeClass('active');
  596. if (status === "201") {
  597. $('#btn-post').addClass('btn-success');
  598. $('#btn-post').html('Posted!');
  599. } else {
  600. $('#btn-post').addClass('btn-danger');
  601. $('#btn-post').html('Failed');
  602. };
  603. };
  604. ratingReq.send(JSON.stringify(params));
  605. });
  606. $( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
  607. if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
  608. $('#btn-download').removeClass('disabled');
  609. $('#btn-download').removeAttr('aria-disabled');
  610. $('#btn-post').removeAttr('disabled');
  611. };
  612. var payload = read_form();
  613. });
  614. $( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
  615. toggle_rating();
  616. });
  617. </script>
  618. </div>
  619. <script type="text/javascript">
  620. function toggle(id) {
  621. var element = document.getElementById(id);
  622. if(element.style.display == 'block')
  623. element.style.display = 'none';
  624. else
  625. element.style.display = 'block';
  626. }
  627. </script>
  628. </body>
  629. </html>