layouts/task_layout.html

<!-- CONFIG_HASH: 665424ec4fdc81d3c734f0b6b4f06383_65a79ed4eec87762b2f1799b64702560 -->
<!-- Generated annotation layout file -->
<!-- This file was automatically generated based on the annotation schemes in your config -->
<!-- You can customize this file to modify the layout of your annotation interface -->
<!-- Changes to this file will be preserved across server restarts -->

<div class="annotation_schema">

    <form id="content_type" class="annotation-form radio shadcn-radio-container" action="javascript:void(0)" data-annotation-id="0" data-annotation-type="radio" data-schema-name="content_type" data-grid-columns="1">
        
        <fieldset schema="content_type">
            <legend class="shadcn-radio-title">What type of content is shown in this video?</legend>
            <div class="shadcn-radio-options">
    
            <div class="shadcn-radio-option">
                <input class="content_type shadcn-radio-input annotation-input"
                       type="radio"
                       id="content_type_animation_radio"
                       name="content_type"
                       value="animation"
                       selection_constraint="single"
                       schema="content_type"
                       label_name="animation"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="content_type_animation_radio" class="shadcn-radio-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Animated or CGI content">Animation</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="content_type shadcn-radio-input annotation-input"
                       type="radio"
                       id="content_type_nature_radio"
                       name="content_type"
                       value="nature"
                       selection_constraint="single"
                       schema="content_type"
                       label_name="nature"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="content_type_nature_radio" class="shadcn-radio-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Real nature/wildlife footage">Nature</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="content_type shadcn-radio-input annotation-input"
                       type="radio"
                       id="content_type_people_radio"
                       name="content_type"
                       value="people"
                       selection_constraint="single"
                       schema="content_type"
                       label_name="people"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="content_type_people_radio" class="shadcn-radio-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Human subjects">People</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="content_type shadcn-radio-input annotation-input"
                       type="radio"
                       id="content_type_other_radio"
                       name="content_type"
                       value="other"
                       selection_constraint="single"
                       schema="content_type"
                       label_name="other"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="content_type_other_radio" class="shadcn-radio-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Other content type">Other</label>
            </div>
        </div></fieldset></form>

    <form id="quality" class="annotation-form radio shadcn-radio-container" action="javascript:void(0)" data-annotation-id="1" data-annotation-type="radio" data-schema-name="quality" data-grid-columns="1">
        
        <fieldset schema="quality">
            <legend class="shadcn-radio-title">How would you rate the video quality?</legend>
            <div class="shadcn-radio-options">
    
            <div class="shadcn-radio-option">
                <input class="quality shadcn-radio-input annotation-input"
                       type="radio"
                       id="quality_excellent_radio"
                       name="quality"
                       value="excellent"
                       selection_constraint="single"
                       schema="quality"
                       label_name="excellent"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="quality_excellent_radio" class="shadcn-radio-label" >Excellent</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="quality shadcn-radio-input annotation-input"
                       type="radio"
                       id="quality_good_radio"
                       name="quality"
                       value="good"
                       selection_constraint="single"
                       schema="quality"
                       label_name="good"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="quality_good_radio" class="shadcn-radio-label" >Good</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="quality shadcn-radio-input annotation-input"
                       type="radio"
                       id="quality_fair_radio"
                       name="quality"
                       value="fair"
                       selection_constraint="single"
                       schema="quality"
                       label_name="fair"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="quality_fair_radio" class="shadcn-radio-label" >Fair</label>
            </div>
        
            <div class="shadcn-radio-option">
                <input class="quality shadcn-radio-input annotation-input"
                       type="radio"
                       id="quality_poor_radio"
                       name="quality"
                       value="poor"
                       selection_constraint="single"
                       schema="quality"
                       label_name="poor"
                       onclick="onlyOne(this);registerAnnotation(this);"
                       validation=""
                       >
                <label for="quality_poor_radio" class="shadcn-radio-label" >Poor</label>
            </div>
        </div></fieldset></form>

    <form id="elements" class="annotation-form multiselect shadcn-multiselect-container" action="javascript:void(0)" data-annotation-id="2" data-annotation-type="multiselect" data-schema-name="elements" data-grid-columns="1">
        
        <fieldset schema="elements">
            <legend class="shadcn-multiselect-title">What elements are visible? (Select all that apply)</legend>
    <div class="shadcn-multiselect-grid" style="grid-template-columns: repeat(1, 1fr);">
            <div class="shadcn-multiselect-item">
                <input class="elements shadcn-multiselect-checkbox annotation-input"
                       type="checkbox"
                       id="elements_animals_checkbox"
                       name="elements:::animals"
                       value="animals"
                       label_name="animals"
                       schema="elements"
                       onclick="whetherNone(this);registerAnnotation(this)"
                       validation="">
                <label for="elements_animals_checkbox"  schema="elements" class="shadcn-multiselect-label">
                    Animals 
                </label>
            </div>
        
            <div class="shadcn-multiselect-item">
                <input class="elements shadcn-multiselect-checkbox annotation-input"
                       type="checkbox"
                       id="elements_plants_checkbox"
                       name="elements:::plants"
                       value="plants"
                       label_name="plants"
                       schema="elements"
                       onclick="whetherNone(this);registerAnnotation(this)"
                       validation="">
                <label for="elements_plants_checkbox"  schema="elements" class="shadcn-multiselect-label">
                    Plants 
                </label>
            </div>
        
            <div class="shadcn-multiselect-item">
                <input class="elements shadcn-multiselect-checkbox annotation-input"
                       type="checkbox"
                       id="elements_water_checkbox"
                       name="elements:::water"
                       value="water"
                       label_name="water"
                       schema="elements"
                       onclick="whetherNone(this);registerAnnotation(this)"
                       validation="">
                <label for="elements_water_checkbox"  schema="elements" class="shadcn-multiselect-label">
                    Water 
                </label>
            </div>
        
            <div class="shadcn-multiselect-item">
                <input class="elements shadcn-multiselect-checkbox annotation-input"
                       type="checkbox"
                       id="elements_sky_checkbox"
                       name="elements:::sky"
                       value="sky"
                       label_name="sky"
                       schema="elements"
                       onclick="whetherNone(this);registerAnnotation(this)"
                       validation="">
                <label for="elements_sky_checkbox"  schema="elements" class="shadcn-multiselect-label">
                    Sky 
                </label>
            </div>
        </div></fieldset></form>

</div>