1
0
Fork 0

Main final design touches

merge-requests/3/head
Christiaan Goossens 7 years ago
parent 7f0e94d67a
commit ffaa72dda0

@ -45,10 +45,22 @@ ul.nv {
/** Index **/
.clickable {
cursor: pointer;
color: #333;
}
.clickable:hover {
background: #0094ff;
text-decoration: none;
color: #333;
}
.clickable:hover > div {
background: #eaeaea;
}
.big {
font-size: 24px;
color: #0094ff;
font-weight: 600;
}
/** Footer **/

@ -1,25 +1,19 @@
<?php include '__header.phtml'; ?>
<table class="table">
<tr>
<th>IBAN</th>
<th>Saldo</th>
<th>Rekeningtype</th>
<th>Rente</th>
</tr>
<?php
foreach ($rekeningen as $rekening) {
?>
<tr class="clickable" onclick="document.location.href = 'rekeningen/<?php echo $rekening['nr'] ?>'">
<td><?php echo $rekening['iban']; ?></td>
<td><?php echo "&euro;" . $rekening['saldo']; ?></td>
<td><?php echo $rekening['naam']; ?></td>
<td><?php echo $rekening['rente']; ?></td>
</tr>
<?php
<h2 class="page-header">Mijn rekeningen<a class="btn btn-default pull-right" href="overboeking" role="button">Nieuwe overboeking</a></h2>
}
?>
</table>
<?php
foreach ($rekeningen as $rekening) {
?>
<a class="clickable" onclick="document.location.href = 'rekeningen/<?php echo $rekening['nr'] ?>'"><div class="panel panel-default">
<div class="panel-body">
<h4><?php echo $rekening['naam']; ?><span class="pull-right big"><?php echo money_format('%(#1n', $rekening['saldo']); ?></span></h4>
<p><?php echo $rekening['iban']; ?></p>
</div>
</div></a>
<?php
}
?>
<?php include '__footer.phtml'; ?>

@ -14,13 +14,17 @@ if (!$rekening) {
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-6">
<div class="col-md-8">
IBAN/rekeningnummer<br/>
<h4><?php echo $rekening['iban']?></h4>
</div>
<div class="col-md-6">Saldo<br/>
<h4><?php echo money_format('%(#1n', $rekening['saldo']); ?></h4>
</div>
<div class="col-md-2">Rentetarief<br/>
<h4><?php echo $rekening['rente']; ?>%</h4>
</div>
<div class="col-md-2">Saldo<br/>
<h4><b><?php echo money_format('%(#1n', $rekening['saldo']); ?></b></h4>
</div>
</div>
</div>