Stacked horizontal cards

This commit is contained in:
billz 2019-10-15 18:28:34 +01:00
parent d264a888bc
commit b025048771

View file

@ -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 -->