<?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-CTS209_task-restfixationadaptive_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-CTS209_task-restfixationadaptive_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"><a class="nav-link" href="#Basic echo-wise reports">Basic echo-wise reports</a></li>
        <li class="nav-item"><a class="nav-link" href="#Extended echo-wise reports">Extended echo-wise reports</a></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_subject-CTS209_suffix-bold_task-restfixationadaptive" class="ps-4 pe-4 mb-2">
<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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-stdev_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-stdev_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-stdev_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-background_subject-CTS209_suffix-bold_task-restfixationadaptive" 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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-background_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-background_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-background_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-zoomed_subject-CTS209_suffix-bold_task-restfixationadaptive" 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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-zoomed_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-zoomed_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-zoomed_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-carpet_subject-CTS209_suffix-bold_task-restfixationadaptive" 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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-carpet_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-carpet_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_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_subject-CTS209_suffix-bold_task-restfixationadaptive" class="ps-4 pe-4 mb-2">
<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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-mean_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-mean_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_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_subject-CTS209_suffix-bold_task-restfixationadaptive" 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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-brainmask_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-brainmask_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-brainmask_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-norm_subject-CTS209_suffix-bold_task-restfixationadaptive" 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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-norm_bold.svg" style="">
Problem loading figure sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_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-CTS209/figures/sub-CTS209_task-restfixationadaptive_desc-norm_bold.svg" target="_blank">sub-CTS209/figures/sub-CTS209_task-restfixationadaptive_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-CTS209/func/sub-CTS209_task-restfixationadaptive_bold.nii.gz</td></tr>
<tr><td>Versions</td><td>MRIQC</td><td>24.1.0.dev0+gd5b13cb5.d20240826</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>5e0ec7544d2c8082166008ea42c3013d</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 colspan=2>AcquisitionMatrixPE</td><td>64</td></tr>
<tr><td colspan=2>AcquisitionNumber</td><td>1</td></tr>
<tr><td colspan=2>AcquisitionTime</td><td>10:22:4.812500</td></tr>
<tr><td colspan=2>BandwidthPerPixelPhaseEncode</td><td>26.483</td></tr>
<tr><td colspan=2>BaseResolution</td><td>64</td></tr>
<tr><td colspan=2>BodyPartExamined</td><td>HEAD</td></tr>
<tr><td colspan=2>ConversionSoftware</td><td>dcm2niix</td></tr>
<tr><td colspan=2>ConversionSoftwareVersion</td><td>v1.0.20171017 GCC6.3.0</td></tr>
<tr><td colspan=2>DerivedVendorReportedEchoSpacing</td><td>0.000590001</td></tr>
<tr><td colspan=2>DeviceSerialNumber</td><td>35177</td></tr>
<tr><td colspan=2>DwellTime</td><td>4.1e-06</td></tr>
<tr><td colspan=2>EchoTime</td><td>0.027</td></tr>
<tr><td colspan=2>EffectiveEchoSpacing</td><td>0.000590001</td></tr>
<tr><td colspan=2>FlipAngle</td><td>90</td></tr>
<tr><td colspan=2>ImageOrientationPatientDICOM</td><td>[0.994723, -0.089845, -0.0495352, 0.0933284, 0.992942, 0.0731801]</td></tr>
<tr><td colspan=2>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'M', 'ND', 'NORM', 'MOSAIC']</td></tr>
<tr><td colspan=2>InPlanePhaseEncodingDirectionDICOM</td><td>COL</td></tr>
<tr><td colspan=2>InstitutionAddress</td><td>Scott_Ave._4525_St._Louis_MO_US_63110</td></tr>
<tr><td colspan=2>InstitutionName</td><td>Washington_University</td></tr>
<tr><td colspan=2>InstitutionalDepartmentName</td><td>Department</td></tr>
<tr><td colspan=2>MRAcquisitionType</td><td>2D</td></tr>
<tr><td colspan=2>MagneticFieldStrength</td><td>3</td></tr>
<tr><td colspan=2>Manufacturer</td><td>Siemens</td></tr>
<tr><td colspan=2>ManufacturersModelName</td><td>TrioTim</td></tr>
<tr><td colspan=2>Modality</td><td>MR</td></tr>
<tr><td colspan=2>PartialFourier</td><td>1</td></tr>
<tr><td colspan=2>PatientPosition</td><td>HFS</td></tr>
<tr><td colspan=2>PercentPhaseFOV</td><td>100</td></tr>
<tr><td colspan=2>PhaseEncodingDirection</td><td>j-</td></tr>
<tr><td colspan=2>PhaseEncodingSteps</td><td>64</td></tr>
<tr><td colspan=2>PhaseResolution</td><td>1</td></tr>
<tr><td colspan=2>PixelBandwidth</td><td>1905</td></tr>
<tr><td colspan=2>ProcedureStepDescription</td><td>head_GREENE</td></tr>
<tr><td colspan=2>ProtocolName</td><td>ep2d_bold_ad_rest</td></tr>
<tr><td colspan=2>PulseSequenceDetails</td><td>%SiemensSeq%_ep2d_bold</td></tr>
<tr><td colspan=2>ReceiveCoilName</td><td>HeadMatrix</td></tr>
<tr><td colspan=2>ReconMatrixPE</td><td>64</td></tr>
<tr><td colspan=2>RepetitionTime</td><td>2.5</td></tr>
<tr><td colspan=2>SAR</td><td>0.134691</td></tr>
<tr><td colspan=2>ScanOptions</td><td>FS</td></tr>
<tr><td colspan=2>ScanningSequence</td><td>EP</td></tr>
<tr><td colspan=2>SequenceName</td><td>_epfid2d1_64</td></tr>
<tr><td colspan=2>SequenceVariant</td><td>SK</td></tr>
<tr><td colspan=2>SeriesDescription</td><td>ep2d_bold_ad_rest</td></tr>
<tr><td colspan=2>SeriesNumber</td><td>11</td></tr>
<tr><td colspan=2>ShimSetting</td><td>[-243, -19530, 8058, 363, 207, -450, 436, 3]</td></tr>
<tr><td colspan=2>SliceThickness</td><td>4</td></tr>
<tr><td colspan=2>SliceTiming</td><td>[1.255, 0, 1.3325, 0.0775, 1.4125, 0.1575, 1.49, 0.235, 1.5675, 0.3125, 1.6475, 0.3925, 1.725, 0.47, 1.8025, 0.5475, 1.8825, 0.6275, 1.96, 0.705, 2.0375, 0.785, 2.1175, 0.8625, 2.195, 0.94, 2.275, 1.02, 2.3525, 1.0975, 2.43, 1.175]</td></tr>
<tr><td colspan=2>SoftwareVersions</td><td>syngo_MR_B17</td></tr>
<tr><td colspan=2>SpacingBetweenSlices</td><td>4</td></tr>
<tr><td colspan=2>StationName</td><td>MRC35177</td></tr>
<tr><td colspan=2>TaskName</td><td>restfixationadaptive</td></tr>
<tr><td colspan=2>TotalReadoutTime</td><td>0.0371701</td></tr>
<tr><td colspan=2>TxRefAmp</td><td>352.168</td></tr>
<tr><td>dcmmeta</td><td>affine</td><td>[[-3.9788925647735596, 0.37331345677375793, -0.17044296860694885, 124.96940612792969], [0.35937994718551636, 3.971769332885742, 0.3096678555011749, -149.63262939453125], [-0.19814081490039825, -0.29272031784057617, 3.984351634979248, -20.953935623168945], [0.0, 0.0, 0.0, 1.0]]</td></tr>
<tr><td>dcmmeta</td><td>reorient_transform</td><td>[[0.0, -1.0, 0.0, 63.0], [1.0, 0.0, 0.0, 0.0], [0.0, 0.0, 1.0, 0.0], [0.0, 0.0, 0.0, 1.0]]</td></tr>
<tr><td>dcmmeta</td><td>shape</td><td>[64, 64, 32, 164]</td></tr>
<tr><td>dcmmeta</td><td>slice_dim</td><td>2</td></tr>
<tr><td>dcmmeta</td><td>version</td><td>0.6</td></tr>
<tr><td colspan=2>time</td><td>{'samples': {'AcquisitionNumber': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134, 135, 136, 137, 138, 139, 140, 141, 142, 143, 144, 145, 146, 147, 148, 149, 150, 151, 152, 153, 154, 155, 156, 157, 158, 159, 160, 161, 162, 163, 164], 'AcquisitionTime': ['102204.812500', '102207.322500', '102209.832500', '102212.342500', '102214.852500', '102217.362500', '102219.872500', '102222.382500', '102224.892500', '102227.402500', '102229.912500', '102232.422500', '102234.932500', '102237.442500', '102239.952500', '102242.462500', '102244.972500', '102247.482500', '102249.992500', '102252.502500', '102255.012500', '102257.522500', '102300.032500', '102302.542500', '102305.052500', '102307.562500', '102310.072500', '102312.582500', '102315.092500', '102317.602500', '102320.112500', '102322.622500', '102325.132500', '102327.642500', '102330.152500', '102332.662500', '102335.172500', '102337.682500', '102340.192500', '102342.702500', '102345.212500', '102347.722500', '102350.232500', '102352.742500', '102355.252500', '102357.762500', '102400.275000', '102402.785000', '102405.295000', '102407.805000', '102410.315000', '102412.825000', '102415.335000', '102417.845000', '102420.355000', '102422.865000', '102425.375000', '102427.885000', '102430.395000', '102432.905000', '102435.415000', '102437.925000', '102440.435000', '102442.945000', '102445.455000', '102447.965000', '102450.475000', '102452.985000', '102455.495000', '102458.005000', '102500.515000', '102503.025000', '102505.535000', '102508.045000', '102510.555000', '102513.065000', '102515.575000', '102518.085000', '102520.595000', '102523.105000', '102525.615000', '102528.125000', '102530.635000', '102533.145000', '102535.655000', '102538.165000', '102540.675000', '102543.185000', '102545.695000', '102548.205000', '102550.715000', '102553.225000', '102555.735000', '102558.245000', '102600.755000', '102603.265000', '102605.775000', '102608.285000', '102610.795000', '102613.305000', '102615.815000', '102618.325000', '102620.835000', '102623.345000', '102625.855000', '102628.365000', '102630.875000', '102633.385000', '102635.897500', '102638.407500', '102640.917500', '102643.427500', '102645.937500', '102648.447500', '102650.957500', '102653.467500', '102655.977500', '102658.487500', '102700.997500', '102703.507500', '102706.017500', '102708.527500', '102711.037500', '102713.547500', '102716.057500', '102718.567500', '102721.077500', '102723.587500', '102726.097500', '102728.607500', '102731.117500', '102733.627500', '102736.137500', '102738.647500', '102741.157500', '102743.667500', '102746.177500', '102748.687500', '102751.197500', '102753.707500', '102756.217500', '102758.727500', '102801.237500', '102803.747500', '102806.257500', '102808.767500', '102811.277500', '102813.787500', '102816.297500', '102818.807500', '102821.317500', '102823.827500', '102826.337500', '102828.847500', '102831.357500', '102833.867500', '102836.377500', '102838.887500', '102841.397500', '102843.907500', '102846.417500', '102848.927500', '102851.437500', '102853.947500'], 'ContentTime': ['102206.984000', '102209.468000', '102211.968000', '102214.468000', '102216.968000', '102219.468000', '102221.968000', '102224.468000', '102226.968000', '102229.468000', '102231.968000', '102234.468000', '102236.968000', '102239.468000', '102241.968000', '102244.468000', '102246.968000', '102249.468000', '102251.968000', '102254.468000', '102256.968000', '102259.468000', '102301.968000', '102304.468000', '102306.968000', '102309.468000', '102311.968000', '102314.468000', '102316.968000', '102319.468000', '102321.968000', '102324.468000', '102326.968000', '102329.468000', '102331.968000', '102334.468000', '102336.968000', '102339.468000', '102341.968000', '102344.468000', '102346.968000', '102349.468000', '102351.968000', '102354.468000', '102356.968000', '102359.468000', '102401.968000', '102404.468000', '102406.984000', '102409.468000', '102411.968000', '102414.468000', '102416.968000', '102419.468000', '102421.968000', '102424.468000', '102426.968000', '102429.468000', '102431.968000', '102434.468000', '102436.968000', '102439.468000', '102441.968000', '102444.468000', '102446.968000', '102449.468000', '102451.968000', '102454.468000', '102456.968000', '102459.468000', '102501.968000', '102504.468000', '102506.968000', '102509.468000', '102511.968000', '102514.468000', '102516.968000', '102519.468000', '102521.968000', '102524.468000', '102526.968000', '102529.468000', '102531.968000', '102534.468000', '102536.968000', '102539.468000', '102541.968000', '102544.468000', '102546.968000', '102549.468000', '102551.968000', '102554.468000', '102556.968000', '102559.468000', '102601.968000', '102604.468000', '102606.968000', '102609.468000', '102611.968000', '102614.468000', '102616.968000', '102619.468000', '102621.968000', '102624.468000', '102626.968000', '102629.468000', '102631.968000', '102634.468000', '102636.968000', '102639.468000', '102641.968000', '102644.468000', '102646.968000', '102649.468000', '102651.968000', '102654.468000', '102656.968000', '102659.468000', '102701.968000', '102704.468000', '102706.968000', '102709.468000', '102711.968000', '102714.468000', '102716.968000', '102719.468000', '102721.968000', '102724.468000', '102726.968000', '102729.468000', '102731.968000', '102734.468000', '102736.968000', '102739.468000', '102741.968000', '102744.468000', '102746.968000', '102749.468000', '102751.968000', '102754.468000', '102756.968000', '102759.468000', '102801.968000', '102804.468000', '102806.968000', '102809.468000', '102811.968000', '102814.468000', '102816.968000', '102819.468000', '102821.968000', '102824.468000', '102826.968000', '102829.468000', '102831.968000', '102834.468000', '102836.968000', '102839.468000', '102841.968000', '102844.468000', '102846.968000', '102849.468000', '102851.968000', '102854.406000'], 'InstanceCreationTime': ['102206.984000', '102209.468000', '102211.968000', '102214.468000', '102216.968000', '102219.468000', '102221.968000', '102224.468000', '102226.968000', '102229.468000', '102231.968000', '102234.468000', '102236.968000', '102239.468000', '102241.968000', '102244.468000', '102246.968000', '102249.468000', '102251.968000', '102254.468000', '102256.968000', '102259.468000', '102301.968000', '102304.468000', '102306.968000', '102309.468000', '102311.968000', '102314.468000', '102316.968000', '102319.468000', '102321.968000', '102324.468000', '102326.968000', '102329.468000', '102331.968000', '102334.468000', '102336.968000', '102339.468000', '102341.968000', '102344.468000', '102346.968000', '102349.468000', '102351.968000', '102354.468000', '102356.968000', '102359.468000', '102401.968000', '102404.468000', '102406.984000', '102409.468000', '102411.968000', '102414.468000', '102416.968000', '102419.468000', '102421.968000', '102424.468000', '102426.968000', '102429.468000', '102431.968000', '102434.468000', '102436.968000', '102439.468000', '102441.968000', '102444.468000', '102446.968000', '102449.468000', '102451.968000', '102454.468000', '102456.968000', '102459.468000', '102501.968000', '102504.468000', '102506.968000', '102509.468000', '102511.968000', '102514.468000', '102516.968000', '102519.468000', '102521.968000', '102524.468000', '102526.968000', '102529.468000', '102531.968000', '102534.468000', '102536.968000', '102539.468000', '102541.968000', '102544.468000', '102546.968000', '102549.468000', '102551.968000', '102554.468000', '102556.968000', '102559.468000', '102601.968000', '102604.468000', '102606.968000', '102609.468000', '102611.968000', '102614.468000', '102616.968000', '102619.468000', '102621.968000', '102624.468000', '102626.968000', '102629.468000', '102631.968000', '102634.468000', '102636.968000', '102639.468000', '102641.968000', '102644.468000', '102646.968000', '102649.468000', '102651.968000', '102654.468000', '102656.968000', '102659.468000', '102701.968000', '102704.468000', '102706.968000', '102709.468000', '102711.968000', '102714.468000', '102716.968000', '102719.468000', '102721.968000', '102724.468000', '102726.968000', '102729.468000', '102731.968000', '102734.468000', '102736.968000', '102739.468000', '102741.968000', '102744.468000', '102746.968000', '102749.468000', '102751.968000', '102754.468000', '102756.968000', '102759.468000', '102801.968000', '102804.468000', '102806.968000', '102809.468000', '102811.968000', '102814.468000', '102816.968000', '102819.468000', '102821.968000', '102824.468000', '102826.968000', '102829.468000', '102831.968000', '102834.468000', '102836.968000', '102839.468000', '102841.968000', '102844.468000', '102846.968000', '102849.468000', '102851.968000', '102854.406000'], 'InstanceNumber': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 124, 125, 126, 127, 128, 129, 130, 131, 132, 133, 134, 135, 136, 137, 138, 139, 140, 141, 142, 143, 144, 145, 146, 147, 148, 149, 150, 151, 152, 153, 154, 155, 156, 157, 158, 159, 160, 161, 162, 163, 164], 'LargestImagePixelValue': [1792, 1953, 1974, 2007, 2044, 2059, 2239, 2210, 2175, 2148, 2121, 2122, 2142, 1960, 2226, 1692, 1577, 1973, 1813, 1991, 1593, 2247, 1701, 1598, 2244, 1784, 1804, 1933, 2083, 2052, 2243, 2103, 1965, 1931, 1587, 1567, 2058, 1778, 1688, 1755, 2131, 1845, 1893, 1506, 1681, 2000, 2084, 1913, 1728, 1878, 1847, 2039, 2075, 1975, 1976, 2113, 1678, 2092, 1674, 1692, 2045, 1846, 1747, 1800, 2030, 1821, 1973, 1551, 1903, 2019, 1952, 1823, 2202, 1750, 1920, 1907, 1607, 1502, 1828, 1836, 1946, 1892, 1814, 1818, 1763, 1757, 1924, 1939, 2136, 1950, 1905, 1875, 1788, 1697, 1717, 1917, 2110, 2135, 1858, 2061, 1809, 1820, 1756, 1757, 1965, 2095, 2026, 1990, 1943, 1703, 1791, 1741, 1891, 1970, 1967, 2056, 1999, 1995, 1974, 1922, 1528, 1996, 2046, 1754, 1929, 2297, 2416, 1918, 2081, 1745, 1731, 1664, 1748, 1824, 1718, 1729, 1687, 2030, 2058, 1957, 1859, 1864, 1562, 1733, 2079, 2189, 1917, 1608, 1912, 1929, 1707, 1788, 1835, 1844, 1932, 1793, 1765, 1706, 1994, 1693, 1684, 1665, 1758, 2087], 'WindowCenter': [687.0, 687.0, 686.0, 687.0, 687.0, 687.0, 687.0, 687.0, 687.0, 686.0, 686.0, 685.0, 685.0, 686.0, 685.0, 684.0, 670.0, 685.0, 685.0, 686.0, 686.0, 685.0, 684.0, 686.0, 686.0, 685.0, 685.0, 687.0, 684.0, 686.0, 686.0, 684.0, 686.0, 683.0, 683.0, 685.0, 687.0, 683.0, 683.0, 685.0, 685.0, 687.0, 685.0, 681.0, 685.0, 685.0, 686.0, 686.0, 687.0, 685.0, 686.0, 687.0, 685.0, 683.0, 683.0, 684.0, 684.0, 684.0, 685.0, 683.0, 685.0, 685.0, 685.0, 687.0, 686.0, 684.0, 685.0, 685.0, 688.0, 686.0, 685.0, 686.0, 687.0, 683.0, 683.0, 683.0, 684.0, 685.0, 685.0, 686.0, 686.0, 686.0, 685.0, 685.0, 685.0, 687.0, 686.0, 686.0, 685.0, 685.0, 686.0, 684.0, 685.0, 684.0, 686.0, 685.0, 687.0, 687.0, 685.0, 684.0, 686.0, 686.0, 686.0, 686.0, 687.0, 686.0, 687.0, 685.0, 686.0, 684.0, 683.0, 686.0, 687.0, 686.0, 686.0, 686.0, 683.0, 687.0, 688.0, 686.0, 661.0, 674.0, 646.0, 694.0, 684.0, 682.0, 681.0, 678.0, 681.0, 682.0, 683.0, 682.0, 684.0, 684.0, 685.0, 685.0, 684.0, 687.0, 684.0, 685.0, 685.0, 684.0, 684.0, 686.0, 686.0, 687.0, 684.0, 684.0, 686.0, 686.0, 686.0, 684.0, 684.0, 686.0, 685.0, 683.0, 683.0, 684.0, 684.0, 684.0, 684.0, 684.0, 686.0, 684.0], 'WindowWidth': [1509.0, 1508.0, 1506.0, 1507.0, 1508.0, 1507.0, 1508.0, 1507.0, 1506.0, 1505.0, 1505.0, 1503.0, 1503.0, 1503.0, 1502.0, 1500.0, 1457.0, 1502.0, 1502.0, 1505.0, 1504.0, 1503.0, 1499.0, 1504.0, 1504.0, 1502.0, 1503.0, 1507.0, 1501.0, 1504.0, 1505.0, 1499.0, 1502.0, 1496.0, 1495.0, 1503.0, 1506.0, 1494.0, 1495.0, 1502.0, 1503.0, 1505.0, 1502.0, 1490.0, 1503.0, 1502.0, 1505.0, 1503.0, 1505.0, 1502.0, 1504.0, 1507.0, 1502.0, 1496.0, 1496.0, 1499.0, 1499.0, 1501.0, 1501.0, 1498.0, 1503.0, 1502.0, 1502.0, 1507.0, 1504.0, 1499.0, 1501.0, 1502.0, 1509.0, 1505.0, 1501.0, 1503.0, 1506.0, 1496.0, 1497.0, 1496.0, 1497.0, 1500.0, 1502.0, 1504.0, 1503.0, 1503.0, 1501.0, 1502.0, 1503.0, 1505.0, 1505.0, 1504.0, 1503.0, 1503.0, 1503.0, 1501.0, 1502.0, 1500.0, 1503.0, 1503.0, 1507.0, 1506.0, 1502.0, 1500.0, 1505.0, 1505.0, 1504.0, 1504.0, 1505.0, 1504.0, 1506.0, 1502.0, 1503.0, 1500.0, 1498.0, 1505.0, 1508.0, 1505.0, 1503.0, 1504.0, 1499.0, 1506.0, 1508.0, 1505.0, 1429.0, 1468.0, 1391.0, 1529.0, 1497.0, 1492.0, 1488.0, 1482.0, 1488.0, 1491.0, 1494.0, 1494.0, 1499.0, 1500.0, 1500.0, 1499.0, 1498.0, 1504.0, 1500.0, 1499.0, 1498.0, 1500.0, 1498.0, 1503.0, 1504.0, 1504.0, 1496.0, 1497.0, 1502.0, 1501.0, 1501.0, 1498.0, 1499.0, 1502.0, 1500.0, 1494.0, 1495.0, 1496.0, 1498.0, 1498.0, 1497.0, 1498.0, 1502.0, 1498.0]}, 'slices': {}}</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.058369878048780494</td></tr>
<tr><td colspan=3>aqi</td><td>0.0519925006097561</td></tr>
<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
<tr><td>dvars</td><td colspan=2>nstd</td><td>25.09720179754601</td></tr>
<tr><td>dvars</td><td colspan=2>std</td><td>0.851117448588957</td></tr>
<tr><td>dvars</td><td colspan=2>vstd</td><td>0.8815230821472395</td></tr>
<tr><td colspan=3>efc</td><td>0.4107</td></tr>
<tr><td colspan=3>fber</td><td>67779.6875</td></tr>
<tr><td>fd</td><td colspan=2>mean</td><td>0.43206870276606163</td></tr>
<tr><td>fd</td><td colspan=2>num</td><td>42</td></tr>
<tr><td>fd</td><td colspan=2>perc</td><td>25.609756097560975</td></tr>
<tr><td>fwhm</td><td colspan=2>avg</td><td>2.1761740836540957</td></tr>
<tr><td>fwhm</td><td colspan=2>x</td><td>2.0051</td></tr>
<tr><td>fwhm</td><td colspan=2>y</td><td>2.4343425</td></tr>
<tr><td>fwhm</td><td colspan=2>z</td><td>2.089079750962287</td></tr>
<tr><td colspan=3>gcor</td><td>0.123234</td></tr>
<tr><td>gsr</td><td colspan=2>x</td><td>-0.025630949065089226</td></tr>
<tr><td>gsr</td><td colspan=2>y</td><td>0.01783083751797676</td></tr>
<tr><td>size</td><td colspan=2>t</td><td>164</td></tr>
<tr><td>size</td><td colspan=2>x</td><td>64</td></tr>
<tr><td>size</td><td colspan=2>y</td><td>64</td></tr>
<tr><td>size</td><td colspan=2>z</td><td>32</td></tr>
<tr><td colspan=3>snr</td><td>5.2935422151483005</td></tr>
<tr><td>spacing</td><td colspan=2>tr</td><td>2.5</td></tr>
<tr><td>spacing</td><td colspan=2>x</td><td>4.0</td></tr>
<tr><td>spacing</td><td colspan=2>y</td><td>4.0</td></tr>
<tr><td>spacing</td><td colspan=2>z</td><td>4.000000476837158</td></tr>
<tr><td>summary</td><td>bg</td><td>k</td><td>41.5338</td></tr>
<tr><td>summary</td><td>bg</td><td>mad</td><td>2.1516</td></tr>
<tr><td>summary</td><td>bg</td><td>mean</td><td>30.6163</td></tr>
<tr><td>summary</td><td>bg</td><td>median</td><td>3.0</td></tr>
<tr><td>summary</td><td>bg</td><td>n</td><td>108649.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>144.0</td></tr>
<tr><td>summary</td><td>bg</td><td>stdv</td><td>103.8763</td></tr>
<tr><td>summary</td><td>fg</td><td>k</td><td>3.8218</td></tr>
<tr><td>summary</td><td>fg</td><td>mad</td><td>126.3194</td></tr>
<tr><td>summary</td><td>fg</td><td>mean</td><td>865.6295</td></tr>
<tr><td>summary</td><td>fg</td><td>median</td><td>883.0</td></tr>
<tr><td>summary</td><td>fg</td><td>n</td><td>22423.0</td></tr>
<tr><td>summary</td><td>fg</td><td>p05</td><td>549.0</td></tr>
<tr><td>summary</td><td>fg</td><td>p95</td><td>1083.0</td></tr>
<tr><td>summary</td><td>fg</td><td>stdv</td><td>166.8033</td></tr>
<tr><td colspan=3>tsnr</td><td>30.272892840206623</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%; max-height: 85%; overflow-y: auto;">
<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>
<button class="btn btn-primary" id="btn-post" value="8sSYVI0XjFqacEMZ8wF4" disabled>Share publicly</button>
</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><script>{let postHeight = () => {window.parent.postMessage({frameHeight: document.documentElement.offsetHeight || document.documentElement.scrollHeight}, '*')}; window.addEventListener('load', postHeight); window.addEventListener('message', (event) => {if (event.source === window.parent && event.data.requestOffsetHeight) postHeight()});}</script>