commit 18/06/2025
This commit is contained in:
@@ -26,22 +26,89 @@
|
||||
</div>
|
||||
</nav>
|
||||
<div class="vstack">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Server</label></div>
|
||||
<div class="col-md-6"><input class="w-100 h-100" type="text"></div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">SMTP Setting</h4>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Server</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="smtpServer" placeholder="SMTP Server Address"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Port</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="smtpPort" placeholder="SMTP Port"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Username</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="smtpUsername" placeholder="SMTP Username"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Password</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="password" id="smtpPassword" placeholder="SMTP Password"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Use SSL ?</label></div>
|
||||
<div class="col-md-6"><input class="h-100" type="checkbox" id="smtpSSL"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Sender Address</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="smtpSenderAddress" placeholder="Sender Email Address"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Sender Name</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="smtpSenderName" placeholder="Sender Name"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Subject</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="smtpSubject" placeholder="Email Subject"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Port</label></div>
|
||||
<div class="col-md-6"><input class="w-100 h-100" type="text"></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">VX-3000 Setting</h4>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">VX-3000 IP</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="vx3kIP" placeholder="Default 192.168.14.1"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">VX-3000 Port</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="vx3kPort" placeholder="Default 50050 ~ 50053"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Username</label></div>
|
||||
<div class="col-md-6"><input class="w-100 h-100" type="text"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">SMTP Password</label></div>
|
||||
<div class="col-md-6"><input class="w-100 h-100" type="text"></div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">MQTT Setting</h4>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Broker Address</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="text" id="mqttBrokerIP" placeholder="Broker IP"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Broker Port</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="mqttPort" placeholder="Broker Port"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Username</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="mqttUsername" placeholder="for login to Broker"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Password</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="mqttPassword" placeholder="for login to Broker"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Client ID</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="mqttClientID" placeholder="Client ID"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6"><label class="col-form-label w-100 h-100">Topic</label></div>
|
||||
<div class="col-md-6"><input class="w-100 mt-1 mb-1" type="number" id="mqttTopic" placeholder="Topic"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
@@ -52,6 +119,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/connection.js"></script>
|
||||
<script src="assets/js/setting.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user