beenull/raspap-webgui-mirror
1
0
Fork 0
mirror of https://github.com/RaspAP/raspap-webgui.git synced 2024-11-22 07:30:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

Standardize UI elements

Browse source
This commit is contained in:
billz 2017-11-04 20:24:23 +00:00
parent f6cfd65a55
commit d38ae7f334
1 changed files with 95 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
includes/networking.php Executable file → Normal file
View file

@ -20,12 +20,12 @@ function DisplayNetworkingConfig(){
?>
<div class="row">
<div class="col-md-12">
<div class="col-lg-12">
<div class="panel panel-primary">
<div class="panel panel-heading">
<i class="fa fa-sitemap fa-fw"></i> Configure Networking
</div>
<div class="panel panel-body">
<div class="panel-body">
<div id="msgNetworking"></div>
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#summary" aria-controls="summary" role="tab" data-toggle="tab">Summary</a></li>
@ -37,30 +37,34 @@ function DisplayNetworkingConfig(){
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="summary">
Current Settings:<br />
<h4>Current Settings</h4>
<div class="row">
<?php
foreach($interfaces as $interface) {
echo '<div class="row">
<div class="col-md-6">
<div class="panel panel-primary">
echo '<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">'.$interface.'</div>
<div class="panel-body" id="'.$interface.'-summary">
</div>
</div>
<div class="panel-body" id="'.$interface.'-summary"></div>
</div>
</div>';
}
?>
<a href="#" class="btn btn-success btn-lg" id="btnSummaryRefresh"><i class="fa fa-refresh"></i> Refresh</a>
</div>
</div><!-- /.row -->
<div class="col-lg-12">
<div class="row">
<a href="#" class="btn btn-outline btn-primary" id="btnSummaryRefresh"><i class="fa fa-refresh"></i> Refresh</a>
</div><!-- /.row -->
</div><!-- /.col-lg-12 -->
</div><!-- /.tab-pane -->
<?php
foreach($interfaces as $interface) {
echo '<div role="tabpanel" class="tab-pane" id="'.$interface.'">
echo '
<div role="tabpanel" class="tab-pane fade in" id="'.$interface.'">
<div class="row">
<div class="col-lg-6">
<form id="frm-'.$interface.'">
<div class="form-group">
<h4>Adapter IP Address Settings:</h4>
<h4>Adapter IP Address Settings</h4>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input type="radio" name="'.$interface.'-addresstype" id="'.$interface.'-dhcp" autocomplete="off">DHCP
@ -68,8 +72,8 @@ function DisplayNetworkingConfig(){
<label class="btn btn-primary">
<input type="radio" name="'.$interface.'-addresstype" id="'.$interface.'-static" autocomplete="off">Static IP
</label>
</div>
<h4>Enable Fallback to Static Option:</h4>
</div><!-- /.btn-group -->
<h4>Enable Fallback to Static Option</h4>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input type="radio" name="'.$interface.'-dhcpfailover" id="'.$interface.'-failover" autocomplete="off">Enabled
@ -77,8 +81,8 @@ function DisplayNetworkingConfig(){
<label class="btn btn-warning">
<input type="radio" name="'.$interface.'-dhcpfailover" id="'.$interface.'-nofailover" autocomplete="off">Disabled
</label>
</div>
</div>
</div><!-- /.btn-group -->
</div><!-- /.form-group -->
<hr />
<h4>Static IP Options</h4>
<div class="form-group">
@ -101,21 +105,20 @@ function DisplayNetworkingConfig(){
<label for="'.$interface.'-dnssvralt">Alternate DNS Server</label>
<input type="text" class="form-control" id="'.$interface.'-dnssvralt" placeholder="0.0.0.0">
</div>
<a href="#" class="btn btn-primary btn-lg active intsave" data-int="'.$interface.'">Save Settings</a>
<a href="#" class="btn btn-success btn-lg active intapply" data-int="'.$interface.'">Apply Settings</a>
<a href="#" class="btn btn-outline btn-primary intsave" data-int="'.$interface.'">Save Settings</a>
<a href="#" class="btn btn-warning intapply" data-int="'.$interface.'">Apply Settings</a>
</form>
</div>
</div>
</div><!-- /.tab-panel -->
</div>';
}
?>
</div><!-- /.tab-content -->
</div><!-- /.panel-body -->
<div class="panel-footer">Information provided by /sys/class/net</div>
</div><!-- /.panel-primary -->
</div><!-- /.col-lg-12 -->
</div>
</div>
</div>
</div>
</div>
<?php
}