IntenseFinance/firefly-iii
3
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-02-25 18:45:27 -06:00
Code Issues Packages Projects Releases Wiki Activity

Layout update.

Browse Source
This commit is contained in:
James Cole 2015-03-03 09:15:28 +01:00
parent fa344d5308
commit 0439599971
1 changed files with 50 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
resources/views/piggy-banks/index.blade.php
View File

@ -8,9 +8,9 @@
</p> </p>
</div> </div>
</div> </div>
@foreach($piggyBanks as $piggyBank)
<div class="row"> <div class="row">
<div class="col-lg-12 col-md-12 col-sm-12"> @foreach($piggyBanks as $piggyBank)
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-fw fa-rocket"></i> <a href="{{route('piggy-banks.show',$piggyBank->id)}}" title="{{{$piggyBank->name}}}">{{{$piggyBank->name}}}</a> <i class="fa fa-fw fa-rocket"></i> <a href="{{route('piggy-banks.show',$piggyBank->id)}}" title="{{{$piggyBank->name}}}">{{{$piggyBank->name}}}</a>
@ -32,28 +32,12 @@
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="row"> <div class="row">
<!-- One block --> <!-- One block (remove money) -->
<div class="col-lg-1 col-md-4 col-sm-4 col-xs-4"> <div class="col-lg-2 col-md-2 col-sm-4 col-xs-4">
<div class="btn-group btn-group-xs"> <a href="{{route('piggy-banks.removeMoney',$piggyBank->id)}}" class="btn btn-default btn-xs removeMoney" data-id="{{{$piggyBank->id}}}"><span data-id="{{{$piggyBank->id}}}" class="glyphicon glyphicon-minus"></span></a>
@if($piggyBank->leftToSave > 0)
<a href="{{route('piggy-banks.addMoney',$piggyBank->id)}}" class="btn btn-default addMoney" data-id="{{{$piggyBank->id}}}"><span data-id="{{{$piggyBank->id}}}" class="glyphicon glyphicon-plus"></span></a>
@endif
<a href="{{route('piggy-banks.removeMoney',$piggyBank->id)}}" class="btn btn-default removeMoney" data-id="{{{$piggyBank->id}}}"><span data-id="{{{$piggyBank->id}}}" class="glyphicon glyphicon-minus"></span></a>
</div> </div>
</div> <!-- Some blocks (bar) -->
<!-- One block --> <div class="col-lg-8 col-md-8 col-sm-4 col-xs-4">
<div class="col-lg-1 col-md-4 col-sm-4 col-xs-4">
<div class="btn-group btn-group-xs">
<a href="{{route('piggy-banks.edit',$piggyBank->id)}}" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></a>
<a href="{{route('piggy-banks.delete',$piggyBank->id)}}" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span></a>
</div>
</div>
<!-- One block -->
<div class="col-lg-1 col-md-4 col-sm-4 col-xs-4">
{!! Amount::format($piggyBank->savedSoFar,true) !!}
</div>
<!-- One block -->
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
<div class="progress progress-striped"> <div class="progress progress-striped">
<div <div
@if($piggyBank->percentage == 100) @if($piggyBank->percentage == 100)
@ -66,22 +50,55 @@
</div> </div>
</div> </div>
</div> </div>
<!-- One block -->
<div class="col-lg-1 col-md-6 col-sm-6 col-xs-6">
{!! Amount::format($piggyBank->targetamount,true) !!} <!-- One block (add money) -->
<div class="col-lg-2 col-md-2 col-sm-4 col-xs-4">
@if($piggyBank->leftToSave > 0)
<a href="{{route('piggy-banks.addMoney',$piggyBank->id)}}" class="btn btn-default btn-xs addMoney" data-id="{{{$piggyBank->id}}}"><span data-id="{{{$piggyBank->id}}}" class="glyphicon glyphicon-plus"></span></a>
@endif
</div> </div>
<!-- One block --> <!-- One block -->
<div class="col-lg-1 col-md-6 col-sm-6 col-xs-6"> <!-- <div class="col-lg-1 col-md-4 col-sm-4 col-xs-4">
{!! Amount::format($piggyBank->savedSoFar,true) !!}
</div> -->
<!-- One block -->
<!-- One block -->
<!-- <div class="col-lg-1 col-md-6 col-sm-6 col-xs-6">
{!! Amount::format($piggyBank->targetamount,true) !!}
</div> -->
<!-- One block -->
<!-- <div class="col-lg-1 col-md-6 col-sm-6 col-xs-6">
@if($piggyBank->leftToSave > 0) @if($piggyBank->leftToSave > 0)
{!! Amount::format($piggyBank->leftToSave) !!} {!! Amount::format($piggyBank->leftToSave) !!}
@endif @endif
</div> -->
</div>
<div class="row">
<div class="col-lg-4">
<span title="Saved so far">{!! Amount::format($piggyBank->savedSoFar,true) !!}</span>
</div>
<div class="col-lg-4">
<span title="Target amount">{!! Amount::format($piggyBank->targetamount,true) !!}</span>
</div>
<div class="col-lg-4">
@if($piggyBank->leftToSave > 0)
<span title="Left to save">{!! Amount::format($piggyBank->leftToSave) !!}</span>
@endif
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
@endforeach @endforeach
</div>
<div class="row"> <div class="row">
<div class="col-lg-12 col-md-12 col-sm-12"> <div class="col-lg-12 col-md-12 col-sm-12">
<p> <p>
@ -96,7 +113,6 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-fw fa-money"></i> Account status <i class="fa fa-fw fa-money"></i> Account status
</div> </div>
<div class="panel-body">
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>Account</th> <th>Account</th>
@ -119,7 +135,6 @@
</table> </table>
</div> </div>
</div> </div>
</div>
</div> </div>
<!-- this is the modal for the add/remove money routine: --> <!-- this is the modal for the add/remove money routine: -->