We use cookies to ensure you get the best experience on our website
Domovská stránka Prehľadávať Pomoc News
Registrovať Prihlásiť sa
TheAxonLab
/
hcph-derivatives-mriqc
3
0
Fork 0
Súbory Pull requesty 0
Prechádzať zdrojové kódy

enh: add MRIQC BOLD individual reports for qct task

celprov 3 týždňov pred
rodič
8c1b3c4f44
commit
c773083c0b
46 zmenil súbory, kde vykonal 32555 pridanie a 0 odobranie
Rozdelené zobrazenie Ukázať štatistiku rozdielnych dát
  1. 710 0
      sub-001_ses-001_task-qct_dir-LR_bold.html
  2. 691 0
      sub-001_ses-003_task-qct_dir-LR_bold.html
  3. 710 0
      sub-001_ses-004_task-qct_dir-RL_bold.html
  4. 710 0
      sub-001_ses-005_task-qct_dir-PA_bold.html
  5. 710 0
      sub-001_ses-006_task-qct_dir-PA_bold.html
  6. 710 0
      sub-001_ses-007_task-qct_dir-LR_bold.html
  7. 710 0
      sub-001_ses-008_task-qct_dir-RL_bold.html
  8. 710 0
      sub-001_ses-009_task-qct_dir-AP_bold.html
  9. 710 0
      sub-001_ses-010_task-qct_dir-RL_bold.html
  10. 710 0
      sub-001_ses-011_task-qct_dir-AP_bold.html
  11. 691 0
      sub-001_ses-013_task-qct_dir-PA_bold.html
  12. 710 0
      sub-001_ses-015_task-qct_dir-AP_bold.html
  13. 710 0
      sub-001_ses-016_task-qct_dir-RL_bold.html
  14. 691 0
      sub-001_ses-017_task-qct_dir-PA_bold.html
  15. 710 0
      sub-001_ses-018_task-qct_dir-LR_bold.html
  16. 710 0
      sub-001_ses-019_task-qct_dir-PA_bold.html
  17. 710 0
      sub-001_ses-020_task-qct_dir-RL_bold.html
  18. 710 0
      sub-001_ses-021_task-qct_dir-RL_bold.html
  19. 710 0
      sub-001_ses-022_task-qct_dir-AP_bold.html
  20. 710 0
      sub-001_ses-023_task-qct_dir-AP_bold.html
  21. 710 0
      sub-001_ses-024_task-qct_dir-AP_bold.html
  22. 710 0
      sub-001_ses-025_task-qct_dir-RL_bold.html
  23. 710 0
      sub-001_ses-026_task-qct_dir-PA_bold.html
  24. 710 0
      sub-001_ses-028_task-qct_dir-RL_bold.html
  25. 710 0
      sub-001_ses-037_task-qct_dir-LR_bold.html
  26. 691 0
      sub-001_ses-038_task-qct_dir-PA_bold.html
  27. 710 0
      sub-001_ses-039_task-qct_dir-LR_bold.html
  28. 691 0
      sub-001_ses-040_task-qct_dir-AP_bold.html
  29. 710 0
      sub-001_ses-041_task-qct_dir-AP_bold.html
  30. 710 0
      sub-001_ses-042_task-qct_dir-PA_bold.html
  31. 710 0
      sub-001_ses-043_task-qct_dir-AP_bold.html
  32. 710 0
      sub-001_ses-044_task-qct_dir-LR_bold.html
  33. 710 0
      sub-001_ses-045_task-qct_dir-LR_bold.html
  34. 710 0
      sub-001_ses-046_task-qct_dir-LR_bold.html
  35. 710 0
      sub-001_ses-047_task-qct_dir-RL_bold.html
  36. 710 0
      sub-001_ses-048_task-qct_dir-PA_bold.html
  37. 710 0
      sub-001_ses-excl029_task-qct_dir-PA_bold.html
  38. 708 0
      sub-001_ses-pilot011_task-qct_dir-AP_bold.html
  39. 708 0
      sub-001_ses-pilot012_task-qct_dir-AP_bold.html
  40. 708 0
      sub-001_ses-pilot013_task-qct_dir-AP_bold.html
  41. 708 0
      sub-001_ses-pilot014_task-qct_dir-AP_bold.html
  42. 710 0
      sub-001_ses-pilot015_task-qct_dir-LR_bold.html
  43. 710 0
      sub-001_ses-pilot016_task-qct_dir-RL_bold.html
  44. 710 0
      sub-001_ses-pilot019_task-qct_dir-RL_bold.html
  45. 710 0
      sub-001_ses-pilot020_task-qct_dir-RL_bold.html
  46. 708 0
      sub-001_ses-pilot021_task-qct_dir-AP_bold.html

+ 710 - 0
sub-001_ses-001_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-001_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-001_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-001_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-001_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-001/func/sub-001_ses-001_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>094e294dd6cd73b9edaccd5dec5a13c9</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:42:39.307500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['001pepolarbold', '001phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.996853, -0.0157379, 0.0776887, 0.0372498, 0.958139, -0.28387]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>12</td></tr>
 
+<tr><td>ShimSetting</td><td>[8232, -5627, -6010, 735, -103, -139, 37, 12]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>243.222</td></tr>
 
+<tr><td>WipMemBlock</td><td>545301fd-9f70-4e90-818e-2ce9c07a8fc3||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010634343434343435, 0.0010126262626262627, 0.001086060606060606, 0.001261010101010101]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.005329768383838384, 0.00685387595959596, 0.010928638989898988, 0.018687446464646467]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.08749082142859</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.022816240510204</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0136008482653063</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6453</td></tr>
 
+<tr><td colspan=3>fber</td><td>175.681</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08489961961577518</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>4</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>4.040404040404041</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6666786857964033</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4582620422760675</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.709924098166252</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.83184991694689</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.010184, 0.0113395, 0.00936657, 0.00717866]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1476898193359375</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02466188557446003</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5636802204996734</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9969</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>54.7964</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>165.05</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>60.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330573.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>725.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.7023</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.9407</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>294.1093</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>827.1384</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>793.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134547.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>394.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1372.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>309.3198</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.593378724996</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 691 - 0
sub-001_ses-003_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,691 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-003_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-003_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-003_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-003_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-003/func/sub-001_ses-003_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>b04de682fa3931fe55e7353582d67a7a</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>10:05:56.382500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['003pepolarbold', '003phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998371, 0.0143984, 0.0552065, 0.012198, 0.891389, -0.453076]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>11</td></tr>
 
+<tr><td>ShimSetting</td><td>[8237, -5609, -6017, 681, -44, -239, -27, 3]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>250.232</td></tr>
 
+<tr><td>WipMemBlock</td><td>303d952c-eca5-495b-b256-1636157a0fe8||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001051919191919192, 0.0010185858585858585, 0.0010824242424242424, 0.0012603030303030304]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004905208080808081, 0.006545695858585859, 0.010004367575757575, 0.01634460606060606]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.930883018571414</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0294070618367337</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0187420814285717</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6536</td></tr>
 
+<tr><td colspan=3>fber</td><td>122.826</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.06578417471922206</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>1.0101010101010102</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8200271658155422</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.64234459192444</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7477733573726355</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.069963548149552</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00404175, 0.00648565, 0.00605408, 0.00516216]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15461303293704987</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.026394253596663475</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5283538713463236</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.927</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>67.7055</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>178.8585</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>72.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>332389.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>760.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>253.0099</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.2505</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.1595</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>836.7435</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>799.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>132731.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>404.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1396.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>316.0147</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.027139900485054</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-004_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-004_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-004_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-004_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-004_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-004/func/sub-001_ses-004_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>0f123634a3978d8c92ee95a90c30648e</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>12:15:7.412500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['004pepolarbold', '004phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999421, 0.00548476, 0.0335692, 0.00697739, 0.932869, -0.360149]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>16</td></tr>
 
+<tr><td>ShimSetting</td><td>[8235, -5616, -6015, 684, -60, -158, 24, 29]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>249.909</td></tr>
 
+<tr><td>WipMemBlock</td><td>55b747fc-307a-4fd3-b943-7c204817084f||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0068926262626262625, 0.007915858585858587, 0.008266666666666669, 0.007835252525252525]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.007146104848484849, 0.008759762727272725, 0.01449540191919192, 0.023517151515151515]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.16785609999999</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0876275901020414</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0723685574489794</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6579</td></tr>
 
+<tr><td colspan=3>fber</td><td>133.8467</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1968420164951309</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>20</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>20.2020202020202</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8363665979170416</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.636151739118776</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.822907233323711</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.050040821308638</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0148773, 0.0109698, 0.00706948, 0.00461978]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15058445930480957</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.012972384691238403</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6697505991558743</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>4.7486</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>66.3577</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>176.7639</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>70.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330909.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>754.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>246.7207</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.532</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>297.404</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>833.8187</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>807.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134211.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>401.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1359.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>302.2743</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>35.0969972552266</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-005_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-005_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-005_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-005_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-005_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-005/func/sub-001_ses-005_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>133b4173eb1d7cb856347a6666a384f1</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>10:26:48.422500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['005pepolarbold', '005phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998823, -0.0108809, 0.0472612, 0.0278997, 0.926022, -0.376438]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>11</td></tr>
 
+<tr><td>ShimSetting</td><td>[8235, -5616, -6013, 703, -71, -212, -27, 66]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>240.229</td></tr>
 
+<tr><td>WipMemBlock</td><td>60922f24-c888-4845-b784-eb8ab674df0d||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001337142857142857, 0.0012073469387755102, 0.001236530612244898, 0.0013812244897959184]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.003372990408163266, 0.004154237959183673, 0.007073225102040816, 0.012608230612244897]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.05519977030926</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.107518355876289</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0620892177319587</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5845</td></tr>
 
+<tr><td colspan=3>fber</td><td>589.555</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07709129840230029</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>1.0204081632653061</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.581146423480108</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2649594733860194</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.685598061080982</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.792881735973321</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00636085, 0.0106539, 0.00960506, 0.00770057]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.004600245039910078</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11225330829620361</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5744976284051497</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.8128</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.7262</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>128.246</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>33.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417247.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>630.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>226.685</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6986</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>301.9667</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>819.3385</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>792.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135713.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1349.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>307.6317</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.36740185320377</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-006_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-006_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-006_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-006_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-006_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-006/func/sub-001_ses-006_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>a71f53989a63d2a349d2d78377701421</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>12:11:57.225000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['006pepolarbold', '006phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999278, -0.025317, 0.02832, 0.0333241, 0.942113, -0.333634]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>11</td></tr>
 
+<tr><td>ShimSetting</td><td>[8247, -5623, -6088, 518, -89, -211, 25, 15]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>250.135</td></tr>
 
+<tr><td>WipMemBlock</td><td>f7016126-3778-4310-8706-c694092ba22c||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009764285714285716, 0.0009658163265306122, 0.001081530612244898, 0.0013262244897959184]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0029245710204081634, 0.004415388877551021, 0.007685288775510203, 0.014227410204081633]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.898592015257734</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0580663714432985</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0292897352577322</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5826</td></tr>
 
+<tr><td colspan=3>fber</td><td>617.4968</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07410719790357109</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.683358189773051</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.362319701156719</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8034685887157087</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8842862794467257</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00478143, 0.00675228, 0.00592021, 0.00463327]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0030898095574229956</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11812485009431839</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5082402896160962</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.5088</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.7988</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>132.5212</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>33.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>416416.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>659.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.5505</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.538</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>321.2708</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>839.1624</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>809.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>136544.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1398.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>322.5357</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>52.91951117897406</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-007_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-007_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-007_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-007_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-007_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-007/func/sub-001_ses-007_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>5f3088af8c526daf41855d6fc7b9343a</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:26:34.260000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['007pepolarbold', '007phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999164, 0.0141201, 0.0383739, -0.000871936, 0.945628, -0.32525]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8228, -5628, -6009, 676, -47, -190, 67, 74]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.09</td></tr>
 
+<tr><td>WipMemBlock</td><td>4ab13854-a597-4e9f-927c-3a41d8a97be6||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010946464646464647, 0.0010403030303030303, 0.0010724242424242423, 0.001257070707070707]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004599475555555555, 0.006225278787878788, 0.010158051212121212, 0.01695263232323232]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.0914034162245</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0360739629591835</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0163472535714282</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6464</td></tr>
 
+<tr><td colspan=3>fber</td><td>152.8806</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07114900932027633</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>2</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>2.0202020202020203</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7775942883511866</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6024917626926944</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7858411878545137</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9444499145063503</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00816, 0.0111378, 0.0104781, 0.00866609]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1324925571680069</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02140536904335022</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.541074770264188</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.8516</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.4157</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.0367</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>66.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330648.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>723.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>240.8165</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7862</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>316.1462</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>849.0476</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>820.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134472.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1406.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>322.6969</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.593396466225386</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-008_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-008_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-008_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-008_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-008_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-008/func/sub-001_ses-008_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>b5d3ed1ad618ade97b32c9eb79c3ce63</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>22:09:48.045000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['008pepolarbold', '008phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998061, -0.000822986, 0.0622358, 0.0223006, 0.938256, -0.345222]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8243, -5623, -6012, 644, -49, -229, 52, 39]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>249.596</td></tr>
 
+<tr><td>WipMemBlock</td><td>2487fce8-5b20-4049-ad8a-cc01b182220c||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001075959595959596, 0.001005050505050505, 0.001091010101010101, 0.0012438383838383838]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004278053030303031, 0.006278496363636363, 0.010400430707070705, 0.01757919797979798]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.934696820102054</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0266023483673465</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0148876075510205</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6476</td></tr>
 
+<tr><td colspan=3>fber</td><td>136.55</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08585651823801624</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>4</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>4.040404040404041</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>4.112252846041971</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.9117974389261914</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>4.103188465598896</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.321772633600828</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00675382, 0.00790135, 0.00685229, 0.00540335]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15000897645950317</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02717868983745575</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.446237952170188</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0152</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>66.2678</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.8726</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>71.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>332415.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>776.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>258.7767</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.7148</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>319.8977</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>871.9004</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>833.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>132705.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>404.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1460.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>340.5216</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.71258436655626</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-009_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-009_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-009_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-009_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-009_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-009/func/sub-001_ses-009_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>0b19480b1ad35cd51ebb95c66c35e4e4</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:19:17.267500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['009pepolarbold', '009phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997499, 0.0305743, 0.0637244, -0.0076604, 0.943053, -0.332556]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8253, -5625, -5992, 699, -41, -242, 19, 50]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>249.094</td></tr>
 
+<tr><td>WipMemBlock</td><td>5453a020-bcc6-4783-a9f5-ed287280b8fa||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0013887755102040815, 0.0012726530612244898, 0.001288265306122449, 0.0014981632653061226]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.003731935408163265, 0.003975764897959183, 0.006695011530612245, 0.01200550163265306]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.72966135185567</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0924625391752576</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0366291488659793</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5732</td></tr>
 
+<tr><td colspan=3>fber</td><td>663.6827</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11400402304052314</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>9</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>9.183673469387756</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7200291985136915</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4433736035696834</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7169640786636355</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9997499133077556</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00560254, 0.0087361, 0.00856637, 0.00684629]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0002962001599371433</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11684178560972214</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.3913126601081878</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.5554</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>22.0575</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>128.9973</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>419114.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>643.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>230.6329</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.5421</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>312.6249</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>882.4001</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>835.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133846.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>398.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1503.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>349.1793</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.99539079191163</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-010_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-010_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-010_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-010_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-010_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-010/func/sub-001_ses-010_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>5dd4ba72580274071f05c1b9f34cbaf3</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>22:14:23.042500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['010pepolarbold', '010phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997842, -0.0242438, 0.0610273, 0.0442647, 0.934802, -0.352399]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8241, -5610, -5999, 672, -57, -161, 22, 12]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>232.907</td></tr>
 
+<tr><td>WipMemBlock</td><td>b65d4312-0a67-435c-a992-c959a295ca63||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010263265306122448, 0.0010131632653061226, 0.0010744897959183673, 0.001266938775510204]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0055274052040816335, 0.0056640120408163255, 0.009049156836734695, 0.015054461224489796]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.64709732237113</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.049538426804124</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0335816239175257</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6507</td></tr>
 
+<tr><td colspan=3>fber</td><td>136.1223</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08375292271753179</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>5</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>5.1020408163265305</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7750257277652257</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6184201443943222</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7820298512380868</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9246271876632695</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00480001, 0.00628889, 0.0057106, 0.00481288]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14772841334342957</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.02088669314980507</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.556799049223212</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.2381</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>65.9909</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>175.303</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>71.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331381.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>748.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>248.326</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1683</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>307.9878</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>862.1061</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>827.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133739.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>415.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1425.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>323.4501</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>39.57014850806445</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-011_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-011_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-011_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-011_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-011/func/sub-001_ses-011_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>d5ed9439f1824876c72353b8a7405205</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:15:54.240000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['011pepolarbold', '011phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998428, 0.0269782, 0.0491372, -0.00697046, 0.929519, -0.368708]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>20</td></tr>
 
+<tr><td>ShimSetting</td><td>[8244, -5608, -6011, 701, -69, -144, 15, 45]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.4725, 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.4725, 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.4725, 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.4725, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>242.543</td></tr>
 
+<tr><td>WipMemBlock</td><td>e95b4bce-80e8-4b20-a2e8-e8ea735bf194||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0013257575757575758, 0.0011435353535353535, 0.0011880808080808082, 0.00136020202020202]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0030760594949494954, 0.004361129191919192, 0.007252388888888889, 0.013105486868686872]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.24569083244898</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0500952173469391</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.017974493163265</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5778</td></tr>
 
+<tr><td colspan=3>fber</td><td>682.7328</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.06528251003392335</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>1.0101010101010102</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.601430368362543</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2653007050829586</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6343132119089967</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9046771880956737</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0121235, 0.0136639, 0.0115015, 0.00879373]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.003865940263494849</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10987801849842072</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5796503881035555</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.3163</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.9361</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.7861</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>419158.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>632.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>223.6265</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7713</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>293.2033</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>855.6127</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>817.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133802.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>406.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1421.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>316.7084</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>54.12483750237152</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 691 - 0
sub-001_ses-013_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,691 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-013_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-013_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-013_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-013/func/sub-001_ses-013_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>e81bffd9c0c64ad01d05d06359a47cb3</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:09:1.375000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['013pepolarbold', '013phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999176, 0.0386127, 0.0124868, -0.0317495, 0.935434, -0.352071]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8226, -5603, -6013, 717, -33, -117, 22, 65]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>245.254</td></tr>
 
+<tr><td>WipMemBlock</td><td>8e697691-d428-4c18-a21e-fd25eb4365e8||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0014736363636363636, 0.0012271717171717172, 0.0012204040404040404, 0.0014063636363636366]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0034645174747474747, 0.004145007474747475, 0.0070050962626262625, 0.012535477777777778]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.547866062244903</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0877272623469387</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0311543020408165</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5788</td></tr>
 
+<tr><td colspan=3>fber</td><td>701.4703</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.06661784272649073</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.595178039411556</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.294046063233119</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6751017740831315</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.816386280918419</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0112737, 0.0134057, 0.0111751, 0.00855311]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0018870068015530705</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10605092346668243</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.567850468490733</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.8808</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.6067</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.7601</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417356.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>640.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>231.0252</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.834</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>315.2402</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>844.1136</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>818.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135604.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>395.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1385.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>318.5532</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>55.326562499278225</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-015_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-015_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-015_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-015_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-015/func/sub-001_ses-015_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>1091528418d09495e96dd16344805a38</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:03:8.337500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['015pepolarbold', '015phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998095, -0.0431683, 0.0440703, 0.0565012, 0.926459, -0.372132]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8234, -5612, -6012, 696, -27, -248, 36, 12]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>242.728</td></tr>
 
+<tr><td>WipMemBlock</td><td>81deb13a-90e1-4035-b421-b7257d9a3ba7||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0013240404040404039, 0.001170707070707071, 0.0012253535353535354, 0.0014291919191919192]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.002879962121212121, 0.0037946642424242427, 0.006565745050505049, 0.012053037676767676]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>26.640462797448983</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0392529556122445</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0146302090816326</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5734</td></tr>
 
+<tr><td colspan=3>fber</td><td>714.041</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11507390985988977</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>10</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>10.1010101010101</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6185676810877028</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3254666778872832</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6300455408192764</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9001908245565495</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0337085, 0.0290472, 0.023173, 0.0163757]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0017149625346064568</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10598769783973694</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.4624931670311145</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.7518</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5168</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>124.8998</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418562.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>638.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>225.235</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7258</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>310.373</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>859.1757</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>821.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134398.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>379.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1451.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>333.4007</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.41724119335413</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-016_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-016_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-016_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-016_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-016/func/sub-001_ses-016_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>5771b9a23e42c52d992ae7ab91e037d0</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:54:32.217500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['016pepolarbold', '016phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997393, -0.04706, 0.0546977, 0.0634498, 0.932986, -0.354276]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8234, -5624, -6010, 648, -19, -233, 38, 26]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.928</td></tr>
 
+<tr><td>WipMemBlock</td><td>3d1a2417-7b8c-43c1-ad21-3a046cf01307||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009195918367346938, 0.0009496938775510205, 0.0010409183673469387, 0.0012276530612244899]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0056104493877551015, 0.006916353163265306, 0.011212951326530616, 0.01850505306122449]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>41.3391997741237</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0645381956701028</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0300518945360826</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6512</td></tr>
 
+<tr><td colspan=3>fber</td><td>134.2489</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.23027634523118337</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>56</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>57.142857142857146</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6693109780199156</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.553272243592381</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6361198641411</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.818540826326266</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00427551, 0.00502057, 0.00505444, 0.00393896]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14552442729473114</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.014733555726706982</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5762799231369624</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9114</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.8124</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.3877</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331587.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>722.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>239.1998</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7168</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>301.8609</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>829.5287</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>800.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133533.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>386.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1371.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.5241</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.19717612955719</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 691 - 0
sub-001_ses-017_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,691 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-017_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-017_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-017_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-017_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-017/func/sub-001_ses-017_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>2e51b2a10eca2975c2c79e49937342a3</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>18:11:56.657500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['017pepolarbold', '017phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99944, -0.0275911, 0.0189186, 0.0322817, 0.943794, -0.328955]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8231, -5632, -6014, 626, -22, -216, 25, 28]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.6325, 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.6325, 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.6325, 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.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.756</td></tr>
 
+<tr><td>WipMemBlock</td><td>36608ddd-aa9f-41df-a8b3-ecce07c1ecc2||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0015242424242424243, 0.00132010101010101, 0.00131, 0.001527878787878788]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004241530202020202, 0.004527763838383839, 0.007370691818181818, 0.013055912121212121]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>32.976435077448976</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1742915168367354</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.027830469285714</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5791</td></tr>
 
+<tr><td colspan=3>fber</td><td>682.8992</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15800801728416874</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>32</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>32.323232323232325</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5768100640144063</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2694500825177397</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6618892827776444</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7990908267478334</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0134254, 0.0190559, 0.0178503, 0.0146094]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0003352204221300781</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10981801897287369</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.546477576096027</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.4278</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.5434</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>124.651</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417617.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>619.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>224.2241</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.771</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>308.3363</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>821.3672</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>796.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135343.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>379.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1352.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>312.5875</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>52.50339641724713</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-018_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-018_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-018_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-018_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-018_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-018/func/sub-001_ses-018_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>a4877398a2483ed79912bdb09d206fac</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:09:15.037500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['018pepolarbold', '018phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998701, -0.0169258, 0.0480671, 0.0331303, 0.932345, -0.360049]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8241, -5616, -6019, 670, 2, -168, 45, 47]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.35</td></tr>
 
+<tr><td>WipMemBlock</td><td>5df8c2e8-e6fd-4d92-b364-efd1052ccd93||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.000987857142857143, 0.0010303061224489797, 0.0011202040816326532, 0.0012911224489795918]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.005429566836734694, 0.0067304552040816324, 0.010603611122448979, 0.017550991836734697]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.848363385154634</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0618639303092785</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0324055826804122</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6499</td></tr>
 
+<tr><td colspan=3>fber</td><td>143.8034</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.17496220044651423</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>33</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>33.673469387755105</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.603724814027158</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4516457076241336</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5671651802909707</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7923635541663696</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0102566, 0.0133669, 0.0134471, 0.0112302]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13983014225959778</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.01719907484948635</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.579527175226096</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0694</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>61.6036</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>167.2491</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>66.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331187.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>716.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>239.2297</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8621</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>295.7186</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>821.5236</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>791.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133933.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>386.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1355.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.6442</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>36.9053937306162</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-019_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-019_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-019_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-019_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-019/func/sub-001_ses-019_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>445ac3655989e7e5e0ed123fb1270244</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>18:06:56.375000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['019pepolarbold', '019phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.997853, -0.0120281, 0.0643822, 0.0301385, 0.957062, -0.288313]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8244, -5619, -6035, 731, -60, -138, -7, 22]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>246.931</td></tr>
 
+<tr><td>WipMemBlock</td><td>259b8e4e-8686-4e09-9c43-9c10e036fa02||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0013961224489795914, 0.0013083673469387752, 0.0013839795918367346, 0.001580816326530612]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004584622857142857, 0.005237595204081632, 0.008694165714285714, 0.015489644897959185]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.354260729999993</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0721580386597935</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0804123396907213</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5887</td></tr>
 
+<tr><td colspan=3>fber</td><td>542.4315</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07465591997387068</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>2</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>2.0408163265306123</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.439551105674969</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.0932380342183237</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.578892634570107</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.646522648236477</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00657395, 0.00798392, 0.00756412, 0.00600659]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0010839963797479868</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10944569855928421</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.663674343770083</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.2147</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.7428</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.2657</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>416436.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>605.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>217.6115</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3196</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>275.5523</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>773.2112</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>749.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>136524.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>371.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1264.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>281.1895</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>50.08458955725655</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-020_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-020_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-020_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-020_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-020/func/sub-001_ses-020_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>e5825f301f1b9733d46e479cf31076b0</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:00:46.027500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['020pepolarbold', '020phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998212, 0.00105708, 0.0597608, 0.0212582, 0.928188, -0.371503]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8247, -5615, -6003, 663, -88, -199, 17, 16]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>249.067</td></tr>
 
+<tr><td>WipMemBlock</td><td>a998417e-09ec-4bac-bd2b-66deb79ecc51||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009839795918367346, 0.0009978571428571428, 0.0010731632653061226, 0.001271734693877551]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004149518775510203, 0.005888685510204082, 0.009368835918367346, 0.015444555102040819]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.97278646123712</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0501742473195876</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0354552478350516</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6565</td></tr>
 
+<tr><td colspan=3>fber</td><td>126.3962</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.05935421341731189</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8410052029873714</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.65682493892592</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8085589398011748</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.057631730235019</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00378321, 0.00463755, 0.00403586, 0.00322388]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14993785321712494</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.014902867376804352</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6061813036464256</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5192</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>68.0333</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.0707</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>72.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331245.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>769.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>253.6718</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7229</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>304.0242</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>840.2543</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>811.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133875.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>399.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1380.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>311.1821</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.78601159155369</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-021_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-021_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-021_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-021_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-021/func/sub-001_ses-021_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>a6dcb869ea4a04de20127b1738ac5b22</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:57:40.287500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['021pepolarbold', '021phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999833, 0.0051037, 0.0175505, 0.000523512, 0.951833, -0.306618]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8214, -5616, -6005, 711, -78, -163, 46, 77]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.4725, 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.4725, 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.4725, 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.4725, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.137</td></tr>
 
+<tr><td>WipMemBlock</td><td>fb1ec1e2-b287-49e7-889a-3ab7c5542844||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009898979591836732, 0.00098, 0.001071734693877551, 0.0012368367346938776]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0044574503061224485, 0.006093296020408163, 0.009758406326530612, 0.015940151020408164]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.4763516684536</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0543785650515467</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.033696505257732</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6543</td></tr>
 
+<tr><td colspan=3>fber</td><td>131.7028</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08833635445072917</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>2</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>2.0408163265306123</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7270562484501135</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.58939570043601</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6787685842718734</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9130044606424583</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00425917, 0.00825603, 0.0080316, 0.00669028]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13834625482559204</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.019359908998012543</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6283963086551365</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.3796</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>66.8684</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>175.9872</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>71.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331955.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>745.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>246.7005</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.9567</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.0756</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>845.4262</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>816.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133165.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>407.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1381.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>310.4543</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>39.42036835383624</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-022_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-022_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-022_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-022_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-022_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-022/func/sub-001_ses-022_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>81153c156f6d8c8fcfa1e91201bbe6ba</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:45:59.227500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['022pepolarbold', '022phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999002, 0.0331436, 0.0299534, -0.0216239, 0.945475, -0.324976]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8240, -5627, -6005, 652, -41, -221, 39, 35]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.75</td></tr>
 
+<tr><td>WipMemBlock</td><td>b1ce2891-540a-4825-b58c-df4efa10a294||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001282448979591837, 0.0014260204081632654, 0.0015834693877551022, 0.0017909183673469385]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0030494272448979595, 0.0036594669387755106, 0.006317086326530612, 0.011625488775510204]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.81112132082474</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.076963604329897</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0356111554639176</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5778</td></tr>
 
+<tr><td colspan=3>fber</td><td>643.6091</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.128928717389598</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>10</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>10.204081632653061</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7102608933373653</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.395869601599784</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7111904383514243</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.023722640060888</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0144062, 0.0159308, 0.0144624, 0.0112415]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.005175665020942688</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11967705935239792</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.400526136765338</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.1486</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.8911</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>132.3835</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418985.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>664.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.0939</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.9241</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>299.0621</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>849.8274</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133975.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>389.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1434.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>335.3419</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.88380594458431</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-023_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-023_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-023_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-023_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-023_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-023/func/sub-001_ses-023_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>ac02cbe584ffe6e182e15446b3c09cf5</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.472</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:17:50.337500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['023pepolarbold', '023phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998852, -0.00202927, 0.0478582, 0.0212718, 0.913976, -0.40521]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8239, -5621, -6013, 697, -20, -244, -22, 56]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.278</td></tr>
 
+<tr><td>WipMemBlock</td><td>7458b186-68d0-4e9b-8924-3070523d809b||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010293877551020409, 0.0010146938775510205, 0.0010970408163265308, 0.0013541836734693878]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0030497555102040816, 0.00424544387755102, 0.006932766632653061, 0.01248466836734694]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.957618733195886</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1364448382474226</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0605281647422677</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5818</td></tr>
 
+<tr><td colspan=3>fber</td><td>603.6524</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11042948513273403</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>6</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>6.122448979591836</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5310066359222887</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2415100311723557</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.520291777815744</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.831218098778766</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0126257, 0.0155737, 0.0134633, 0.0101159]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.002535083331167698</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10579616576433182</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.563757677468939</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.2509</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.2118</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>125.2363</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418374.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>624.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>220.953</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1875</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>279.115</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>823.9376</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>788.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134586.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>387.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1365.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>307.3602</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>52.58873694203794</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-024_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-024_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-024_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-024_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-024_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-024/func/sub-001_ses-024_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>bb4ad73ef0b1ffc1508bffb49c6aed70</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>22:30:49.087500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['024pepolarbold', '024phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999753, -0.00937819, 0.020149, 0.0165781, 0.918505, -0.395063]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8241, -5621, -6002, 670, -25, -256, 5, 39]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>245.933</td></tr>
 
+<tr><td>WipMemBlock</td><td>30d81d99-0e93-49d2-8a57-0f61782e2818||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0019485714285714284, 0.002408469387755102, 0.00227234693877551, 0.00235704081632653]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.002838638163265306, 0.00441576387755102, 0.007139961020408163, 0.012727182653061221]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.881588178453605</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0840441616494843</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0418305641237118</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.576</td></tr>
 
+<tr><td colspan=3>fber</td><td>704.0723</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12543745105820153</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>11</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>11.224489795918368</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.626589343414832</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.295888714396591</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6129748564603967</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.970904459387509</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0220251, 0.0335523, 0.0307082, 0.0240589]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.006016027648001909</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11494912952184677</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.475930043886965</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.269</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.5915</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.8239</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418684.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>645.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>228.2238</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6597</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>295.5674</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>848.41</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>808.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134276.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>395.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1417.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>326.3408</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.08270685118623</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-025_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-025_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-025_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-025_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-025_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-025/func/sub-001_ses-025_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>06c749878b43210a916c6298816968fb</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:14:57.040000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['025pepolarbold', '025phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998899, 0.0365258, 0.029449, -0.0240637, 0.937651, -0.346745]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8232, -5616, -6007, 662, -16, -135, 12, 28]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.279</td></tr>
 
+<tr><td>WipMemBlock</td><td>bca9f137-55a3-4d36-aa43-5dcf3cf7b2e2||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009438775510204082, 0.0009602040816326531, 0.0010445918367346938, 0.0012483673469387755]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0040304948979591835, 0.006005440102040816, 0.009502723163265307, 0.01537970306122449]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.67568871391752</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0534770394845359</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0330079283505156</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6483</td></tr>
 
+<tr><td colspan=3>fber</td><td>140.3689</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08778170856766278</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>4</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>4.081632653061225</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7933765922618257</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.644179679924942</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.760277455758191</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9756726411023435</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00784673, 0.0127782, 0.0118282, 0.00961404]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14214202761650085</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.022346898913383484</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5686606150884335</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.1343</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.1452</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>169.8232</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>332115.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>722.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>241.0642</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1136</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>306.0968</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>849.7997</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>817.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133005.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>406.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1399.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>318.0634</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.77602992509492</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-026_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-026_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-026_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-026_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-026_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-026/func/sub-001_ses-026_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>3720af5ab2e80230b70be18e213e2d11</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:58:43.225000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['026pepolarbold', '026phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999692, -0.00476391, 0.0243411, 0.0116906, 0.956033, -0.293025]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8220, -5624, -6020, 709, -74, -161, 46, 81]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>238.965</td></tr>
 
+<tr><td>WipMemBlock</td><td>041bbc0d-8151-4112-ace2-9e58754d7944||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001321578947368421, 0.001339894736842105, 0.0014561052631578949, 0.001703473684210526]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0030905104210526314, 0.004479638315789474, 0.007905080315789473, 0.014116018947368424]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>4</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.561684019787236</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0966270425531914</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0230392938297872</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.58</td></tr>
 
+<tr><td colspan=3>fber</td><td>713.8392</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1514255304883267</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>22</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>23.157894736842106</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5299400871832716</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.219448264526245</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6629220773803812</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.707449919643187</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0118553, 0.0158468, 0.0151717, 0.0121274]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.005667530465871096</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11334977298974991</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>95</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6141281540185335</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.5776</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.2894</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.0182</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417767.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>614.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>219.9622</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4976</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>303.0751</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>819.672</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>796.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135193.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>384.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1339.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>304.4981</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>54.30764346709475</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-028_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-028_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-028_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-028_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-028_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-028/func/sub-001_ses-028_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>518de66074c59b6d514f71e32a921850</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:58:24.315000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['028pepolarbold', '028phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999774, 0.00472783, 0.0207131, 0.00261741, 0.940091, -0.340915]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8236, -5628, -6017, 656, -45, -194, 22, 13]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>246.718</td></tr>
 
+<tr><td>WipMemBlock</td><td>0fe79437-ef4a-4233-94b3-6be78bd03c41||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010876767676767677, 0.0010273737373737374, 0.0010957575757575759, 0.00127010101010101]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004903325454545455, 0.006896288888888888, 0.010791913535353534, 0.0176726797979798]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.38288544612243</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0411715177551017</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0186785325510206</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6536</td></tr>
 
+<tr><td colspan=3>fber</td><td>135.3223</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11573542382973723</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>10</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>10.1010101010101</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7509846917870022</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5806027601656147</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.7252468552920317</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.9471044599033607</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00847493, 0.0136116, 0.0131629, 0.0105126]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1486920863389969</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.018391603603959084</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.638426184963722</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5408</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.4075</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.5662</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>68.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331646.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>714.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>237.0085</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1707</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>285.0191</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>818.8037</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>790.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133474.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>401.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1337.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>299.4198</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.727543328888714</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-037_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-037_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-037_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-037_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-037_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-037/func/sub-001_ses-037_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>7f4cec84b20498c32a9c83c8ef55a9bb</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:25:40.307500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['037pepolarbold', '037phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999886, 0.0122095, 0.00883945, -0.00785325, 0.922512, -0.385888]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8226, -5615, -6023, 672, -69, -169, 28, 53]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.006</td></tr>
 
+<tr><td>WipMemBlock</td><td>95e4a5f6-ece4-408d-91aa-1f9c5685d84d||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010491836734693879, 0.0010641836734693877, 0.0011398979591836734, 0.001323673469387755]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004203566326530612, 0.006071589489795919, 0.009424869795918367, 0.015324114285714287]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.16328815567012</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0445780437113403</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0345553497938145</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6485</td></tr>
 
+<tr><td colspan=3>fber</td><td>145.1395</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09320896043166732</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>3</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>3.061224489795918</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.682222161970176</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5028687967498087</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6543341370989357</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8894635520617844</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00403871, 0.00622447, 0.00586328, 0.00484723]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13651630282402039</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.020189639180898666</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.565978796219667</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9132</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.4039</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>166.1878</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>67.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330815.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>705.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>235.4792</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0046</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>302.0878</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>837.8268</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>807.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134305.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>393.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1383.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>314.4987</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.907077251467854</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 691 - 0
sub-001_ses-038_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,691 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-038_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-038_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <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>
 
+                <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>
 
+                <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>
 
+                <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>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <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>
 
+                <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>
 
+                <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>
 
+                <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>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+        <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">
 
+<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">
 
+<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%" />
 
+</div>
 
+<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>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<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>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>14e0f6d1a9bbb8aef1906b76a771c689</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:12:14.205000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['038pepolarbold', '038phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99885, 0.0351661, 0.0325943, -0.0244113, 0.95805, -0.285559]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8236, -5617, -6015, 672, -69, -114, 44, 60]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.062</td></tr>
 
+<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>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0011083673469387755, 0.0010351020408163266, 0.0011521428571428572, 0.0013820408163265304]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0032612821428571427, 0.004444985204081632, 0.007753748367346939, 0.01401462755102041]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>30.60565614195876</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1071147625773199</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.034830788453608</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.581</td></tr>
 
+<tr><td colspan=3>fber</td><td>669.0087</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1896891729349845</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>40</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>40.816326530612244</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5839728129372586</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3238742633015663</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.657535166324701</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7705090091855094</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0078146, 0.00964223, 0.0090965, 0.00722019]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.006936252117156982</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11376924067735672</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5761718157264784</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.9697</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5446</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>127.5228</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418045.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>640.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>226.9546</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5535</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>312.3904</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>829.4049</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134915.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>383.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1361.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>312.478</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.53875637683086</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-039_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-039_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-039_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-039_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-039_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-039/func/sub-001_ses-039_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>bd60c6ca112baf02dc2a0e3705edecb6</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:03:4.292500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['039pepolarbold', '039phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999305, 0.0336275, 0.0160832, -0.0265168, 0.944544, -0.327313]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8233, -5614, -6012, 692, -69, -200, 14, 42]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>242.37</td></tr>
 
+<tr><td>WipMemBlock</td><td>b0b72bae-8fb1-46dd-b8eb-7333328bfb7a||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0011354081632653063, 0.0011511224489795919, 0.0012174489795918368, 0.0013622448979591837]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004813688673469388, 0.006156406530612245, 0.009683339387755101, 0.01583231734693878]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>38.72500578865978</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0642317563917532</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0339812750515462</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.645</td></tr>
 
+<tr><td colspan=3>fber</td><td>147.3301</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1096336379683739</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>12</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>12.244897959183673</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.679723548149337</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.5050454023682702</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6723480530542356</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8617771890255064</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00746528, 0.0108894, 0.0105806, 0.0088425]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.12845328450202942</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.030425025150179863</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.4747449807086936</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.4903</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>63.0711</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>167.438</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>67.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330545.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>712.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>239.7285</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6608</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>309.8487</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>852.0406</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>817.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134575.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>392.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1418.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>330.1338</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.56887291301973</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 691 - 0
sub-001_ses-040_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,691 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-040_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-040_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-040_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-040_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-040/func/sub-001_ses-040_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>f387b0a4de6e00eb57c37e1337a79512</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:54:58.037500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['040pepolarbold', '040phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998979, 0.00644586, 0.0447055, 0.0101129, 0.932718, -0.360466]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8235, -5621, -6011, 645, -59, -196, 61, 8]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>240.69</td></tr>
 
+<tr><td>WipMemBlock</td><td>497673ab-a2ec-4aa2-ad11-61ac69397d68||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010555102040816326, 0.0009953061224489796, 0.0011026530612244898, 0.0013448979591836737]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0031253833673469387, 0.003973356020408163, 0.0064879392857142846, 0.011860862244897961]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.433572532680426</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0569523340206182</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0325159821649488</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5768</td></tr>
 
+<tr><td colspan=3>fber</td><td>736.871</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09812701752484479</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>6</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>6.122448979591836</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.47040107327206</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.12576878932653</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.56068451122143</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7247499192682194</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.012953, 0.0193876, 0.017824, 0.0140417]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.00229817652143538</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10611706972122192</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6106774220488287</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.1667</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.5613</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>122.6937</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418457.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>629.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>221.7345</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.6684</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>285.8397</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>837.4996</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>804.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134503.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>393.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1385.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>307.9649</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.431563588557765</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-041_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-041_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-041_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-041_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-041_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-041/func/sub-001_ses-041_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>acb0c79f08222f18dee39ff4b54bfd8b</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>09:14:33.297500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['041pepolarbold', '041phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99933, 0.0313953, 0.0187988, -0.0252957, 0.963897, -0.265071]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>17</td></tr>
 
+<tr><td>ShimSetting</td><td>[8230, -5638, -6024, 695, -47, -216, 39, 33]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.2625, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.429</td></tr>
 
+<tr><td>WipMemBlock</td><td>7acf6220-5651-49f3-b26e-d3dee65b418a||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0011885714285714286, 0.0011238775510204082, 0.0012132653061224488, 0.0014188775510204081]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0032034659183673465, 0.004135615408163265, 0.006826223163265306, 0.012160662244897959]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.762392417525774</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0682159580412371</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.036474961030928</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5855</td></tr>
 
+<tr><td colspan=3>fber</td><td>672.79</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.0827882463478</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>1.0204081632653061</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4307626872801786</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.06299580635759</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.549728698871701</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6795635566112437</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00648951, 0.0092391, 0.00844332, 0.00635837]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.00014246265345718712</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.1066179946064949</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.753827520453736</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>8.9929</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.7277</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>126.0248</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>419145.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>639.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>222.0015</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3207</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>271.3464</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>811.7341</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>784.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133815.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>397.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1321.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>284.6936</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.28748255968094</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-042_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-042_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-042_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-042_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-042_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-042/func/sub-001_ses-042_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>2522b7f7f6dcaeb9fc6a6bd4b6c10dfd</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>11:17:11.202500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['042pepolarbold', '042phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999255, 0.0319345, 0.021683, -0.0252938, 0.966047, -0.257125]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8232, -5627, -6016, 715, -20, -137, 41, 37]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.42, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.545</td></tr>
 
+<tr><td>WipMemBlock</td><td>c6320ca6-ccd5-4f71-b6e8-e1e0622540bc||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0015487755102040815, 0.001628469387755102, 0.001822142857142857, 0.0020044897959183676]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0034623603061224493, 0.004578692448979592, 0.008046496122448978, 0.014468239795918367]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.185641711546378</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1058093961855668</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0387140974226798</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5832</td></tr>
 
+<tr><td colspan=3>fber</td><td>690.9922</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.12269461364149958</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>11</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>11.224489795918368</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.468791974884004</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.143931415115615</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.604999134263937</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6574453752724607</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00961858, 0.0118748, 0.0105735, 0.00816379]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0020525760482996702</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11140777170658112</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6619200205991813</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.8642</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.4402</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>129.1786</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417767.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>656.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.6465</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.3303</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>298.8654</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>813.9822</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>792.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135193.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>386.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1324.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>297.5285</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.65142570529133</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-043_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-043_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-043_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-043_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-043_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-043/func/sub-001_ses-043_task-qct_dir-AP_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>a016da2dacd6a172362613f9a104f6ff</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>10:09:51.345000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['043pepolarbold', '043phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999316, 0.0352555, -0.0112063, -0.0369926, 0.950025, -0.309975]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8234, -5616, -6007, 692, -47, -183, 40, 28]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>241.688</td></tr>
 
+<tr><td>WipMemBlock</td><td>c82e38f9-47ae-4f19-b2db-543f524c03da||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0011487755102040816, 0.0011293877551020407, 0.0012074489795918368, 0.0014341836734693876]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.003075337142857143, 0.004378992448979592, 0.006672833061224489, 0.011795565306122448]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.070393532577317</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.1082382468041239</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.046960333298969</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.582</td></tr>
 
+<tr><td colspan=3>fber</td><td>686.7346</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.0794277025509019</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.516659646497565</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.184460641200076</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6109320160347207</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7545862822578977</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00600936, 0.0107132, 0.00997748, 0.0079738]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.0023036699276417494</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11155860126018524</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.636826980778675</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.289</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.5749</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>129.8834</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>419219.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>658.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>230.6397</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8188</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>284.9773</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>843.5114</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>809.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133741.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>405.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1388.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>306.807</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>55.16198672307655</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-044_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-044_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-044_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-044_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-044_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-044/func/sub-001_ses-044_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>07b54f480fef7e2705e73355f0381681</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.472</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>12:01:8.032500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['044pepolarbold', '044phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99968, -0.00917212, 0.0235891, 0.0155297, 0.958241, -0.28554]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8227, -5626, -6023, 682, -44, -124, 82, 32]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.324</td></tr>
 
+<tr><td>WipMemBlock</td><td>e87c35b5-7ddc-4a26-8cab-75d5498003fe||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001213838383838384, 0.0012463636363636362, 0.001326565656565657, 0.0014651515151515152]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.006014284545454544, 0.007261702323232323, 0.011306391515151516, 0.018792081818181816]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.58457183826532</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0429877224489794</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0206030700000004</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.651</td></tr>
 
+<tr><td colspan=3>fber</td><td>171.6586</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.109567207920435</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>7</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>7.070707070707071</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5064156506819835</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.311186341709779</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5467879624193914</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.6612726479167796</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00733123, 0.00962547, 0.00876365, 0.00718883]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14419512450695038</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.018448732793331146</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.7037560922917154</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5691</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>55.2307</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>166.095</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>60.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330183.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>727.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>241.159</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5866</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>283.3118</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>817.4265</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>793.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134937.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>393.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1327.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>293.2946</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.02453991014045</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-045_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-045_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-045_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-045_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-045_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-045/func/sub-001_ses-045_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>fab0afed9c1bf338c0f91cf95dd75a7b</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:21:26.310000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['045pepolarbold', '045phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999432, -0.00158001, 0.0336498, 0.00994306, 0.968232, -0.249856]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8235, -5631, -6032, 694, 16, -188, 74, 42]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.6325, 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.6325, 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.6325, 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.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>243.334</td></tr>
 
+<tr><td>WipMemBlock</td><td>001140de-e2fa-4135-a55a-e3496f2cc110||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010273469387755102, 0.0010093877551020408, 0.0010810204081632654, 0.001289387755102041]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004687366632653061, 0.006386090204081632, 0.0102158943877551, 0.016871532653061225]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.2648032673196</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0568830468041233</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0346205646391753</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6463</td></tr>
 
+<tr><td colspan=3>fber</td><td>177.4273</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.14039353905405855</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>19</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>19.387755102040817</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5551751434520003</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.372491030917616</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.606057206624191</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.686977192814194</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00702893, 0.00893402, 0.00884743, 0.00722051]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.13521519303321838</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.025974692776799202</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6551555262753697</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.9956</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>54.0696</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>161.025</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>60.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330629.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>706.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>235.058</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7638</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>291.2708</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>821.4591</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>796.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134491.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>389.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1335.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>299.793</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.089412689208984</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-046_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-046_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-046_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-046_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-046_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-046/func/sub-001_ses-046_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>aacedb4eb8ddb4857d8e7414513e80f2</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:05:49.045000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['046pepolarbold', '046phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998916, 0.0102628, 0.0454101, 0.00418427, 0.951661, -0.307121]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8235, -5632, -6038, 627, -35, -194, 47, 44]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>245.785</td></tr>
 
+<tr><td>WipMemBlock</td><td>43dff107-9e39-40f3-bac6-a4d68bde96bf||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009708163265306121, 0.0009605102040816326, 0.001068877551020408, 0.0012647959183673468]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.005043285510204082, 0.006914848673469388, 0.010749670000000001, 0.017752865306122446]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>40.33513539103093</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0493671890721643</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0342610202061853</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6504</td></tr>
 
+<tr><td colspan=3>fber</td><td>165.2113</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.13150178876980395</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>14</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>14.285714285714286</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.4236455386309417</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.263920303384194</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.427539117364437</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.579477195144194</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00524481, 0.00792132, 0.00840192, 0.00718159]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14048995077610016</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.021483780816197395</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.695359082389017</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.6671</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>55.2345</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>160.8891</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>60.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>329818.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>707.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>233.9916</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.5579</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>278.109</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>798.2586</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>775.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135302.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>380.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1298.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>287.5302</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>36.659442122559994</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-047_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-047_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-047_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-047_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-047_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-047/func/sub-001_ses-047_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>4b4a2cfe8e1a8ed9e5570c200a8ff1c6</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:43:31.390000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['047pepolarbold', '047phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99925, 0.0178623, 0.0343614, -0.00418567, 0.931893, -0.362709]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>35</td></tr>
 
+<tr><td>ShimSetting</td><td>[8242, -5617, -5995, 690, -25, -228, 33, 27]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>244.361</td></tr>
 
+<tr><td>WipMemBlock</td><td>8cd1965d-8d27-4d46-b729-bf29261df5ee||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0009744897959183674, 0.0009946938775510206, 0.001067857142857143, 0.0012429591836734693]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004316009081632653, 0.006091776836734694, 0.00998166030612245, 0.016626711224489797]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>37.654004322886585</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0576458026804125</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.034071742268041</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6532</td></tr>
 
+<tr><td colspan=3>fber</td><td>126.0433</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10611066555777061</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>10</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>10.204081632653061</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.9258384363300394</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7759644983431273</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8601690822272046</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.141381728419786</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00392883, 0.00559935, 0.00567267, 0.00473153]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.15733428299427032</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.016902411356568336</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.4983922467841384</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.4413</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>68.8805</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>179.0587</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>73.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331578.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>753.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>249.3817</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.522</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>313.7141</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>856.0502</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>821.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133542.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>402.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1422.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>328.6101</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.76016197470017</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-048_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-048_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-048_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-048_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-048_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-048/func/sub-001_ses-048_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>85a337abdeb615a698c33cb4181bc310</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>21:37:28.202500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['048pepolarbold', '048phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999147, -0.0077052, 0.0405757, 0.0205802, 0.944667, -0.327383]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8240, -5623, -6019, 635, -52, -228, 70, 40]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.399</td></tr>
 
+<tr><td>WipMemBlock</td><td>ea6f5d98-41fe-4c43-9c91-efb54c896969||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0011241836734693876, 0.0010155102040816327, 0.001118061224489796, 0.0013448979591836735]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.006160179387755104, 0.004054425204081633, 0.006887603979591837, 0.012584286734693875]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.56217673391752</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0995461386597936</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0314590116494844</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5823</td></tr>
 
+<tr><td colspan=3>fber</td><td>646.0831</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.1461697602233029</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>20</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>20.408163265306122</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5768791055290614</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2747732969899914</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.6689095562226743</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.7869544633745185</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00963845, 0.0129135, 0.0117297, 0.00917005]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0019917194731533527</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.10677739977836609</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.555980322921819</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.289</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>21.6339</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>131.6054</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>417803.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>658.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>235.5137</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4516</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>317.2769</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>833.2118</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>808.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135157.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>382.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1375.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>316.1202</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>53.92159392638132</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-excl029_task-qct_dir-PA_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-excl029_task-qct_dir-PA_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-excl029_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-1_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-2_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-3_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-PA_echo-4_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-PA_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-PA_session-excl029_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-excl029_task-qct_dir-PA_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-excl029/func/sub-001_ses-excl029_task-qct_dir-PA_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>2568dbaccca389f6dc5406a2fa26dc71</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:01:4.370000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['excl029pepolarbold', 'excl029phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999756, 0.020712, -0.00771419, -0.0219893, 0.896908, -0.441669]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.03304</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-PA__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8228, -5628, -6009, 726, -38, -182, 62, 19]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>243.011</td></tr>
 
+<tr><td>WipMemBlock</td><td>7ae7b3d7-ebd1-4588-a4a8-882a774efb78||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001389090909090909, 0.001207878787878788, 0.0012353535353535356, 0.0014335353535353537]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0027127222222222223, 0.004002204343434343, 0.006779733434343436, 0.012389872727272726]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.34721668438776</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0890253112244899</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0287972163265309</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5824</td></tr>
 
+<tr><td colspan=3>fber</td><td>683.65</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07688924402462331</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>1</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>1.0101010101010102</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.570894818338846</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.231982842193813</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.636556241596877</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.8441453712258475</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00865466, 0.0138265, 0.0124807, 0.00989546]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.0021422747522592545</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.09478098154067993</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5388606125626807</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.9925</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.1241</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>129.6409</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>31.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>416879.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>650.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>230.9701</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.0761</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>305.5508</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>830.8206</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>805.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>136081.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>379.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1363.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>317.0702</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>56.18188424431719</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 708 - 0
sub-001_ses-pilot011_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,708 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot011_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot011_task-qct_dir-AP_echo-1_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot011_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot011_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot011/func/sub-001_ses-pilot011_task-qct_dir-AP_echo-1_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>ffe5793ed72280081d8c3ed298fad46d</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>265.442</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>108</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:05:16.712500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot011pepolarbold', 'pilot011phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>34.294</td></tr>
 
+<tr><td>BaseResolution</td><td>108</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000539993</td></tr>
 
+<tr><td>DwellTime</td><td>2e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>40</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000269996</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998786, 0.0377326, 0.0316556, -0.0202241, 0.90023, -0.434945]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2315</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_108</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>108</td></tr>
 
+<tr><td>RefLinesPE</td><td>26</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.573</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>18</td></tr>
 
+<tr><td>ShimSetting</td><td>[8227, -5627, -6021, 775, -66, -100, 146, 23]</td></tr>
 
+<tr><td>SliceThickness</td><td>2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.3325, 0.665, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 1, 1.3325, 0.1125, 0.445, 0.7775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0288896</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.655</td></tr>
 
+<tr><td>WipMemBlock</td><td>ceb9f2f0-eeb8-4519-b5f0-97975684d722||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0012481333333333336, 0.0012772666666666665, 0.0013374666666666664, 0.0014619333333333333]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.005037978466666666, 0.007377684866666666, 0.013355368, 0.025007841333333333]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>35.42401640234899</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0797115819463088</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0823476376510066</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5944</td></tr>
 
+<tr><td colspan=3>fber</td><td>626.7065</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08604268532185412</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.444236666666667</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.00631</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.53661</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.78979</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00469184, 0.00533408, 0.00456399, 0.00335238]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.004733247682452202</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.0908692255616188</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>150</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>108</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>108</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>56</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.8169446003204293</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.5729999542236328</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.0</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.0</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.5611</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>17.3366</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>120.5189</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>477882.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>624.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>220.1756</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.4704</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>264.778</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>823.1232</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>790.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>175302.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>424.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1330.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>280.4449</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>41.787514238618314</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 708 - 0
sub-001_ses-pilot012_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,708 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot012_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot012_task-qct_dir-AP_echo-1_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot012_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot012_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot012/func/sub-001_ses-pilot012_task-qct_dir-AP_echo-1_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>5d484a158721de500f97897c5bd31a17</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>265.44</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>108</td></tr>
 
+<tr><td>AcquisitionTime</td><td>17:36:32.707500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot012pepolarbold', 'pilot012phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>34.294</td></tr>
 
+<tr><td>BaseResolution</td><td>108</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000539993</td></tr>
 
+<tr><td>DwellTime</td><td>2e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>40</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000269996</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.999446, 0.0197988, 0.0267607, -0.00401204, 0.869685, -0.493591]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2315</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_108</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>108</td></tr>
 
+<tr><td>RefLinesPE</td><td>26</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.573</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>18</td></tr>
 
+<tr><td>ShimSetting</td><td>[8245, -5627, -5956, 791, -43, -145, 106, 40]</td></tr>
 
+<tr><td>SliceThickness</td><td>2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22, 0, 0.3325, 0.665, 0.9975, 1.33, 0.11, 0.4425, 0.775, 1.11, 1.4425, 0.2225, 0.555, 0.8875, 1.22]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0288896</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.841</td></tr>
 
+<tr><td>WipMemBlock</td><td>47011f7d-a724-40be-ae63-a6aa86088d8d||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0007283333333333333, 0.0006420000000000001, 0.0007303333333333333, 0.0009492000000000001]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.003849737866666666, 0.0058963998666666665, 0.011088570866666668, 0.021232705333333334]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>31.447426943154365</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0415150753020135</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0136342981208053</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5853</td></tr>
 
+<tr><td colspan=3>fber</td><td>662.1971</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.09658648465814786</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>5</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>3.3333333333333335</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.671958333333334</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.281625</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.78401</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.95024</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0107609, 0.00978356, 0.0080241, 0.00598899]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>-0.019613021984696388</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11826224625110626</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>150</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>108</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>108</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>56</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.4913177441443746</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.5729999542236328</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.0</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.0</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>11.2085</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.2046</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>141.3603</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>34.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>480357.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>1.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>756.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>266.5737</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.564</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>332.4093</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>931.3523</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>880.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>172827.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>448.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1588.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>353.2257</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>44.468035941012204</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 708 - 0
sub-001_ses-pilot013_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,708 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot013_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot013_task-qct_dir-AP_echo-1_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot013_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot013_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot013/func/sub-001_ses-pilot013_task-qct_dir-AP_echo-1_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>371d74b8f912c2d5096c0d3c9ac67efa</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>20:34:31.337500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot013pepolarbold', 'pilot013phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998114, 0.0335193, 0.0514293, -0.00836199, 0.904199, -0.42703]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7;NC1</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>12</td></tr>
 
+<tr><td>ShimSetting</td><td>[8233, -5622, -6036, 624, 6, -264, -52, 35]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>249.087</td></tr>
 
+<tr><td>WipMemBlock</td><td>b53c3a5b-ed71-48cf-80d7-4f204b73618e||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0012413131313131313, 0.0011777777777777778, 0.0012467676767676766, 0.0014554545454545454]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.00346437808080808, 0.004750300505050505, 0.007691894747474749, 0.01380986363636364]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>28.417352111836756</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0559869524489793</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0215305990816328</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5865</td></tr>
 
+<tr><td colspan=3>fber</td><td>573.6906</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07263537788457787</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>0</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>0.0</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.5892685119644283</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.2106626857690497</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.598442935926745</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.95869991419749</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00824347, 0.00892845, 0.00777756, 0.00614889]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.01151378732174635</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11253930628299713</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.6495054926502184</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>9.3997</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>20.2922</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>123.1068</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>32.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418934.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>611.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>213.9043</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.982</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>259.1858</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>788.8996</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>756.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134026.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>380.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1300.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>285.3352</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>51.744193246471696</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 708 - 0
sub-001_ses-pilot014_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,708 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot014_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot014_task-qct_dir-AP_echo-1_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot014_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot014_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot014/func/sub-001_ses-pilot014_task-qct_dir-AP_echo-1_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>aa3b0488ed595892e674f0ffd8675a6b</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:13:12.290000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot014pepolarbold', 'pilot014phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99738, 0.0550401, 0.0469541, -0.0395358, 0.958188, -0.283395]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>11</td></tr>
 
+<tr><td>ShimSetting</td><td>[8248, -5629, -6031, 686, 7, -236, 46, 5]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>246.09</td></tr>
 
+<tr><td>WipMemBlock</td><td>88a02803-1de6-4367-ab7d-6aa2b0df9bff||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001358686868686869, 0.001223030303030303, 0.0012535353535353536, 0.0014804040404040406]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.0032637581818181823, 0.004197140404040405, 0.006838053131313131, 0.012327934343434346]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>29.69985522061223</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0775363014285713</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0277167638775508</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5754</td></tr>
 
+<tr><td colspan=3>fber</td><td>676.7932</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.11904335856232891</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>12</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>12.121212121212121</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.6390512354275413</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.275965333051299</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.704288458561334</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.936899914669992</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0203865, 0.021871, 0.0196452, 0.0153609]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.011684072203934193</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11749356240034103</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.482500255488097</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>10.8906</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>19.7231</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>120.609</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>30.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>418969.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>607.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>217.3415</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.6635</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>275.8388</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>815.365</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>775.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133991.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>384.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1370.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>312.1841</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>51.31886677048169</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-pilot015_task-qct_dir-LR_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot015_task-qct_dir-LR_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot015_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-1_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-2_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-3_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-LR_echo-4_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-LR_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-LR_session-pilot015_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot015_task-qct_dir-LR_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot015/func/sub-001_ses-pilot015_task-qct_dir-LR_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>059d6abe988f492477adab1daaf61f00</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>17:34:6.377500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot015pepolarbold', 'pilot015phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998418, 0.0539953, 0.0157086, -0.0469095, 0.953764, -0.296872]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-LR__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>13</td></tr>
 
+<tr><td>ShimSetting</td><td>[8224, -5627, -6023, 688, -75, -214, 13, 56]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 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.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>254.186</td></tr>
 
+<tr><td>WipMemBlock</td><td>b1be1d78-fed5-46ed-9cbc-29b76b843c56||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0034701020408163265, 0.0033510204081632655, 0.0032961224489795916, 0.003277142857142857]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.006925814489795919, 0.008827427448979592, 0.013703917551020408, 0.022552336734693874]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>43.50286357845361</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.105920952474227</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0777735055670106</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6543</td></tr>
 
+<tr><td colspan=3>fber</td><td>146.0473</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.15511114245436958</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>23</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>23.46938775510204</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.597420225540482</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.3670267490302654</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.5675294657501273</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>3.857704461841053</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0118945, 0.00926639, 0.00639932, 0.00433907]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.1414632946252823</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.0245065875351429</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.642472487096532</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.4543</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>60.8321</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>168.4253</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>65.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330104.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>721.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>239.897</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.7521</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>286.2028</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>807.7038</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>783.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>135016.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>379.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1317.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>296.3123</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>34.199327983835246</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-pilot016_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot016_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot016_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot016_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot016_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot016/func/sub-001_ses-pilot016_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>16939366a95aaf2a07adf810095788b4</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>18:30:47.372500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot016pepolarbold', 'pilot016phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.994786, 0.0100614, 0.101482, 0.0194483, 0.95814, -0.285637]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>16</td></tr>
 
+<tr><td>ShimSetting</td><td>[8249, -5623, -6026, 663, -13, -188, 48, 28]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735, 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.4725, 0.735]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>248.2</td></tr>
 
+<tr><td>WipMemBlock</td><td>fe178b66-e078-4a75-a40d-e74a24c28560||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010846938775510204, 0.001050204081632653, 0.0011287755102040815, 0.0012895918367346936]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.005846569591836735, 0.006516676734693878, 0.010159927857142858, 0.01677160918367347]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>39.906244376907225</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0996220150515468</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.058190525360824</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6498</td></tr>
 
+<tr><td colspan=3>fber</td><td>139.8363</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07266503508159707</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>2</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>2.0408163265306123</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8740741777646543</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.6488470873703873</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8841982618268305</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.089177184096744</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00500667, 0.0066295, 0.00578783, 0.00463031]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14181235432624817</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.020447658374905586</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.521086587598395</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.1296</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>64.0242</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>171.1565</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>69.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>330630.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>723.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>242.286</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.3016</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>300.3858</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>848.8843</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>813.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>134490.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>403.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1414.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>322.4788</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>37.628819595091045</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-pilot019_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot019_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot019_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot019_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot019_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot019/func/sub-001_ses-pilot019_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>402426d040d3bd309cc49f25f5990220</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>19:25:36.225000</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot019pepolarbold', 'pilot019phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998355, 0.0470003, 0.0328234, -0.0320723, 0.932498, -0.359747]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>19</td></tr>
 
+<tr><td>ShimSetting</td><td>[8225, -5613, -5993, 688, -109, -204, 37, 36]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.845, 0.1075, 0.95, 0.2125, 1.055, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>245.513</td></tr>
 
+<tr><td>WipMemBlock</td><td>2e9762be-a321-40bd-8c3d-4046e8a60cdc||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.0010126530612244897, 0.0009856122448979592, 0.0010675510204081631, 0.001210408163265306]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004052359489795918, 0.005709584081632652, 0.00928379806122449, 0.015546652040816325]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.383040359484546</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0442550218556705</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0312613660824743</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6497</td></tr>
 
+<tr><td colspan=3>fber</td><td>132.809</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.10365551661641279</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>9</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>9.183673469387756</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.932107833208321</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7828221721117528</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.911478689149429</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.102022638363781</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0058994, 0.00960313, 0.00869326, 0.00723928]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.14704112708568573</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.012944568879902363</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.4723984968282426</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>6.0653</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>69.6369</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>180.6332</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>74.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331170.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>759.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>254.038</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>1.1792</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>329.9244</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>885.6814</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>848.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133950.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>409.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1484.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>342.9855</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>39.18636330310255</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 710 - 0
sub-001_ses-pilot020_task-qct_dir-RL_bold.html
Zobraziť súbor 

@@ -0,0 +1,710 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot020_task-qct_dir-RL_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot020_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-1_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-2_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-3_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-RL_echo-4_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-RL_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-RL_session-pilot020_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot020_task-qct_dir-RL_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot020/func/sub-001_ses-pilot020_task-qct_dir-RL_echo-1_part-mag_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>f35106e0f15513d01ebcdeeda629fe3d</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>76</td></tr>
 
+<tr><td>AcquisitionTime</td><td>18:55:33.352500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot020pepolarbold', 'pilot020phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>40.486</td></tr>
 
+<tr><td>BaseResolution</td><td>102</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000649997</td></tr>
 
+<tr><td>DwellTime</td><td>2.5e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>28</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000324999</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.998991, 0.032011, 0.0315146, -0.0183095, 0.930802, -0.365066]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>ROW</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>74.5098</td></tr>
 
+<tr><td>PhaseEchoTime1</td><td>0.0126</td></tr>
 
+<tr><td>PhaseEchoTime2</td><td>0.0322</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>i</td></tr>
 
+<tr><td>PixelBandwidth</td><td>1961</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_76</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>76</td></tr>
 
+<tr><td>RefLinesPE</td><td>18</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS\OSP</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qct_dir-RL__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>22</td></tr>
 
+<tr><td>ShimSetting</td><td>[8230, -5612, -6007, 689, -58, -229, 8, 8]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.3175, 1.16, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0243749</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.631</td></tr>
 
+<tr><td>WipMemBlock</td><td>448fba87-96ac-4825-94de-9efd4c2b288f||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001222857142857143, 0.0012261224489795916, 0.0012566326530612246, 0.0014325510204081634]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004953191632653061, 0.006169856326530612, 0.009723497551020407, 0.015767492857142854]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>1</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>36.95531031030927</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0506211729896908</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0386642114432987</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.6542</td></tr>
 
+<tr><td colspan=3>fber</td><td>124.945</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.07983622697035836</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>4</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>4.081632653061225</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.8874606954902298</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.7551774593299965</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8010865343202234</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.106118092820469</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.00493669, 0.00657315, 0.0057946, 0.00484142]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.156078040599823</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.012624275870621204</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>98</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>76</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>102</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.5226687162543464</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.196079969406128</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>5.5222</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>70.3177</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>181.9177</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>74.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>331771.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>766.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>253.633</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8882</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>315.9305</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>863.3832</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>827.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133349.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>405.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1440.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>327.8262</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>38.24773983214982</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>

+ 708 - 0
sub-001_ses-pilot021_task-qct_dir-AP_bold.html
Zobraziť súbor 

@@ -0,0 +1,708 @@
 
+<?xml version="1.0" encoding="utf-8" ?>
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
+<head>
 
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+<meta name="generator" content="NiReports: https://www.nipreps.org/" />
 
+<title>sub-001_ses-pilot021_task-qct_dir-AP_bold :: MRIQC's BOLD fMRI report</title>
 
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
 
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
 
+<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>
 
+
 
+<script>
 
+var timestamp = Date.now()
 
+
 
+function read_form() {
 
+    var ds = "<unset>";
 
+    var sub = "sub-001_ses-pilot021_task-qct_dir-AP_echo-1_bold.nii.gz";
 
+
 
+    var artifacts = [];
 
+    $('#qcartifacts-group input:checked').each(function() {
 
+        artifacts.push($(this).attr('name'));
 
+    });
 
+
 
+    var rating = $('#qcslider').val();
 
+    var payload = {
 
+        'dataset': ds,
 
+        'subject': sub,
 
+        'rating': rating,
 
+        'artifacts': artifacts,
 
+        'time_sec': (Date.now() - timestamp) / 1000,
 
+        'confidence': $('#qcextra-confidence').val(),
 
+        'comments': $('#qcextra-comments').val()
 
+    };
 
+
 
+    var file = new Blob([JSON.stringify(payload)], {type: 'text/json'});
 
+    $('#btn-download').attr('href', URL.createObjectURL(file));
 
+    $('#btn-download').attr('download', payload['dataset'] + "_" + payload['subject'] + ".json");
 
+    return payload
 
+};
 
+
 
+function toggle_rating() {
 
+    if ($('#qcrating-menu').hasClass('d-none')) {
 
+        $('#qcrating-menu').removeClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', true);
 
+    } else {
 
+        $('#qcrating-menu').addClass('d-none');
 
+        $('#qcrating-toggler').prop('checked', false);
 
+    }
 
+};
 
+
 
+$(window).on('load',function(){
 
+    var authorization = $('#btn-post').val()
 
+    if (authorization.includes("secret_token")) {
 
+        $('#btn-post').addClass('d-none');
 
+    };
 
+    timestamp = Date.now();
 
+});
 
+
 
+</script>
 
+<style type="text/css">
 
+/* The slider itself */
 
+.slider {
 
+  -webkit-appearance: none;  /* Override default CSS styles */
 
+  appearance: none;
 
+  margin-bottom: 8px;
 
+  margin-left: 10%;
 
+  width: 80%;
 
+  height: 5px; /* Specified height */
 
+  background: #d3d3d3; /* Grey background */
 
+  outline: none; /* Remove outline */
 
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
 
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
 
+  transition: opacity .2s;
 
+}
 
+
 
+/* Mouse-over effects */
 
+.slider:hover {
 
+  opacity: 1; /* Fully shown on mouse-over */
 
+}
 
+
 
+.slider::-webkit-slider-thumb {
 
+  -webkit-appearance: none;
 
+  appearance: none;
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+.slider::-moz-range-thumb {
 
+  width: 25px;
 
+  height: 25px;
 
+  border: 0;
 
+  background: url('https://raw.githubusercontent.com/nipreps/nireports/main/assets/slider-handle.png');
 
+  cursor: pointer;
 
+  z-index: 2000 !important;
 
+}
 
+
 
+</style>
 
+</head>
 
+<body style="font-family: helvetica;">
 
+<nav class="navbar fixed-top navbar-expand-lg bg-light">
 
+<div class="container-fluid">
 
+<div class="collapse navbar-collapse" id="navbarSupportedContent">
 
+    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Basic echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item dropdown">
 
+            <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">
 
+            Extended echo-wise reports
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">1</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">2</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">3</span>.</a></li>
 
+                <li><a class="dropdown-item" href="#datatype-figures_desc-mean_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct">Reports for: echo <span class="bids-entity">4</span>.</a></li>
 
+            </ul>
 
+        </li>
 
+        <li class="nav-item"><a class="nav-link" href="#Extended reports shared across echos">Extended reports shared across echos</a></li>
 
+        <li class="nav-item dropdown">
 
+            <a class="nav-link dropdown-toggle" id="navbarAbout" role="button" data-bs-toggle="dropdown" aria-expanded="false" href="#About">
 
+            About
 
+            </a>
 
+            <ul class="dropdown-menu">
 
+                <li><a class="dropdown-item" href="#errors">Errors</a></li>
 
+                <li><a class="dropdown-item" href="#meta-about-metadata">Reproducibility and provenance information</a></li>
 
+            </ul>
 
+        </li>
 
+    </ul>
 
+</div>
 
+</div>
 
+<div class="d-flex flex-row-reverse">
 
+<div class="form-check form-switch align-self-center flex-fill me-4">
 
+<input class="form-check-input" type="checkbox" id="qcrating-toggler"></input>
 
+<label class="form-check-label" style="width: 100pt;" for="qcrating-toggler">Rating widget</label>
 
+</div>
 
+</div>
 
+</nav>
 
+<noscript>
 
+    <h1 class="text-danger"> The navigation menu uses Javascript. Without it this report might not work as expected </h1>
 
+</noscript>
 
+
 
+    <div id="Basic echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Basic echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-stdev_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-stdev_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-stdev_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-background_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-background_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-background_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-background_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-zoomed_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-zoomed_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-carpet_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-carpet_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-carpet_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended echo-wise reports" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended echo-wise reports</h1>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-1_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-2_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-2_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-3_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-3_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-mean_direction-AP_echo-4_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<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">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-mean_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-mean_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_echo-4_desc-mean_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="Extended reports shared across echos" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">Extended reports shared across echos</h1>
 
+        <div id="datatype-figures_desc-brainmask_direction-AP_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Brain extraction performance</h3><p class="elem-caption">Brain mask as internally extracted by MRIQC. Defects on the brainmask could indicate problematic aspects of the image quality-wise.</p>                    <div class="reportlet">
 
+<img class="svg-reportlet" src="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-brainmask_bold.svg" style="width: 100%" />
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-brainmask_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-brainmask_bold.svg</a></small>
 
+
 
+        </div>
 
+        <div id="datatype-figures_desc-norm_direction-AP_session-pilot021_subject-001_suffix-bold_task-qct" class="ps-4 pe-4 mb-2">
 
+<h3 class="run-title mt-3">Spatial normalization of the anatomical image</h3><p class="elem-caption">This panel shows a <em>quick-and-dirty</em> nonlinear registration into the <code>MNI152NLin2009cAsym</code> template accessed with <a href="https://templateflow.org/browse" target="_blank"><em>TemplateFlow</em></a>.</p>                    <div class="reportlet">
 
+<object class="svg-reportlet" type="image/svg+xml" data="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-norm_bold.svg" style="">
 
+Problem loading figure sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-norm_bold.svg. If the link below works, please try reloading the report in your browser.</object>
 
+</div>
 
+<small>Get figure file: <a href="./sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-norm_bold.svg" target="_blank">sub-001/figures/sub-001_ses-pilot021_task-qct_dir-AP_desc-norm_bold.svg</a></small>
 
+
 
+        </div>
 
+    </div>
 
+    <div id="About" class="mt-5">
 
+    <h1 class="sub-report-title pt-5 ps-4">About</h1>
 
+        <div id="errors" class="ps-4 pe-4 mb-2">
 
+<h2 class="sub-report-group mt-4">Errors</h2>                    <p class="alert alert-success" role="alert">No errors to report!</p>
 
+        </div>
 
+        <div id="meta-about-metadata" class="ps-4 pe-4 mb-2">
 
+<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
 
+reconstructing the provenance of the corresponding derivatives.
 
+</p>                    <div class="accordion accordion-flush" id="about-metadata">
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-0">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-0-collapse" aria-controls="about-metadata-0-collapse">
 
+        Provenance Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-0-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-0-heading" data-bs-parent="#about-metadata-0">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-0" class="table table-sm table-striped">
 
+<tr><td colspan=2>Execution environment</td><td>singularity</td></tr>
 
+<tr><td colspan=2>Input filename</td><td><BIDS root>/sub-001/ses-pilot021/func/sub-001_ses-pilot021_task-qct_dir-AP_echo-1_bold.nii.gz</td></tr>
 
+<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+g3fe90466.d20240417</td></tr>
 
+<tr><td>Versions</td><td>NiPype</td><td>1.8.6</td></tr>
 
+<tr><td>Versions</td><td>TemplateFlow</td><td>24.2.0</td></tr>
 
+<tr><td colspan=2>md5sum</td><td>c1383697f59c6e589c2194aa932857b6</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-1">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-1-collapse" aria-controls="about-metadata-1-collapse">
 
+        Dataset Information
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-1-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-1-heading" data-bs-parent="#about-metadata-1">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-1" class="table table-sm table-striped">
 
+<tr><td>AcquisitionDuration</td><td>188.475</td></tr>
 
+<tr><td>AcquisitionMatrixPE</td><td>96</td></tr>
 
+<tr><td>AcquisitionTime</td><td>18:08:24.302500</td></tr>
 
+<tr><td>B0FieldSource</td><td>['pilot021pepolarbold', 'pilot021phasediff']</td></tr>
 
+<tr><td>BandwidthPerPixelPhaseEncode</td><td>37.879</td></tr>
 
+<tr><td>BaseResolution</td><td>96</td></tr>
 
+<tr><td>DerivedVendorReportedEchoSpacing</td><td>0.000549997</td></tr>
 
+<tr><td>DwellTime</td><td>2.3e-06</td></tr>
 
+<tr><td>EchoNumber</td><td>1</td></tr>
 
+<tr><td>EchoTime</td><td>0.0126</td></tr>
 
+<tr><td>EchoTrainLength</td><td>35</td></tr>
 
+<tr><td>EffectiveEchoSpacing</td><td>0.000274998</td></tr>
 
+<tr><td>FlipAngle</td><td>64</td></tr>
 
+<tr><td>ImageOrientationPatientDICOM</td><td>[0.99804, 0.0105179, 0.0616968, 0.0116713, 0.937209, -0.348574]</td></tr>
 
+<tr><td>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'FMRI', 'NONE']</td></tr>
 
+<tr><td>ImageTypeText</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'TE1', 'DIS2D']</td></tr>
 
+<tr><td>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
 
+<tr><td>PercentPhaseFOV</td><td>100</td></tr>
 
+<tr><td>PhaseEncodingDirection</td><td>j-</td></tr>
 
+<tr><td>PixelBandwidth</td><td>2264</td></tr>
 
+<tr><td>ProtocolName</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>PulseSequenceName</td><td>epfid2d4_96</td></tr>
 
+<tr><td>ReceiveCoilActiveElements</td><td>HC1-7</td></tr>
 
+<tr><td>ReconMatrixPE</td><td>96</td></tr>
 
+<tr><td>RefLinesPE</td><td>22</td></tr>
 
+<tr><td>RepetitionTime</td><td>1.6</td></tr>
 
+<tr><td>SequenceVariant</td><td>SK\SS</td></tr>
 
+<tr><td>SeriesDescription</td><td>func-bold_task-qc_dir-AP__cmrr_me4_sms4</td></tr>
 
+<tr><td>SeriesNumber</td><td>15</td></tr>
 
+<tr><td>ShimSetting</td><td>[8234, -5617, -6001, 665, -52, -147, 14, 3]</td></tr>
 
+<tr><td>SliceThickness</td><td>2.2</td></tr>
 
+<tr><td>SliceTiming</td><td>[0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375, 0, 0.8425, 0.105, 0.9475, 0.21, 1.0525, 0.315, 1.1575, 0.4225, 1.265, 0.5275, 1.37, 0.6325, 1.475, 0.7375]</td></tr>
 
+<tr><td>SpacingBetweenSlices</td><td>2.2</td></tr>
 
+<tr><td>TotalReadoutTime</td><td>0.0261249</td></tr>
 
+<tr><td>TxRefAmp</td><td>247.681</td></tr>
 
+<tr><td>WipMemBlock</td><td>e0d9ef17-400f-43f8-a2d7-3895a741b4d5||Sequence: R017 nxva30a/master r/d34922cc2+; Jun 27 2022 13:20:16 by eja</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="about-metadata-2">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#about-metadata-2-collapse" aria-controls="about-metadata-2-collapse">
 
+        Extracted Image quality metrics (IQMs)
 
+      </button>
 
+    </h2>
 
+    <div id="about-metadata-2-collapse" class="accordion-collapse collapse" aria-labelledby="about-metadata-2-heading" data-bs-parent="#about-metadata-2">
 
+      <div class="accordion-body metadata-table">
 
+      <table id="about-metadata-table-2" class="table table-sm table-striped">
 
+<tr><td colspan=3>aor</td><td>[0.001386666666666667, 0.0012243434343434344, 0.001242020202020202, 0.001425858585858586]</td></tr>
 
+<tr><td colspan=3>aqi</td><td>[0.004250081111111111, 0.0033945686868686866, 0.005663643030303031, 0.01050322767676768]</td></tr>
 
+<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
 
+<tr><td>dvars</td><td colspan=2>nstd</td><td>27.084290465612234</td></tr>
 
+<tr><td>dvars</td><td colspan=2>std</td><td>1.0695098962244902</td></tr>
 
+<tr><td>dvars</td><td colspan=2>vstd</td><td>1.0187558311224494</td></tr>
 
+<tr><td colspan=3>efc</td><td>0.5734</td></tr>
 
+<tr><td colspan=3>fber</td><td>665.7823</td></tr>
 
+<tr><td>fd</td><td colspan=2>mean</td><td>0.08778881750976188</td></tr>
 
+<tr><td>fd</td><td colspan=2>num</td><td>3</td></tr>
 
+<tr><td>fd</td><td colspan=2>perc</td><td>3.0303030303030303</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>avg</td><td>3.7563234792736395</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>x</td><td>3.4307571302948503</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>y</td><td>3.8075906676147344</td></tr>
 
+<tr><td>fwhm</td><td colspan=2>z</td><td>4.030622639911334</td></tr>
 
+<tr><td colspan=3>gcor</td><td>[0.0107982, 0.0118563, 0.0104294, 0.00833716]</td></tr>
 
+<tr><td>gsr</td><td colspan=2>x</td><td>0.003999379463493824</td></tr>
 
+<tr><td>gsr</td><td colspan=2>y</td><td>0.11049481481313705</td></tr>
 
+<tr><td>size</td><td colspan=2>t</td><td>99</td></tr>
 
+<tr><td>size</td><td colspan=2>x</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>y</td><td>96</td></tr>
 
+<tr><td>size</td><td colspan=2>z</td><td>60</td></tr>
 
+<tr><td colspan=3>snr</td><td>2.375140870884223</td></tr>
 
+<tr><td>spacing</td><td colspan=2>tr</td><td>1.600000023841858</td></tr>
 
+<tr><td>spacing</td><td colspan=2>x</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>y</td><td>2.197920083999634</td></tr>
 
+<tr><td>spacing</td><td colspan=2>z</td><td>2.200000047683716</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>k</td><td>12.1377</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mad</td><td>23.1526</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>mean</td><td>137.0233</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>median</td><td>33.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>n</td><td>419025.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p05</td><td>0.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>p95</td><td>697.0</td></tr>
 
+<tr><td>summary</td><td>bg</td><td>stdv</td><td>250.4052</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>k</td><td>0.8817</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mad</td><td>330.2909</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>mean</td><td>899.6939</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>median</td><td>851.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>n</td><td>133935.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p05</td><td>401.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>p95</td><td>1545.0</td></tr>
 
+<tr><td>summary</td><td>fg</td><td>stdv</td><td>358.2932</td></tr>
 
+<tr><td colspan=3>tsnr</td><td>54.56907894089818</td></tr>
 
+</table>
 
+
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+</div>
 
+        </div>
 
+    </div>
 
+
 
+<div id="qcrating-menu" class="card position-fixed d-none" style="width: 30%; top: 100px; left: 65%;">
 
+<div class="card-header m-0">
 
+    Rating widget
 
+    <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>
 
+</div>
 
+<div class="card-body">
 
+<div class="accordion">
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcslider-head">
 
+      <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>
 
+    </h2>
 
+    <div id="qcslider-collapse" class="accordion-collapse collapse show" aria-labelledby="qcslider-head">
 
+      <div class="accordion-body">
 
+        <input type="range" min="1.0" max="4.0" step="0.05" value="2.5" id="qcslider" class="slider">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-danger small" style="font-size: 0.7em; width: 25%; text-align:center">Exclude</li>
 
+            <li class="list-group-item list-group-item-warning small" style="font-size: 0.7em; width: 25%; text-align:center">Poor</li>
 
+            <li class="list-group-item list-group-item-primary small" style="font-size: 0.7em; width: 25%; text-align:center">Acceptable</li>
 
+            <li class="list-group-item list-group-item-success small" style="font-size: 0.7em; width: 25%; text-align:center">Excellent</li>
 
+        </ul>
 
+      </div>
 
+    </div>
 
+  </div>
 
+
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcartifacts-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcartifacts-collapse" aria-expanded="false" aria-controls="qcartifacts-collapse">
 
+        Record specific artifacts
 
+      </button>
 
+    </h2>
 
+    <div id="qcartifacts-collapse" class="accordion-collapse collapse" aria-labelledby="qcartifacts-head">
 
+      <div class="accordion-body">
 
+        <fieldset id="qcartifacts-group" class="form-group">
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="head-motion" id="qcartifacts-item-0" />
 
+                <label class="form-check-label" for="qcartifacts-item-0">Head motion artifacts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="eye-spillover" id="qcartifacts-item-1" />
 
+                <label class="form-check-label" for="qcartifacts-item-1">Eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noneye-spillover" id="qcartifacts-item-2" />
 
+                <label class="form-check-label" for="qcartifacts-item-2">Non-eye spillover through <abbr title="phase-encoding">PE</abbr> axis</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="coil-failure" id="qcartifacts-item-3" />
 
+                <label class="form-check-label" for="qcartifacts-item-3">Coil failure</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-global" id="qcartifacts-item-4" />
 
+                <label class="form-check-label" for="qcartifacts-item-4">Global noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="noise-local" id="qcartifacts-item-5" />
 
+                <label class="form-check-label" for="qcartifacts-item-5">Local noise</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="em-perturbation" id="qcartifacts-item-6" />
 
+                <label class="form-check-label" for="qcartifacts-item-6"><abbr title="electromagnetic">EM</abbr> interference/perturbation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="wrap-around" id="qcartifacts-item-7" />
 
+                <label class="form-check-label" for="qcartifacts-item-7">Problematic <abbr title="field-of-view">FoV</abbr> prescription / wrap-around</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-aliasing" id="qcartifacts-item-8" />
 
+                <label class="form-check-label" for="qcartifacts-item-8">Aliasing ghosts</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="ghost-other" id="qcartifacts-item-9" />
 
+                <label class="form-check-label" for="qcartifacts-item-9">Other ghosts (for example, <abbr title="radiofrequency">RF</abbr> spoiling)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="inu" id="qcartifacts-item-10" />
 
+                <label class="form-check-label" for="qcartifacts-item-10">Intensity non-uniformity (B<sub>1</sub> bias)</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="field-variation" id="qcartifacts-item-11" />
 
+                <label class="form-check-label" for="qcartifacts-item-11">Temporal B<sub>1</sub> field non-uniformity variation</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="processing" id="qcartifacts-item-12" />
 
+                <label class="form-check-label" for="qcartifacts-item-12">Processing such as denoising, defacing or resamplings happened</label>
 
+            </div>
 
+            <div class="form-check form-switch small">
 
+                <input class="form-check-input" type="checkbox" name="uncategorized" id="qcartifacts-item-13" />
 
+                <label class="form-check-label" for="qcartifacts-item-13">Other uncategorized artifact(s)</label>
 
+            </div>
 
+        </fieldset>
 
+      </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+  <div class="accordion-item">
 
+    <h2 class="accordion-header" id="qcextra-head">
 
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#qcextra-collapse" aria-expanded="false" aria-controls="qcextra-collapse">
 
+        Extra details
 
+      </button>
 
+    </h2>
 
+    <div id="qcextra-collapse" class="accordion-collapse collapse" aria-labelledby="qcextra-head">
 
+      <div class="accordion-body">
 
+        <div class="input-group">
 
+          <span class="input-group-text">Comments</span>
 
+          <textarea class="form-control" aria-label="Comments" id="qcextra-comments"></textarea>
 
+        </div>
 
+
 
+        <p style="margin-top: 20px; font-weight: bold">Rater confidence</p>
 
+        <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%;">
 
+        <ul class="list-group list-group-horizontal slider-labels" style="width: 100%">
 
+            <li class="list-group-item list-group-item-warning small" style="width: 50%; text-align:center">Doubtful</li>
 
+            <li class="list-group-item list-group-item-success bg-success text-white small" style="width: 50%; text-align:center">Confident</li>
 
+        </ul>
 
+       </div> <!-- accordion-body -->
 
+    </div> <!-- accordion-collapse -->
 
+  </div> <!-- accordion-item -->
 
+</div>
 
+<div style="margin-top: 10px">
 
+<a class="btn btn-primary disabled" id="btn-download" href="">Download</a>
 
+</div>
 
+<script type="text/javascript">
 
+var MINIMUM_RATING_TIME = 10
 
+$('#qcslider').on('input', function() {
 
+
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcslider-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 1.5 ) {
 
+        $('#qcslider-collapse .list-group-item-danger').addClass('bg-danger text-white');
 
+    } else if ( $(this).val() > 3.5 ) {
 
+        $('#qcslider-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    } else if ( $(this).val() < 2.5 ) {
 
+        $('#qcslider-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcslider-collapse .list-group-item-primary').addClass('bg-primary text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+$('#qcextra-confidence').on('input', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)bg-\S+/g) || []).join(' ');
 
+    });
 
+    $('#qcextra-collapse .list-group-item').removeClass(function(index, classname) {
 
+        return (classname.match(/(^|\s)text-\S+/g) || []).join(' ');
 
+    });
 
+
 
+    if ( $(this).val() < 2.0 ) {
 
+        $('#qcextra-collapse .list-group-item-warning').addClass('bg-warning text-dark');
 
+    } else {
 
+        $('#qcextra-collapse .list-group-item-success').addClass('bg-success text-white');
 
+    };
 
+
 
+    var payload = read_form();
 
+});
 
+
 
+
 
+$('#qcextra-comments').bind('input propertychange', function() {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+});
 
+
 
+$( '#btn-post' ).click( function() {
 
+    var payload = read_form();
 
+    var md5sum = "unspecified";
 
+    var params = {
 
+        'rating': payload['rating'],
 
+        'md5sum': md5sum,
 
+        'name': "",
 
+        'comment': JSON.stringify(payload['artifacts'])
 
+    };
 
+
 
+    // disable development releases
 
+    var authorization = $(this).val();
 
+    var ratingReq = new XMLHttpRequest();
 
+    ratingReq.open("POST", "https://mriqc.nimh.nih.gov:443/api/v1/rating");
 
+    ratingReq.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
 
+    ratingReq.setRequestHeader("Authorization", authorization);
 
+    ratingReq.onload = function () {
 
+        status = ratingReq.status;
 
+        $('#btn-post').removeClass('btn-primary');
 
+        $('#btn-post').attr('disabled', true);
 
+        $('#btn-post').attr('aria-disabled', true);
 
+        $('#btn-post').prop('disabled');
 
+        $('#btn-post').addClass('disabled');
 
+        $('#btn-post').removeClass('active');
 
+        if (status === "201") {
 
+            $('#btn-post').addClass('btn-success');
 
+            $('#btn-post').html('Posted!');
 
+        } else {
 
+            $('#btn-post').addClass('btn-danger');
 
+            $('#btn-post').html('Failed');
 
+        };
 
+    };
 
+    ratingReq.send(JSON.stringify(params));
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcartifacts-group input', function(e) {
 
+    if ( (Date.now() - timestamp) / 1000 > MINIMUM_RATING_TIME) {
 
+        $('#btn-download').removeClass('disabled');
 
+        $('#btn-download').removeAttr('aria-disabled');
 
+        $('#btn-post').removeAttr('disabled');
 
+    };
 
+    
+    var payload = read_form();
 
+});
 
+
 
+$( 'body' ).on( 'click', '#qcrating-toggler', function(e) {
 
+    toggle_rating();
 
+});
 
+</script>
 
+</div>
 
+
 
+<script type="text/javascript">
 
+function toggle(id) {
 
+    var element = document.getElementById(id);
 
+    if(element.style.display == 'block')
 
+        element.style.display = 'none';
 
+    else
 
+        element.style.display = 'block';
 
+}
 
+</script>
 
+</body>
 
+</html>