| Server IP : 173.209.174.21 / Your IP : 216.73.216.89 Web Server : Apache/2.4.58 (Ubuntu) System : Linux wcfs-server 6.8.0-124-generic #124-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 13:00:45 UTC 2026 x86_64 User : nodor ( 1000) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/wcfs/pest/api/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WSDA Pesticide Records</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main class="app-shell">
<section class="workspace" aria-label="Pesticide record editor">
<header class="topbar">
<div>
<p class="eyebrow">WSDA</p>
<h1>Pesticide Application Record</h1>
</div>
<div class="actions">
<button id="newRecord" class="icon-button" type="button" title="New record" aria-label="New record">+</button>
<button id="saveRecord" class="primary-button" type="button">Save</button>
<button id="printRecord" class="secondary-button" type="button">Print</button>
</div>
</header>
<div class="layout">
<aside class="record-list" aria-label="Saved records">
<div class="list-head">
<h2>Records</h2>
<button id="deleteRecord" class="danger-button" type="button">Delete</button>
</div>
<label class="search-label">Search records
<input id="recordSearch" type="search" placeholder="Name, site, date, product">
</label>
<p id="storageStatus" class="storage-status">Opening database...</p>
<div id="records" class="records"></div>
</aside>
<form id="recordForm" class="record-form">
<section class="form-section">
<div class="section-row">
<h2>Customer / Site Owner</h2>
<button id="saveCustomer" class="secondary-button small" type="button">Save Customer</button>
</div>
<div class="grid two">
<label>Select Saved Customer
<input id="customerPicker" type="text" list="savedCustomers" autocomplete="off" placeholder="Start typing customer name">
<datalist id="savedCustomers"></datalist>
</label>
<label>Select Saved Site / Address
<select id="customerSitePicker">
<option value="">Select after choosing customer</option>
</select>
</label>
<label>Name
<input name="customerName" type="text" autocomplete="name">
</label>
<label>Firm
<input name="customerFirm" type="text" autocomplete="organization">
</label>
<label>Street Address
<input name="customerStreet" type="text" autocomplete="street-address">
</label>
<label>City
<input name="customerCity" type="text" autocomplete="address-level2">
</label>
<label>State
<input name="customerState" type="text" maxlength="2" autocomplete="address-level1">
</label>
<label>Zip
<input name="customerZip" type="text" autocomplete="postal-code">
</label>
</div>
</section>
<section class="form-section">
<h2>Application</h2>
<div class="grid two">
<label>Record Name
<input name="recordName" type="text" placeholder="Optional nickname for this record">
</label>
<label>Date
<input name="applicationDate" type="date" required>
</label>
<label>Application Method / Type
<select name="method">
<option value="Ground">Ground</option>
<option value="Air">Air</option>
<option value="Chemigation">Chemigation</option>
</select>
</label>
<label>Crop or Type of Site
<input name="siteType" type="text" autocomplete="off">
</label>
<label>Total Area Treated
<input name="areaTreated" type="text" placeholder="acre, sq ft, etc.">
</label>
<label>WSDA Permit
<input name="permitNumber" type="text" placeholder="No or permit number">
</label>
<label>Application Location
<input name="location" type="text" autocomplete="off">
</label>
</div>
</section>
<section class="form-section">
<h2>Licensed Applicator</h2>
<div class="grid two">
<label>Name
<input name="applicatorName" type="text" autocomplete="name">
</label>
<label>License Number
<input name="applicatorLicense" type="text">
</label>
<label>Firm
<input name="applicatorFirm" type="text" autocomplete="organization">
</label>
<label>Phone
<input name="applicatorPhone" type="tel" autocomplete="tel">
</label>
<label>Street Address
<input name="applicatorStreet" type="text" autocomplete="street-address">
</label>
<label>City / State / Zip
<input name="applicatorCityStateZip" type="text">
</label>
</div>
</section>
<section class="form-section">
<div class="section-row">
<h2>Pesticides</h2>
<button id="addPesticide" class="secondary-button small" type="button">Add</button>
</div>
<div id="pesticideRows" class="pesticide-rows"></div>
</section>
<section class="form-section">
<h2>Weather / Timing</h2>
<label class="checkbox-label">
<input id="weatherLookupEnabled" name="weatherLookupEnabled" type="checkbox" value="yes">
Auto-fill weather from GPS or ZIP
</label>
<div id="weatherLookupPanel" class="weather-lookup" hidden>
<div class="grid three">
<label>ZIP Code
<input id="weatherZip" name="weatherZip" type="text" inputmode="numeric" autocomplete="postal-code" placeholder="98501">
</label>
<label>Latitude
<input id="weatherLat" name="weatherLat" type="text" inputmode="decimal" placeholder="47.0379">
</label>
<label>Longitude
<input id="weatherLon" name="weatherLon" type="text" inputmode="decimal" placeholder="-122.9007">
</label>
</div>
<div class="weather-actions">
<button id="useGpsWeather" class="secondary-button small" type="button">Use GPS</button>
<button id="lookupWeather" class="primary-button small" type="button">Fill Weather</button>
</div>
<p id="weatherStatus" class="storage-status">Uses the application date and start time below.</p>
</div>
<div class="grid three">
<label>Start Time
<input name="startTime" type="time">
</label>
<label>End Time
<input name="endTime" type="time">
</label>
<label>Temperature
<input name="temperature" type="text" placeholder="degrees F">
</label>
<label>Wind Direction
<input name="windDirection" type="text">
</label>
<label>Wind Velocity
<input name="windVelocity" type="text" placeholder="mph">
</label>
<label>Equipment
<input name="equipment" type="text">
</label>
</div>
</section>
<section class="form-section">
<h2>Notes</h2>
<label class="wide">Additional Information
<textarea name="notes" rows="4"></textarea>
</label>
</section>
</form>
</div>
</section>
</main>
<section id="printSheet" class="print-sheet" aria-hidden="true"></section>
<template id="pesticideTemplate">
<div class="pesticide-card">
<div class="pesticide-card-head">
<strong>Pesticide</strong>
<button class="icon-button remove-pesticide" type="button" title="Remove pesticide" aria-label="Remove pesticide">x</button>
</div>
<div class="grid two">
<label>Full Product Name
<input data-field="productName" type="text" list="pesticideProducts" autocomplete="off">
</label>
<label>EPA Reg. No.
<input data-field="epaNumber" type="text">
</label>
<label>Total Amount Applied
<input data-field="totalAmount" type="text">
</label>
<label>Applied / Acre
<input data-field="rate" type="text">
</label>
<label>Concentration
<input data-field="concentration" type="text">
</label>
<label>Depth of Application
<input data-field="depth" type="text">
</label>
</div>
</div>
</template>
<datalist id="pesticideProducts"></datalist>
<script src="app.js"></script>
</body>
</html>