mirror of
https://github.com/RaspAP/raspap-webgui.git
synced 2024-11-22 07:30:23 +00:00
Reorder inputs, QR client.conf WIP
This commit is contained in:
parent
0d2f02e3fb
commit
cd045a34b8
2 changed files with 35 additions and 30 deletions
|
@ -21,7 +21,7 @@
|
||||||
<div class="input-group col-md-12 mb-3">
|
<div class="input-group col-md-12 mb-3">
|
||||||
<input type="text" class="form-control" name="wg-server" id="wg-srvpubkey" value="<?php echo htmlspecialchars($wg_srvpubkey, ENT_QUOTES); ?>" />
|
<input type="text" class="form-control" name="wg-server" id="wg-srvpubkey" value="<?php echo htmlspecialchars($wg_srvpubkey, ENT_QUOTES); ?>" />
|
||||||
<div class="input-group-append">
|
<div class="input-group-append">
|
||||||
<button class="btn btn-sm btn-outline-secondary rounded-right wg-keygen" type="button"><?php echo _("Generate key"); ?></button>
|
<button class="btn btn-outline-secondary rounded-right wg-keygen" type="button"><i class="fas fa-magic"></i></button>
|
||||||
<span id="wg-server-pubkey-status" class="input-group-addon check-hidden ml-2 mt-1"><i class="fas fa-check"></i></span>
|
<span id="wg-server-pubkey-status" class="input-group-addon check-hidden ml-2 mt-1"><i class="fas fa-check"></i></span>
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" name="wg_srvprivkey" value="" />
|
<input type="hidden" name="wg_srvprivkey" value="" />
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
<!-- wireguard peers tab -->
|
<!-- wireguard peers tab -->
|
||||||
<div class="tab-pane fade" id="wgpeers">
|
<div class="tab-pane fade" id="wgpeers">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<h4 class="mt-3"><?php echo _("Peer"); ?></h4>
|
<h4 class="mt-3"><?php echo _("Peer"); ?></h4>
|
||||||
|
@ -13,42 +12,48 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-3 col-sm-6 mt-3">
|
<div class="col-xs-3 col-sm-6 mt-3">
|
||||||
<label for="code"><?php echo _("Peer public key"); ?></label>
|
<label for="code"><?php echo _("Peer public key"); ?></label>
|
||||||
|
</div>
|
||||||
|
<div class="input-group col-md-12">
|
||||||
|
<input type="text" class="form-control" name="wg-peer" id="wg-peerpubkey" value="<?php echo htmlspecialchars($wg_peerpubkey, ENT_QUOTES); ?>" />
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-outline-secondary rounded-right wg-keygen" type="button"><i class="fas fa-magic"></i></button>
|
||||||
|
<span id="wg-peer-pubkey-status" class="input-group-addon check-hidden ml-2 mt-1"><i class="fas fa-check"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group col-md-12">
|
|
||||||
<input type="text" class="form-control" name="wg-peer" id="wg-peerpubkey" value="<?php echo htmlspecialchars($wg_peerpubkey, ENT_QUOTES); ?>" />
|
<div class="row">
|
||||||
<div class="input-group-append">
|
<div class="form-group col-xs-3 col-sm-6 mt-3">
|
||||||
<button class="btn btn-sm btn-outline-secondary rounded-right wg-keygen" type="button"><?php echo _("Generate key"); ?></button>
|
<label for="code"><?php echo _("Endpoint address"); ?></label>
|
||||||
<span id="wg-peer-pubkey-status" class="input-group-addon check-hidden ml-2 mt-1"><i class="fas fa-check"></i></span>
|
<input type="text" class="form-control" name="wg_pendpoint" value="<?php echo htmlspecialchars($wg_pendpoint, ENT_QUOTES); ?>" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-3 col-sm-6">
|
||||||
|
<label for="code"><?php echo _("Allowed IPs"); ?></label>
|
||||||
|
<input type="text" class="form-control mb-3" name="wg_pallowedips" placeholder="0.0.0.0/0" value="<?php echo htmlspecialchars($wg_pallowedips, ENT_QUOTES); ?>" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-3 col-sm-6">
|
||||||
|
<label for="code"><?php echo _("Persistent keepalive"); ?></label>
|
||||||
|
<input type="text" class="form-control col-sm-3 mb-3" name="wg_pkeepalive" placeholder="25" value="<?php echo htmlspecialchars($wg_pkeepalive, ENT_QUOTES); ?>" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6 mt-5">
|
||||||
<div class="row">
|
<figure class="figure">
|
||||||
<div class="form-group col-xs-3 col-sm-6 mt-3">
|
<img src="app/img/wifi-qr-code.php" class="figure-img img-fluid" alt="RaspAP Wifi QR code" style="width:100%;">
|
||||||
<label for="code"><?php echo _("Endpoint address"); ?></label>
|
<figcaption class="figure-caption"><?php echo _("Scan this QR code with your client to connect to this RaspAP."); ?></figcaption>
|
||||||
<input type="text" class="form-control" name="wg_pendpoint" value="<?php echo htmlspecialchars($wg_pendpoint, ENT_QUOTES); ?>" />
|
</figure>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-3 col-sm-6">
|
|
||||||
<label for="code"><?php echo _("Allowed IPs"); ?></label>
|
|
||||||
<input type="text" class="form-control mb-3" name="wg_pallowedips" placeholder="0.0.0.0/0" value="<?php echo htmlspecialchars($wg_pallowedips, ENT_QUOTES); ?>" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-3 col-sm-6">
|
|
||||||
<label for="code"><?php echo _("Persistent keepalive"); ?></label>
|
|
||||||
<input type="text" class="form-control col-sm-3 mb-3" name="wg_pkeepalive" placeholder="25" value="<?php echo htmlspecialchars($wg_pkeepalive, ENT_QUOTES); ?>" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div><!-- /.row -->
|
</div><!-- /.row -->
|
||||||
</div><!-- /.tab-pane | peers tab -->
|
</div><!-- /.tab-pane | peers tab -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue