mirror of
https://github.com/billz/raspap-webgui.git
synced 2023-10-10 13:37:24 +02:00
Stacked horizontal cards
This commit is contained in:
parent
d264a888bc
commit
b025048771
@ -3,16 +3,20 @@
|
|||||||
<p class="text-center"><?php echo _('Click "Rescan" to search for nearby Wifi stations.') ?></p>
|
<p class="text-center"><?php echo _('Click "Rescan" to search for nearby Wifi stations.') ?></p>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
<?php $index = 0; ?>
|
<?php $index = 0; ?>
|
||||||
<div class="">
|
<div class="row ml-1 mr-1">
|
||||||
|
|
||||||
<?php foreach ($networks as $ssid => $network) : ?>
|
<?php foreach ($networks as $ssid => $network) : ?>
|
||||||
<div class="card mb-3">
|
<div class="col-sm-6 align-items-stretch mb-3">
|
||||||
|
<div class="card h-100">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<input type="hidden" name="ssid<?php echo $index ?>" value="<?php echo htmlentities($ssid, ENT_QUOTES) ?>" />
|
<input type="hidden" name="ssid<?php echo $index ?>" value="<?php echo htmlentities($ssid, ENT_QUOTES) ?>" />
|
||||||
|
<?php if (strlen($ssid) == 0) {
|
||||||
|
$ssid = "(unknown)";
|
||||||
|
} ?>
|
||||||
<h5 class="card-title"><?php echo htmlspecialchars($ssid, ENT_QUOTES); ?></h5>
|
<h5 class="card-title"><?php echo htmlspecialchars($ssid, ENT_QUOTES); ?></h5>
|
||||||
|
|
||||||
<div class="info-item">Status</div>
|
<div class="info-item-wifi">Status</div>
|
||||||
<div>
|
<div>
|
||||||
<?php if ($network['configured']) { ?>
|
<?php if ($network['configured']) { ?>
|
||||||
<i class="fas fa-check-circle"></i>
|
<i class="fas fa-check-circle"></i>
|
||||||
@ -25,7 +29,7 @@
|
|||||||
} ?>
|
} ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info-item">Channel</div>
|
<div class="info-item-wifi">Channel</div>
|
||||||
<div>
|
<div>
|
||||||
<?php if ($network['visible']) { ?>
|
<?php if ($network['visible']) { ?>
|
||||||
<?php echo htmlspecialchars($network['channel'], ENT_QUOTES) ?>
|
<?php echo htmlspecialchars($network['channel'], ENT_QUOTES) ?>
|
||||||
@ -34,7 +38,7 @@
|
|||||||
<?php } ?>
|
<?php } ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info-item">RSSI</div>
|
<div class="info-item-wifi">RSSI</div>
|
||||||
<div>
|
<div>
|
||||||
<?php echo htmlspecialchars($network['RSSI'], ENT_QUOTES);
|
<?php echo htmlspecialchars($network['RSSI'], ENT_QUOTES);
|
||||||
echo "dB (";
|
echo "dB (";
|
||||||
@ -54,11 +58,11 @@
|
|||||||
<?php } ?>
|
<?php } ?>
|
||||||
<input type="hidden" name="protocol<?php echo $index ?>" value="<?php echo htmlspecialchars($network['protocol'], ENT_QUOTES); ?>" />
|
<input type="hidden" name="protocol<?php echo $index ?>" value="<?php echo htmlspecialchars($network['protocol'], ENT_QUOTES); ?>" />
|
||||||
|
|
||||||
<div class="info-item">Security</div>
|
<div class="info-item-wifi">Security</div>
|
||||||
<div><?php echo $network['protocol'] ?></div>
|
<div><?php echo $network['protocol'] ?></div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="info-item">Passphrase</div>
|
<div class="info-item-wifi">Passphrase</div>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<?php if ($network['protocol'] === 'Open') { ?>
|
<?php if ($network['protocol'] === 'Open') { ?>
|
||||||
<input type="password" disabled class="form-control" aria-describedby="passphrase" name="passphrase<?php echo $index ?>" value="" />
|
<input type="password" disabled class="form-control" aria-describedby="passphrase" name="passphrase<?php echo $index ?>" value="" />
|
||||||
@ -82,7 +86,7 @@
|
|||||||
</div><!-- /.btn-group -->
|
</div><!-- /.btn-group -->
|
||||||
</div><!-- /.card-body -->
|
</div><!-- /.card-body -->
|
||||||
</div><!-- /.card -->
|
</div><!-- /.card -->
|
||||||
|
</div><!-- /.col-sm -->
|
||||||
<?php $index += 1; ?>
|
<?php $index += 1; ?>
|
||||||
<?php endforeach ?>
|
<?php endforeach ?>
|
||||||
</div><!-- /.card-deck -->
|
</div><!-- /.card-deck -->
|
||||||
|
Loading…
Reference in New Issue
Block a user