<?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-53_ses-01_task-piper_run-01_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-53_ses-01_task-piper_run-01_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_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-stdev_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-stdev_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-stdev_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-background_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-background_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-background_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-background_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-zoomed_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-zoomed_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-zoomed_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-zoomed_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-carpet_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-carpet_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-carpet_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_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_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-mean_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-mean_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_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_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-brainmask_bold.svg" style="width: 100%" />
</div>
<small>Get figure file: <a href="./sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-brainmask_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_desc-brainmask_bold.svg</a></small>

        </div>
        <div id="datatype-figures_desc-norm_run-01_session-01_subject-53_suffix-bold_task-piper" 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-53/figures/sub-53_ses-01_task-piper_run-01_desc-norm_bold.svg" style="">
Problem loading figure sub-53/figures/sub-53_ses-01_task-piper_run-01_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-53/figures/sub-53_ses-01_task-piper_run-01_desc-norm_bold.svg" target="_blank">sub-53/figures/sub-53_ses-01_task-piper_run-01_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-53/ses-01/func/sub-53_ses-01_task-piper_run-01_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>9270b57e7a2d113fce7f63f3e6391650</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>ConversionSoftware</td><td>dcm2niix</td></tr>
<tr><td colspan=2>ConversionSoftwareVersion</td><td>v1.0.20170207</td></tr>
<tr><td colspan=2>EchoTime</td><td>0.0302</td></tr>
<tr><td colspan=2>EffectiveEchoSpacing</td><td>0.000640002</td></tr>
<tr><td colspan=2>FlipAngle</td><td>90</td></tr>
<tr><td colspan=2>ImageType</td><td>['ORIGINAL', 'PRIMARY', 'M', 'MB', 'ND', 'MOSAIC']</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>Prisma</td></tr>
<tr><td colspan=2>PhaseEncodingDirection</td><td>j-</td></tr>
<tr><td colspan=2>ProcedureStepDescription</td><td>CAMRIS_CHOP</td></tr>
<tr><td colspan=2>ProtocolName</td><td>BOLD_resting1</td></tr>
<tr><td colspan=2>RepetitionTime</td><td>2</td></tr>
<tr><td colspan=2>SliceTiming</td><td>[0, 0.08, 0.1575, 0.2375, 0.3175, 0.395, 0.475, 0.555, 0.6325, 0.7125, 0.7925, 0.87, 0.95, 1.03, 1.1075, 1.1875, 1.2675, 1.345, 1.425, 1.505, 1.5825, 1.6625, 1.7425, 1.8225, 1.9, 0, 0.08, 0.1575, 0.2375, 0.3175, 0.395, 0.475, 0.555, 0.6325, 0.7125, 0.7925, 0.87, 0.95, 1.03, 1.1075, 1.1875, 1.2675, 1.345, 1.425, 1.505, 1.5825, 1.6625, 1.7425, 1.8225, 1.9, 0, 0.08, 0.1575, 0.2375, 0.3175, 0.395, 0.475, 0.555, 0.6325, 0.7125, 0.7925, 0.87, 0.95, 1.03, 1.1075, 1.1875, 1.2675, 1.345, 1.425, 1.505, 1.5825, 1.6625, 1.7425, 1.8225, 1.9]</td></tr>
<tr><td colspan=2>TaskName</td><td>piper</td></tr>
<tr><td>dcmmeta</td><td>affine</td><td>[[-2.0, 0.0, 0.0, 100.21700286865234], [0.0, 2.0, 0.0, -86.16899871826172], [0.0, 0.0, 2.0, -63.75899887084961], [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, 95.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>[96, 96, 75, 150]</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], 'AcquisitionTime': ['135130.822500', '135132.822500', '135134.822500', '135136.822500', '135138.822500', '135140.822500', '135142.822500', '135144.822500', '135146.822500', '135148.822500', '135150.822500', '135152.822500', '135154.822500', '135156.822500', '135158.822500', '135200.822500', '135202.822500', '135204.822500', '135206.822500', '135208.822500', '135210.822500', '135212.822500', '135214.822500', '135216.822500', '135218.822500', '135220.822500', '135222.822500', '135224.822500', '135226.822500', '135228.822500', '135230.822500', '135232.822500', '135234.822500', '135236.822500', '135238.822500', '135240.822500', '135242.822500', '135244.822500', '135246.822500', '135248.822500', '135250.822500', '135252.822500', '135254.822500', '135256.822500', '135258.822500', '135300.822500', '135302.822500', '135304.822500', '135306.822500', '135308.822500', '135310.822500', '135312.822500', '135314.822500', '135316.822500', '135318.822500', '135320.822500', '135322.822500', '135324.822500', '135326.822500', '135328.822500', '135330.822500', '135332.822500', '135334.822500', '135336.822500', '135338.822500', '135340.822500', '135342.822500', '135344.822500', '135346.822500', '135348.822500', '135350.822500', '135352.822500', '135354.822500', '135356.822500', '135358.822500', '135400.822500', '135402.822500', '135404.822500', '135406.822500', '135408.822500', '135410.822500', '135412.822500', '135414.822500', '135416.822500', '135418.822500', '135420.822500', '135422.822500', '135424.822500', '135426.822500', '135428.822500', '135430.822500', '135432.822500', '135434.822500', '135436.822500', '135438.822500', '135440.822500', '135442.822500', '135444.822500', '135446.822500', '135448.822500', '135450.822500', '135452.822500', '135454.822500', '135456.822500', '135458.822500', '135500.822500', '135502.822500', '135504.822500', '135506.822500', '135508.822500', '135510.822500', '135512.822500', '135514.822500', '135516.822500', '135518.822500', '135520.822500', '135522.822500', '135524.822500', '135526.822500', '135528.822500', '135530.822500', '135532.822500', '135534.822500', '135536.822500', '135538.822500', '135540.822500', '135542.822500', '135544.822500', '135546.822500', '135548.822500', '135550.822500', '135552.822500', '135554.822500', '135556.822500', '135558.822500', '135600.822500', '135602.822500', '135604.822500', '135606.822500', '135608.822500', '135610.822500', '135612.822500', '135614.822500', '135616.822500', '135618.822500', '135620.822500', '135622.822500', '135624.822500', '135626.822500', '135628.822500'], 'ContentTime': ['135133.743000', '135135.738000', '135137.738000', '135139.738000', '135141.737000', '135143.738000', '135145.738000', '135147.738000', '135149.738000', '135151.738000', '135153.738000', '135155.738000', '135157.738000', '135159.737000', '135201.738000', '135203.738000', '135205.738000', '135207.738000', '135209.738000', '135211.738000', '135213.738000', '135215.751000', '135217.737000', '135219.738000', '135221.738000', '135223.738000', '135225.738000', '135227.738000', '135229.738000', '135231.738000', '135233.737000', '135235.738000', '135237.738000', '135239.738000', '135241.738000', '135243.738000', '135245.738000', '135247.738000', '135249.738000', '135251.737000', '135253.738000', '135255.738000', '135257.738000', '135259.738000', '135301.738000', '135303.738000', '135305.738000', '135307.738000', '135309.737000', '135311.738000', '135313.738000', '135315.738000', '135317.738000', '135319.738000', '135321.738000', '135323.738000', '135325.737000', '135327.737000', '135329.738000', '135331.738000', '135333.738000', '135335.738000', '135337.738000', '135339.750000', '135341.738000', '135343.737000', '135345.738000', '135347.738000', '135349.738000', '135351.738000', '135353.738000', '135355.738000', '135357.738000', '135359.738000', '135401.737000', '135403.738000', '135405.738000', '135407.738000', '135409.738000', '135411.738000', '135413.738000', '135415.738000', '135417.738000', '135419.737000', '135421.738000', '135423.738000', '135425.738000', '135427.738000', '135429.738000', '135431.738000', '135433.738000', '135435.737000', '135437.737000', '135439.738000', '135441.738000', '135443.738000', '135445.738000', '135447.738000', '135449.738000', '135451.738000', '135453.737000', '135455.738000', '135457.738000', '135459.738000', '135501.738000', '135503.738000', '135505.738000', '135507.738000', '135509.738000', '135511.737000', '135513.738000', '135515.738000', '135517.738000', '135519.738000', '135521.738000', '135523.738000', '135525.738000', '135527.738000', '135529.737000', '135531.738000', '135533.738000', '135535.738000', '135537.738000', '135539.738000', '135541.738000', '135543.738000', '135545.737000', '135547.737000', '135549.738000', '135551.738000', '135553.738000', '135555.738000', '135557.738000', '135559.738000', '135601.738000', '135603.737000', '135605.738000', '135607.738000', '135609.738000', '135611.738000', '135613.738000', '135615.738000', '135617.738000', '135619.738000', '135621.737000', '135623.738000', '135625.738000', '135627.738000', '135629.738000', '135631.307000'], 'InstanceCreationTime': ['135133.743000', '135135.738000', '135137.738000', '135139.738000', '135141.737000', '135143.738000', '135145.738000', '135147.738000', '135149.738000', '135151.738000', '135153.738000', '135155.738000', '135157.738000', '135159.737000', '135201.738000', '135203.738000', '135205.738000', '135207.738000', '135209.738000', '135211.738000', '135213.738000', '135215.751000', '135217.737000', '135219.738000', '135221.738000', '135223.738000', '135225.738000', '135227.738000', '135229.738000', '135231.738000', '135233.737000', '135235.738000', '135237.738000', '135239.738000', '135241.738000', '135243.738000', '135245.738000', '135247.738000', '135249.738000', '135251.737000', '135253.738000', '135255.738000', '135257.738000', '135259.738000', '135301.738000', '135303.738000', '135305.738000', '135307.738000', '135309.737000', '135311.738000', '135313.738000', '135315.738000', '135317.738000', '135319.738000', '135321.738000', '135323.738000', '135325.737000', '135327.737000', '135329.738000', '135331.738000', '135333.738000', '135335.738000', '135337.738000', '135339.750000', '135341.738000', '135343.737000', '135345.738000', '135347.738000', '135349.738000', '135351.738000', '135353.738000', '135355.738000', '135357.738000', '135359.738000', '135401.737000', '135403.738000', '135405.738000', '135407.738000', '135409.738000', '135411.738000', '135413.738000', '135415.738000', '135417.738000', '135419.737000', '135421.738000', '135423.738000', '135425.738000', '135427.738000', '135429.738000', '135431.738000', '135433.738000', '135435.737000', '135437.737000', '135439.738000', '135441.738000', '135443.738000', '135445.738000', '135447.738000', '135449.738000', '135451.738000', '135453.737000', '135455.738000', '135457.738000', '135459.738000', '135501.738000', '135503.738000', '135505.738000', '135507.738000', '135509.738000', '135511.737000', '135513.738000', '135515.738000', '135517.738000', '135519.738000', '135521.738000', '135523.738000', '135525.738000', '135527.738000', '135529.737000', '135531.738000', '135533.738000', '135535.738000', '135537.738000', '135539.738000', '135541.738000', '135543.738000', '135545.737000', '135547.737000', '135549.738000', '135551.738000', '135553.738000', '135555.738000', '135557.738000', '135559.738000', '135601.738000', '135603.737000', '135605.738000', '135607.738000', '135609.738000', '135611.738000', '135613.738000', '135615.738000', '135617.738000', '135619.738000', '135621.737000', '135623.738000', '135625.738000', '135627.738000', '135629.738000', '135631.307000'], '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], 'LargestImagePixelValue': [20104, 19945, 19489, 19572, 19748, 19796, 19685, 19629, 19737, 19926, 19827, 19760, 20277, 20450, 19720, 19911, 20214, 20359, 20630, 20098, 19742, 19630, 19684, 19783, 19748, 19816, 19288, 19537, 19625, 20031, 19386, 19407, 19446, 19437, 19509, 19243, 19859, 20058, 19542, 19474, 19976, 20013, 20000, 20035, 19915, 19809, 19770, 19836, 19396, 19516, 19656, 19593, 19535, 19593, 19587, 19336, 19191, 19360, 19485, 19683, 19727, 19438, 19802, 19543, 19799, 19055, 19338, 19890, 19744, 20509, 19611, 19619, 20099, 19872, 19774, 19569, 19586, 19489, 19405, 19860, 19814, 19563, 19664, 19705, 19565, 19458, 19442, 19477, 19639, 19642, 19623, 19381, 19544, 19383, 20563, 20141, 19695, 20002, 19711, 19625, 19428, 19711, 19903, 19710, 19785, 19458, 19542, 19419, 19610, 19628, 19728, 19750, 19674, 20046, 19950, 19747, 19690, 19845, 19825, 19563, 19668, 19926, 19987, 19920, 19880, 20076, 19880, 19726, 19776, 20172, 20146, 19702, 19438, 19691, 19887, 19798, 20079, 20114, 20173, 20317, 20268, 20205, 20557, 20067, 20203, 20034, 19840, 20111, 19746, 20002], 'TriggerTime': [11677.5, 13677.5, 15677.5, 17677.5, 19677.5, 21677.5, 23677.5, 25677.5, 27677.5, 29677.5, 31677.5, 33677.5, 35677.5, 37677.5, 39677.5, 41677.5, 43677.5, 45677.5, 47677.5, 49677.5, 51677.5, 53677.5, 55677.5, 57677.5, 59677.5, 61677.5, 63677.5, 65677.5, 67677.5, 69677.5, 71677.5, 73677.5, 75677.5, 77677.5, 79677.5, 81677.5, 83677.5, 85677.5, 87677.5, 89677.5, 91677.5, 93677.5, 95677.5, 97677.5, 99677.5, 101678.0, 103678.0, 105678.0, 107678.0, 109678.0, 111678.0, 113678.0, 115678.0, 117678.0, 119678.0, 121678.0, 123678.0, 125678.0, 127678.0, 129678.0, 131678.0, 133678.0, 135678.0, 137678.0, 139678.0, 141678.0, 143678.0, 145678.0, 147678.0, 149678.0, 151678.0, 153678.0, 155678.0, 157678.0, 159678.0, 161678.0, 163678.0, 165678.0, 167678.0, 169678.0, 171678.0, 173678.0, 175678.0, 177678.0, 179678.0, 181678.0, 183678.0, 185678.0, 187678.0, 189678.0, 191678.0, 193678.0, 195678.0, 197678.0, 199678.0, 201678.0, 203678.0, 205678.0, 207678.0, 209678.0, 211678.0, 213678.0, 215678.0, 217678.0, 219678.0, 221678.0, 223678.0, 225678.0, 227678.0, 229678.0, 231678.0, 233678.0, 235678.0, 237678.0, 239678.0, 241678.0, 243678.0, 245678.0, 247678.0, 249678.0, 251678.0, 253678.0, 255678.0, 257678.0, 259678.0, 261678.0, 263678.0, 265678.0, 267678.0, 269678.0, 271678.0, 273678.0, 275678.0, 277678.0, 279678.0, 281678.0, 283678.0, 285678.0, 287678.0, 289678.0, 291678.0, 293678.0, 295678.0, 297678.0, 299678.0, 301678.0, 303678.0, 305678.0, 307678.0, 309678.0], 'WindowCenter': [7547.0, 7527.0, 7519.0, 7518.0, 7546.0, 7528.0, 7501.0, 7515.0, 7525.0, 7495.0, 7505.0, 7517.0, 7514.0, 7509.0, 7482.0, 7503.0, 7522.0, 7529.0, 7552.0, 7533.0, 7515.0, 7507.0, 7516.0, 7516.0, 7493.0, 7482.0, 7477.0, 7481.0, 7495.0, 7523.0, 7530.0, 7517.0, 7517.0, 7516.0, 7531.0, 7512.0, 7528.0, 7544.0, 7495.0, 7506.0, 7527.0, 7543.0, 7552.0, 7542.0, 7535.0, 7525.0, 7501.0, 7511.0, 7503.0, 7507.0, 7496.0, 7498.0, 7509.0, 7506.0, 7495.0, 7468.0, 7487.0, 7497.0, 7507.0, 7524.0, 7527.0, 7507.0, 7505.0, 7507.0, 7515.0, 7486.0, 7514.0, 7528.0, 7517.0, 7552.0, 7530.0, 7517.0, 7527.0, 7530.0, 7526.0, 7504.0, 7508.0, 7496.0, 7518.0, 7537.0, 7529.0, 7497.0, 7471.0, 7480.0, 7503.0, 7528.0, 7529.0, 7527.0, 7519.0, 7526.0, 7508.0, 7506.0, 7520.0, 7525.0, 7531.0, 7523.0, 7514.0, 7555.0, 7539.0, 7510.0, 7498.0, 7495.0, 7505.0, 7516.0, 7513.0, 7508.0, 7509.0, 7494.0, 7496.0, 7509.0, 7527.0, 7528.0, 7510.0, 7504.0, 7516.0, 7540.0, 7509.0, 7496.0, 7518.0, 7533.0, 7523.0, 7519.0, 7529.0, 7541.0, 7539.0, 7567.0, 7552.0, 7548.0, 7549.0, 7539.0, 7537.0, 7529.0, 7530.0, 7537.0, 7527.0, 7508.0, 7536.0, 7548.0, 7547.0, 7526.0, 7515.0, 7516.0, 7546.0, 7559.0, 7538.0, 7526.0, 7518.0, 7545.0, 7542.0, 7547.0], 'WindowWidth': [16042.0, 16004.0, 15997.0, 15998.0, 16044.0, 16007.0, 15950.0, 15984.0, 16004.0, 15946.0, 15971.0, 15987.0, 15977.0, 15962.0, 15919.0, 15962.0, 15993.0, 16005.0, 16054.0, 16018.0, 15986.0, 15973.0, 15986.0, 15983.0, 15934.0, 15916.0, 15913.0, 15914.0, 15944.0, 15992.0, 16017.0, 15989.0, 15990.0, 15989.0, 16022.0, 15986.0, 16011.0, 16029.0, 15942.0, 15970.0, 16009.0, 16034.0, 16051.0, 16035.0, 16024.0, 16002.0, 15952.0, 15972.0, 15962.0, 15971.0, 15948.0, 15955.0, 15980.0, 15969.0, 15942.0, 15899.0, 15932.0, 15954.0, 15973.0, 16001.0, 16007.0, 15971.0, 15964.0, 15969.0, 15980.0, 15932.0, 15990.0, 16007.0, 15988.0, 16046.0, 16016.0, 15992.0, 16007.0, 16019.0, 16003.0, 15959.0, 15973.0, 15948.0, 15996.0, 16031.0, 16017.0, 15951.0, 15896.0, 15914.0, 15963.0, 16019.0, 16019.0, 16009.0, 15996.0, 16004.0, 15975.0, 15968.0, 15999.0, 16005.0, 16008.0, 15996.0, 15980.0, 16057.0, 16033.0, 15977.0, 15956.0, 15943.0, 15968.0, 15987.0, 15976.0, 15973.0, 15976.0, 15942.0, 15950.0, 15979.0, 16013.0, 16012.0, 15981.0, 15960.0, 15989.0, 16038.0, 15976.0, 15947.0, 15994.0, 16026.0, 16007.0, 15996.0, 16018.0, 16043.0, 16039.0, 16087.0, 16064.0, 16056.0, 16053.0, 16032.0, 16026.0, 16017.0, 16017.0, 16029.0, 16008.0, 15975.0, 16025.0, 16051.0, 16044.0, 16003.0, 15982.0, 15987.0, 16043.0, 16070.0, 16028.0, 16004.0, 15995.0, 16039.0, 16042.0, 16041.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.0023233999999999998</td></tr>
<tr><td colspan=3>aqi</td><td>0.009071291399999999</td></tr>
<tr><td colspan=3>dummy_trs</td><td>0</td></tr>
<tr><td>dvars</td><td colspan=2>nstd</td><td>48.94398295013423</td></tr>
<tr><td>dvars</td><td colspan=2>std</td><td>1.269478356979866</td></tr>
<tr><td>dvars</td><td colspan=2>vstd</td><td>1.024953199194631</td></tr>
<tr><td colspan=3>efc</td><td>0.5707</td></tr>
<tr><td colspan=3>fber</td><td>419.8226</td></tr>
<tr><td>fd</td><td colspan=2>mean</td><td>0.21495793760552295</td></tr>
<tr><td>fd</td><td colspan=2>num</td><td>62</td></tr>
<tr><td>fd</td><td colspan=2>perc</td><td>41.333333333333336</td></tr>
<tr><td>fwhm</td><td colspan=2>avg</td><td>3.546753333333333</td></tr>
<tr><td>fwhm</td><td colspan=2>x</td><td>3.361955</td></tr>
<tr><td>fwhm</td><td colspan=2>y</td><td>3.73594</td></tr>
<tr><td>fwhm</td><td colspan=2>z</td><td>3.542365</td></tr>
<tr><td colspan=3>gcor</td><td>0.00568061</td></tr>
<tr><td>gsr</td><td colspan=2>x</td><td>0.00942421704530716</td></tr>
<tr><td>gsr</td><td colspan=2>y</td><td>0.048164766281843185</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>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>75</td></tr>
<tr><td colspan=3>snr</td><td>2.1446082575049807</td></tr>
<tr><td>spacing</td><td colspan=2>tr</td><td>2.0</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>27.012</td></tr>
<tr><td>summary</td><td>bg</td><td>mad</td><td>133.0092</td></tr>
<tr><td>summary</td><td>bg</td><td>mean</td><td>633.9325</td></tr>
<tr><td>summary</td><td>bg</td><td>median</td><td>287.0</td></tr>
<tr><td>summary</td><td>bg</td><td>n</td><td>496629.0</td></tr>
<tr><td>summary</td><td>bg</td><td>p05</td><td>181.0</td></tr>
<tr><td>summary</td><td>bg</td><td>p95</td><td>2323.0</td></tr>
<tr><td>summary</td><td>bg</td><td>stdv</td><td>916.5849</td></tr>
<tr><td>summary</td><td>fg</td><td>k</td><td>0.2158</td></tr>
<tr><td>summary</td><td>fg</td><td>mad</td><td>2620.9048</td></tr>
<tr><td>summary</td><td>fg</td><td>mean</td><td>6240.679</td></tr>
<tr><td>summary</td><td>fg</td><td>median</td><td>5888.0</td></tr>
<tr><td>summary</td><td>fg</td><td>n</td><td>194571.0</td></tr>
<tr><td>summary</td><td>fg</td><td>p05</td><td>2151.0</td></tr>
<tr><td>summary</td><td>fg</td><td>p95</td><td>11227.0</td></tr>
<tr><td>summary</td><td>fg</td><td>stdv</td><td>2745.4827</td></tr>
<tr><td colspan=3>tsnr</td><td>38.941542487591505</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>