256 lines
12 KiB
HTML
256 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Bird Deterrent System</title>
|
|
<link rel="stylesheet" type="text/css" href="public/style/style.css">
|
|
<link rel="stylesheet" type="text/css" href="public/style/bootstrap.min.css">
|
|
<script src="public/js/bootstrap.bundle.min.js"></script>
|
|
<link rel="stylesheet" href="public/style/jquery.dataTables.min.css">
|
|
<script src="public/js/jquery-3.7.1.min.js"></script>
|
|
<script src="public/js/jquery.dataTables.min.js"></script>
|
|
<script src="public/js/all.min.js"></script>
|
|
<link rel="stylesheet" href="public/style/all.min.css">
|
|
<script src="setting.js"></script>
|
|
</head>
|
|
|
|
<body onload="onload()">
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark text-light container4">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand p-title" href="index.html">Bird Deterrent System</a>
|
|
|
|
<!-- Toggler/collapsible Button -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Collapsible Navbar -->
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item pad-menu">
|
|
<a class="nav-link" href="setting.html">Setting</a>
|
|
</li>
|
|
<li class="nav-item pad-menu">
|
|
<form action="/logout" method="get">
|
|
<button class="btn btn-outline-light" type="submit">Logout</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- SECTION 2 -->
|
|
<div class="container-fluid container-setting">
|
|
<div class="container">
|
|
<div class="card mt-5 card-shadow">
|
|
<div class="card-header bg-secondary text-light">
|
|
<h5 class="text-md-center">Audio Files</h5>
|
|
</div>
|
|
<div class="card-body bg-gray">
|
|
<form action="/setting/audiofile" method="post">
|
|
<!-- PRESET 1-->
|
|
<div class="row mt--2">
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<p>Preset 1</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<select id="preset1" class="form-control class100">
|
|
<option>Option 1</option>
|
|
<option>Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- PRESET 2-->
|
|
<div class="row mt-2">
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<p>Preset 2</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<select id="preset2" class="form-control class100">
|
|
<option>Option 1</option>
|
|
<option>Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- PRESET 3-->
|
|
<div class="row mt-2">
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<p>Preset 3</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<select id="preset3" class="form-control class100">
|
|
<option>Option 1</option>
|
|
<option>Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- PRESET 4-->
|
|
<div class="row mt-2">
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<p>Preset 4</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<select id="preset4" class="form-control class100">
|
|
<option>Option 1</option>
|
|
<option>Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- PRESET 5-->
|
|
<div class="row mt-2">
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<p>Preset 5</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">
|
|
<select id="preset5" class="form-control class100">
|
|
<option>Option 1</option>
|
|
<option>Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6"></div>
|
|
<div class="col-6">
|
|
<button id="save_audio" type="submit" class="btn btn-primary class100" onclick="save_audio()">SAVE</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mt-5 card-shadow">
|
|
<div class="card-header bg-secondary text-light">
|
|
<h5 class="text-center"> Upload Audio</h5>
|
|
</div>
|
|
<div class="card-body bg-gray">
|
|
<form action="/setting/uploadaudiofile" method="post" enctype="multipart/form-data">
|
|
<div class="row mt-2">
|
|
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
|
|
<p> Upload audio files</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-4 col-lg-4 col-xl-4">
|
|
<input class="form-control" type="file" name="file" title="Select Audio File">
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-2 col-lg-2 col-xl-2">
|
|
<button id="uploadd_file" type="submit" class="btn btn-dark class100">Upload</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card mt-5 card-shadow">
|
|
<div class="card-header bg-secondary text-light ">
|
|
<h5 class="text-center">Camera</h5>
|
|
</div>
|
|
<div class="card-body bg-gray">
|
|
<form action="/setting/camera" method="post">
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>IP Address</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<input id="setting_ip" class="form-control" title="IP Address">
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Port</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<input id="setting_port" class="form-control" title="Port">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Username</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<input id="setting_username" class="form-control" title="Username">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Password</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="input-group">
|
|
<input type="password" id="setting_password" class="form-control" title="Password">
|
|
<span class="input-group-text" onclick="cameraPassword()">
|
|
<i class="fa-solid fa-eye" id="icon_camera"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6"></div>
|
|
<div class="col-6">
|
|
<button id="save_camera" type="submit" class="btn btn-primary class100" onclick="save_camera()">SAVE</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mt-5 card-shadow">
|
|
<div class="card-header bg-secondary text-light">
|
|
<h5 class="text-center">Login</h5>
|
|
</div>
|
|
<div class="card-body bg-gray">
|
|
<form action="/setting/weblogin" method="post">
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Username</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<input id="login_username" class="form-control" title="Username">
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Password</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="input-group">
|
|
<input type="password" id="edit_password" class="form-control" title="Password">
|
|
<span class="input-group-text" onclick="showPassword()">
|
|
<i class="fa-solid fa-eye" id="icon_password"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6">
|
|
<p>Confirm Password</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="input-group">
|
|
<input type="password" id="confirm_password" class="form-control" title="Confirm Password">
|
|
<span class="input-group-text" onclick="showConfirm()">
|
|
<i class="fa-solid fa-eye" id="icon_confirm"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="col-6"></div>
|
|
<div class="col-6">
|
|
<button id="save_login" type="submit" class="btn btn-primary class100" onclick="save_login()">SAVE</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SECTION 3 -->
|
|
<div class="container-fluid footer1 outside">
|
|
<p>2024 Copyright © Galva Technologies. All rights reserved.</p>
|
|
</div>
|
|
</body>
|
|
</html> |