second commit 20/01/2026

This commit is contained in:
2026-01-20 17:02:55 +07:00
parent 61f22936c7
commit 38f3fd54b7
15 changed files with 409 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,57 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}
.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
--bs-icon-size: 1rem;
}
.bs-icon-md {
--bs-icon-size: 1.5rem;
}
.bs-icon-lg {
--bs-icon-size: 2rem;
}
.bs-icon-xl {
--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
border-radius: 50%;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

2
html/assets/js/jquery-3.7.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

35
html/home.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FarmToAAS</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-body py-3">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><img class="img-fluid" width="80" height="80" src="assets/img/gtc%20icon%2080x80.png"></span><span>Farm To AAS</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link active" href="#">Overview</a></li>
<li class="nav-item"><a class="nav-link" href="#">Setting</a></li>
<li class="nav-item"><a class="nav-link" href="#">Log</a></li>
</ul><button class="btn btn-primary" type="button">Logout</button>
</div>
</div>
</nav>
<div class="row mb-3">
<div class="col ms-1 me-1"><label class="col-form-label w-100 h-100">FARM Status : N/A</label></div>
<div class="col ms-1 me-1"><label class="col-form-label w-100 h-100">AAS 1 Status : N/A</label></div>
<div class="col ms-1 me-1"><label class="col-form-label w-100 h-100">AAS 2 Status : N/A</label></div>
<div class="col ms-1 me-1"><label class="col-form-label w-100 h-100">AAS 3 Status : N/A</label></div>
</div>
<div class="row"></div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-3.7.1.min.js"></script>
</body>
</html>

50
html/log.html Normal file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FarmToAAS</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-body py-3">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><img class="img-fluid" width="80" height="80" src="assets/img/gtc%20icon%2080x80.png"></span><span>Farm To AAS</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link" href="#">Overview</a></li>
<li class="nav-item"><a class="nav-link" href="#">Setting</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Log</a></li>
</ul><button class="btn btn-primary" type="button">Logout</button>
</div>
</div>
</nav>
<div class="row mb-2">
<div class="col-2"><label class="col-form-label w-100 h-100 ms-1">Log Chooser</label></div>
<div class="col"><input class="form-control-lg" type="date"></div>
</div>
<div class="row mb-2">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th class="col-1">No</th>
<th class="col-2">Date</th>
<th class="col-2">Time</th>
<th class="col-2">Category</th>
<th>Message</th>
</tr>
</thead>
<tbody id="logtablebody">
<tr></tr>
</tbody>
</table>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-3.7.1.min.js"></script>
</body>
</html>

43
html/login.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FarmToAAS</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
</head>
<body>
<section class="position-relative py-4 py-xl-5">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Log in</h2>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-md-6 col-xl-4">
<div class="card mb-5">
<div class="card-body d-flex flex-column align-items-center">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary my-4 bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-person">
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664z"></path>
</svg></div>
<form class="text-center" method="post">
<div class="mb-3"><input class="form-control" type="text" name="username" placeholder="Username"></div>
<div class="mb-3"><input class="form-control" type="password" name="password" placeholder="Password"></div>
<div class="mb-3"><button class="btn btn-primary w-100 d-block" type="submit">Login</button></div>
<p class="text-muted">Forgot your password?</p>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-3.7.1.min.js"></script>
</body>
</html>

73
html/setting.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FarmToAAS</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-body py-3">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><img class="img-fluid" width="80" height="80" src="assets/img/gtc%20icon%2080x80.png"></span><span>Farm To AAS</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link" href="#">Overview</a></li>
<li class="nav-item"><a class="nav-link active" href="#">Setting</a></li>
<li class="nav-item"><a class="nav-link" href="#">Log</a></li>
</ul><button class="btn btn-primary" type="button">Logout</button>
</div>
</div>
</nav>
<div class="card mb-3">
<div class="card-body">
<h4 class="card-title">FARM Setting</h4>
<div class="col">
<div class="row mb-1">
<div class="col-3"><label class="col-form-label w-100 h-100">Broker URL</label></div>
<div class="col"><input class="w-100 h-100 ms-1 me-1" type="text" id="brokerurl" placeholder="Broker URL"></div>
</div>
<div class="row mb-1">
<div class="col-3"><label class="col-form-label w-100 h-100">Username</label></div>
<div class="col"><input class="w-100 h-100 ms-1 me-1" type="text" id="brokerusername" placeholder="Username"></div>
</div>
<div class="row mb-1">
<div class="col-3"><label class="col-form-label w-100 h-100">Password</label></div>
<div class="col"><input class="w-100 h-100 ms-1 me-1" type="password" id="brokerpassword" placeholder="Password"></div>
</div>
<div class="row mb-1">
<div class="col-3"><label class="col-form-label w-100 h-100">Queue Name</label></div>
<div class="col"><input class="w-100 h-100 ms-1 me-1" type="text" id="brokerqueue" placeholder="Queue Name"></div>
</div>
</div><button class="btn btn-primary btn-lg mt-2" id="savefarm" type="button">Save</button>
</div>
</div>
<div class="card mb-3">
<div class="card-body">
<h4 class="card-title">AAS Setting</h4>
<div class="col">
<div class="row mb-1">
<div class="col-6"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="AAS IP 1"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="DB Username"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="password" placeholder="DB Password"></div>
</div>
<div class="row mb-1">
<div class="col-6"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="AAS IP 2"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="DB Username"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="password" placeholder="DB Password"></div>
</div>
<div class="row mb-1">
<div class="col-6"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="AAS IP 3"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="text" placeholder="DB Username"></div>
<div class="col-3"><input class="w-100 h-100 ms-1 me-1" type="password" placeholder="DB Password"></div>
</div>
</div><button class="btn btn-primary btn-lg mt-2" id="saveaas" type="button">Save</button>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-3.7.1.min.js"></script>
</body>
</html>