<commit_before><?php
    // change to the fullscreen layout
    $this->layout = 'fullscreencontent';

    // build some initialising JS
    $species_value = "null";
    if ($species !== null) {
        $species_value = json_encode($species);
    }
    $species_init_js =
            "var mapSpecies = " . $species_value . ";\n"
            . 'var mapToolBaseUrl = "http://www.hpc.jcu.edu.au/tdh-tools-2:80/Edgar/mapping/";';

    // add the init JS to our scripts content block
    $this->Html->scriptBlock($species_init_js, array('inline'=>false));

    // add the actual JS that makes the map work
    $this->Html->script('species_map', array('inline'=>false));
    $this->Html->script('species_panel_setup', array('inline'=>false));
    $this->Html->script('yearslider', array('inline'=>false));
    $this->Html->script('clustering_selector_setup', array('inline'=>false));
    $this->Html->script('tabpanel_setup', array('inline'=>false));
    $this->Html->script('toolspanel_setup', array('inline'=>false));
    $this->Html->script('vetting', array('inline'=>false));

    // the init stuff needs to go early
    $this->Html->script('init_setup', array('inline'=>false, 'block'=>'earlyscript'));

?>


<div id="debugpanel" class="opposite panel debugpanel">
</div>

<div id="toolspanel" class="side panel toolspanel">

    <div id="oldvets" class="tool">
        <h1>my previous vettings</h1>
        <div class="toolcontent">
            <form id="vetlist">
                list of old vets goes here
            </form>
        </div>
    </div>

    <div id="newvet" class="tool">
        <h1>new vetting</h1>
        <div class="toolcontent">
            <div id="newvet_control" class="newvet_control">
                <!-- <button id="newvet_draw_polygon_button" class="toggle draw_polygon" title="draw vetting polygons">&#9997; Draw Vetting Polygons</button> -->
                <button id="newvet_add_polygon_button" class="ui-state-default ui-corner-all non_toggle add_polygon" title="add new area"><span class="ui-icon ui-icon-circle-plus"></span>Add New Area</button>
                <button id="newvet_modify_polygon_button" class="ui-state-default ui-corner-all toggle modify_polygon" title="modify areas"><span class="ui-icon ui-icon-pencil"></span>Modify An Area</button>
                <button id="newvet_clear_polygon_button" class="ui-state-default ui-corner-all non_toggle clear_polygon" title="clear areas"><span class="ui-icon ui-icon-trash"></span>Clear All Areas</button>
            </div>
            <!-- new vet form -->
            <form id="vetform">
                <legend>Classification
                    <select id="vetclassification" name="classification">
                        <option value="" selected=true>-- classify these areas --</option>
                        <option value="unknown">unknown</option>
                        <option value="invalid">invalid</option>
                        <option value="historic">historic</option>
                        <option value="vagrant">vagrant</option>
                        <option value="irruptive">irruptive</option>
                        <option value="non-breeding">non-breeding</option>
                        <option value="breeding">breeding</option>
                        <option value="introduced breeding">introduced breeding</option>
                    </select>
                </legend>
                <legend>Comment
                    <textarea id="vetcomment" name="comment"></textarea>
                </legend>
                <button id="vet_submit" class='ui-state-default ui-corner-all' title='save vetting'><span class="ui-icon ui-icon-disk"></span>Save this vetting</button>
            </form>

            <div id="vethint" class="hint"></div>
        </div>
    </div>

    <div class="tool">
        <h1>showing on the map</h1>
        <div id="layerstool" class="toolcontent"></div>
    </div>

    <div class="tool">
        <h1>some tool</h1>
        <div class="toolcontent">
            tool content goes here
        </div>
    </div>

    <div class="tool legend startclosed">
        <h1>suitability legend</h1>
        <div class="toolcontent">
            <img id='map_legend_img' style='display:none;' src='' alt='map_legend'/>
        </div>
    </div>


    <div class="tool">
        <h1>emissions and time</h1>
        <div class="toolcontent">
            <!-- the check box will probably be removed when this is working properly -->
            <input id="use_emission_and_year" type="checkbox" /><commit_msg>moved form submit button outside form. fixed style issue.<commit_after><?php
    // change to the fullscreen layout
    $this->layout = 'fullscreencontent';

    // build some initialising JS
    $species_value = "null";
    if ($species !== null) {
        $species_value = json_encode($species);
    }
    $species_init_js =
            "var mapSpecies = " . $species_value . ";\n"
            . 'var mapToolBaseUrl = "http://www.hpc.jcu.edu.au/tdh-tools-2:80/Edgar/mapping/";';

    // add the init JS to our scripts content block
    $this->Html->scriptBlock($species_init_js, array('inline'=>false));

    // add the actual JS that makes the map work
    $this->Html->script('species_map', array('inline'=>false));
    $this->Html->script('species_panel_setup', array('inline'=>false));
    $this->Html->script('yearslider', array('inline'=>false));
    $this->Html->script('clustering_selector_setup', array('inline'=>false));
    $this->Html->script('tabpanel_setup', array('inline'=>false));
    $this->Html->script('toolspanel_setup', array('inline'=>false));
    $this->Html->script('vetting', array('inline'=>false));

    // the init stuff needs to go early
    $this->Html->script('init_setup', array('inline'=>false, 'block'=>'earlyscript'));

?>


<div id="debugpanel" class="opposite panel debugpanel">
</div>

<div id="toolspanel" class="side panel toolspanel">

    <div id="oldvets" class="tool">
        <h1>my previous vettings</h1>
        <div class="toolcontent">
            <form id="vetlist">
                list of old vets goes here
            </form>
        </div>
    </div>

    <div id="newvet" class="tool">
        <h1>new vetting</h1>
        <div class="toolcontent">
            <div id="newvet_control" class="newvet_control">
                <!-- <button id="newvet_draw_polygon_button" class="toggle draw_polygon" title="draw vetting polygons">&#9997; Draw Vetting Polygons</button> -->
                <button id="newvet_add_polygon_button" class="ui-state-default ui-corner-all non_toggle add_polygon" title="add new area"><span class="ui-icon ui-icon-circle-plus"></span>Add New Area</button>
                <button id="newvet_modify_polygon_button" class="ui-state-default ui-corner-all toggle modify_polygon" title="modify areas"><span class="ui-icon ui-icon-pencil"></span>Modify An Area</button>
                <button id="newvet_clear_polygon_button" class="ui-state-default ui-corner-all non_toggle clear_polygon" title="clear areas"><span class="ui-icon ui-icon-trash"></span>Clear All Areas</button>
            </div>
            <!-- new vet form -->
            <form id="vetform">
                <legend>Classification
                    <select id="vetclassification" name="classification">
                        <option value="" selected=true>-- classify these areas --</option>
                        <option value="unknown">unknown</option>
                        <option value="invalid">invalid</option>
                        <option value="historic">historic</option>
                        <option value="vagrant">vagrant</option>
                        <option value="irruptive">irruptive</option>
                        <option value="non-breeding">non-breeding</option>
                        <option value="breeding">breeding</option>
                        <option value="introduced breeding">introduced breeding</option>
                    </select>
                </legend>
                <legend>Comment
                    <textarea id="vetcomment" name="comment"></textarea>
                </legend>
            </form>
            <button id="vet_submit" class='ui-state-default ui-corner-all' title='save vetting'><span class="ui-icon ui-icon-disk"></span>Save this vetting</button>

            <div id="vethint" class="hint"></div>
        </div>
    </div>

    <div class="tool">
        <h1>showing on the map</h1>
        <div id="layerstool" class="toolcontent"></div>
    </div>

    <div class="tool">
        <h1>some tool</h1>
        <div class="toolcontent">
            tool content goes here
        </div>
    </div>

    <div class="tool legend startclosed">
        <h1>suitability legend</h1>
        <div class="toolcontent">
            <img id='map_legend_img' style='display:none;' src='' alt='map_legend'/>
        </div>
    </div>


    <div class="tool">
        <h1>emissions and time</h1>
        <div class="toolcontent">
            <!-- the check box will probably be removed when this is working properly -->
            <input id="use_emission_and_year" type="checkbox" />
{'fraction_non_alphanumeric': 0.15601134627972943, 'fraction_numerical': 0.0041457560549858176, 'mean_word_length': 2.4815799468287123, 'pattern_counts': {'":': 0, '<': 193, '<?xml version=': 0, '>': 251, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3307882', 'n_tokens_mistral': 2726, 'n_tokens_neox': 2581, 'n_words': 558}