89 lines
15 KiB
PHP
89 lines
15 KiB
PHP
|
<section class="observation">
|
||
|
|
<form action="submit.php" method="post" enctype="multipart/form-data">
|
||
|
|
<div class="container row">
|
||
|
|
<div class="container column map">
|
||
|
|
<div id="map" style="height: 440px; border: 1px solid #AAA;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="container column metadata">
|
||
|
|
<label for="file">File*<span class="info">Audio File must be in wav format.</span></label>
|
||
|
|
<input type="file" name="file" value="file" required><br>
|
||
|
|
<label for="latlng">Coordinates*</label>
|
||
|
|
<input type="text" id="latlng" name="latlng" required>
|
||
|
|
<label for="spchoice">Species*</label><br>
|
||
|
|
<input type="radio" name="spchoice" value="species" id="spchoice" checked>
|
||
|
|
<label for="spchoice">Species identified</label>
|
||
|
|
<input type="text" name="species" value="<?= isset($_COOKIE['species']) ? $_COOKIE['species'] : "" ?>" id="species" placeholder="Enter a species..">
|
||
|
|
<br>
|
||
|
|
<span id="hint"></span>
|
||
|
|
<input type="radio" name="spchoice" value="unknown" id="spunknown">
|
||
|
|
<label for="spunknown">Identity unknown</label>
|
||
|
|
<br>
|
||
|
|
<label for="subspecies">Subspecies</label>
|
||
|
|
<input type="text" name="subspecies" value="<?= isset($_COOKIE['subspecies']) ? $_COOKIE['subspecies'] : "" ?>" placeholder="Enter a subspecies name.."><br>
|
||
|
|
<label for="recording-license">License*</label>
|
||
|
|
<select name="recording-license" id="recording-license">
|
||
|
|
<option value="CC-by-nc-sa-4.0" selected="">Creative Commons Attribution-NonCommercial-ShareAlike 4.0</option>
|
||
|
|
<option value="CC-by-nc-nd-4.0">Creative Commons Attribution-NonCommercial-NoDerivs 4.0</option>
|
||
|
|
<option value="CC-by-sa-4.0">Creative Commons Attribution-ShareAlike 4.0</option>
|
||
|
|
<option value="CC-by-nc-4.0">Creative Commons Attribution-NonCommercial 4.0</option>
|
||
|
|
<option value="CC-by-4.0">Creative Commons Attribution 4.0</option>
|
||
|
|
<option value="CC0">Creative Commons Public Domain Dedication 1.0</option>
|
||
|
|
</select>
|
||
|
|
<label for="name">Recordist Name*</label>
|
||
|
|
<input type="text" name="name" value="<?= isset($_COOKIE['name']) ? $_COOKIE['name'] : "" ?>" placeholder="Enter your name.." required><br>
|
||
|
|
<label for="loc-country">Country*</label>
|
||
|
|
<select name="loc-country" class="required valid" id="loc-country"><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Antarctica">Antarctica</option><option value="Antigua & Departments">Antigua & Departments</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia Herzegovina">Bosnia Herzegovina</option><option value="Botswana">Botswana</option><option value="Brazil">Brazil</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo (Brazzaville)">Congo (Brazzaville)</option><option value="Congo (Democratic Republic)">Congo (Democratic Republic)</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France" selected="">France</option><option value="French Guiana">French Guiana</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Greece">Greece</option><option value="Grenada">Grenada</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Honduras">Honduras</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</o
|
||
|
|
</select>
|
||
|
|
<label for="recording-date">Recording Date*</label>
|
||
|
|
<input id="recording-date" class="required" type="date" name="recording-date" placeholder="YYYY-MM-DD" value=""><br>
|
||
|
|
<label for="recording-time">Recording Time*</label>
|
||
|
|
<input id="recording-time" class="required" type="time" name="recording-time" placeholder="HH:MM" value=""><br>
|
||
|
|
<button type="button" class="collapsible">Optional Metadata</button>
|
||
|
|
<div class="content">
|
||
|
|
<label for="sound-type">Sound Types*</label><br>
|
||
|
|
<div class="container row">
|
||
|
|
<input name="sound-type-option[]" id="uncertain" type="checkbox" value="uncertain" checked><label for="song">uncertain</label>
|
||
|
|
<input name="sound-type-option[]" id="echolocation" type="checkbox" value="echolocation"><label for="echolocation">echolocation</label>
|
||
|
|
<input name="sound-type-option[]" id="buzz" type="checkbox" value="buzz"><label for="buzz">buzz</label>
|
||
|
|
<input name="sound-type-option[]" id="social-cry" type="checkbox" value="social-cry"><label for="social-cry">social cry</label>
|
||
|
|
<input name="sound-type-option[]" id="song" type="checkbox" value="song"><label for="song">song</label><br>
|
||
|
|
</div>
|
||
|
|
<label for="quality">Quality *</label><br>
|
||
|
|
<div class="container row">
|
||
|
|
<input type="radio" name="quality" value="0" id="quality-0" checked=""><label for="quality-0">Unrated</label>
|
||
|
|
<input type="radio" name="quality" value="1" id="quality-1"><label for="quality-1" class="tooltip" title="Loud and Clear">A</label>
|
||
|
|
<input type="radio" name="quality" value="2" id="quality-2"><label for="quality-2" class="tooltip" title="Clear, but bat a bit distant, or some interference with other sound sources">B</label>
|
||
|
|
<input type="radio" name="quality" value="3" id="quality-3"><label for="quality-3" class="tooltip" title="Moderately clear, or quite some interference">C</label>
|
||
|
|
<input type="radio" name="quality" value="4" id="quality-4"><label for="quality-4" class="tooltip" title="Faint recording, or much interference">D</label>
|
||
|
|
<input type="radio" name="quality" value="5" id="quality-5"><label for="quality-5" class="tooltip" title="Barely audible">E</label><br>
|
||
|
|
</div>
|
||
|
|
<label for="remarks">Remarks</label><br>
|
||
|
|
<textarea id="remarks" name="remarks"></textarea><br>
|
||
|
|
<label for="make">Recorder manufacturer</label><br>
|
||
|
|
<input type="text" name="make" id="make"><br>
|
||
|
|
<label for="model">Recorder model</label><br>
|
||
|
|
<input type="text" name="model" id="model"><br>
|
||
|
|
<label for="serial">Recorder Serial Number</label><br>
|
||
|
|
<input type="text" name="serial" id="serial"><br>
|
||
|
|
<label for="sample_rate">Samplerate (kHz)</label><br>
|
||
|
|
<input type="number" name="sample_rate" id="sample_rate" value="384"><br>
|
||
|
|
<label for="time_expansion">Time Expansion Factor</label><br>
|
||
|
|
<input type="number" name="time_expansion" id="time_expansion" value="10"><br>
|
||
|
|
</div>
|
||
|
|
<input type="submit" name="submit" value="submit">
|
||
|
|
<input type="reset" value="reset">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js'></script>
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
|
||
|
|
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
|
||
|
|
crossorigin=""/>
|
||
|
|
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
|
||
|
|
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
|
||
|
|
crossorigin=""></script>
|
||
|
|
<script src="scripts/map.js"></script>
|
||
|
|
<script src="scripts/ajax_species_suggestion.js"></script>
|