Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-08 12:12:48 +01:00
Code Issues Releases Activity

dashboard

Browse Source
This commit is contained in:
mindnervestech 2014-11-08 21:17:35 +05:30
parent 179113a996
commit 8321eeb0d3
9 changed files with 108 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/lang/en/texts.php
View File

@ -120,6 +120,10 @@ return array(
'billed_client' => 'billed client',
'billed_clients' => 'billed clients',
'active_client' => 'active client',
'total_outstading' => 'Total Outstading',
'caps_invoice' => 'INVOICE',
'accounts_aging' => 'ACCOUNTS AGING',
'account_dashboard' => 'Account Dashboard',
'active_clients' => 'active clients',
'invoices_past_due' => 'PAST DUE INVOICES',
'upcoming_invoices' => 'UPCOMING INVOICES',

187
app/views/dashboard.blade.php
View File

@ -10,53 +10,84 @@
function() {
$("#informationBox").niceScroll();
//$("#upComingDataScrolls").niceScroll();
$("#monthButton").onclick(function(){
$("#monthButton").removeClass('greyButton').addClass('blueButton');
$("#yearButton").removeClass('blueButton').addClass('greyButton');
$("#weekButton").removeClass('blueButton').addClass('greyButton');
});
$("#yearButton").onclick(function(){
$("#monthButton").removeClass('blueButton').addClass('greyButton');
$("#yearButton").removeClass('greyButton').addClass('blueButton');
$("#weekButton").removeClass('blueButton').addClass('greyButton');
});
$("#weekButton").onclick(function(){
$("#monthButton").removeClass('blueButton').addClass('greyButton');
$("#yearButton").removeClass('blueButton').addClass('greyButton');
$("#weekButton").removeClass('greyButton').addClass('blueButton');
});
});
</script>
<div class="row" style="background-image: url('../images/company_bg_img.png');height: 150px;background-position: center center;background-repeat: no-repeat;">
<div class="container" style="padding: 3%;">
<div class="col-md-6" style="margin-top: 2%;">
<span class="img-wrap" style="float: left;margin-top: 1%;" ><img src="{{ asset('images/account_dashboard_icon.png') }}"></span>
<span style="font-weight: bolder;font-size: 20px;"> {{ trans('texts.account_dashboard') }} </span>
</div>
<div class="col-md-6" style="">
<span class="img-wrap" ><img style="height: 80px;width: auto;float: right;" src="{{ asset('images/ring-orange.png') }}"></span>
</div>
</div>
</div>
@section('content')
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="{{ asset('images/totalincome.png') }}" class="in-image"/>
<div class="in-bold">
{{ $totalIncome }}
</div>
<div class="in-thin">
{{ trans('texts.in_total_revenue') }}
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="{{ asset('images/clients.png') }}" class="in-image"/>
<div class="in-bold">
{{ $billedClients }}
</div>
<div class="in-thin">
{{ Utils::pluralize('billed_client', $billedClients) }}
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="{{ asset('images/totalinvoices.png') }}" class="in-image"/>
<div class="in-bold">
{{ $invoicesSent }}
</div>
<div class="in-thin">
{{ Utils::pluralize('invoice', $invoicesSent) }} {{ trans('texts.sent') }}
</div>
</div>
</div>
</div>
<div class="row" style="background-color: #FFFFFF;">
<div class="col-md-3">
<div class="panel-default">
<div class="panel-body average-invoice" style="background-color: #FFFFFF;">
<span class="img-wrap" ><img src="{{ asset('images/avgl_invoice_icon.png') }}"></span>
<div class="black" ><span style="font-size:18px;">{{ trans('texts.total_outstading') }}</span></div>
<div class="black" ><span style="font-size:20px;">{{ trans('texts.caps_invoice') }}</span></div>
<div class="green" style="font-size:35px">{{ $totalIncome }}</div>
<div class="col-md-offset-0" style="color: #909090;">Across all clients</div>
</div>
</div>
</div>
<div class="col-md-9">
<div class="col-md-12" style="text-align: center;padding: 1%;border-left: 1px solid rgb(223, 221, 221);border-bottom: 1px solid rgb(223, 221, 221);">
{{trans('texts.accounts_aging')}}
</div>
<div>
<div class="col-md-4" style="border-left: 1px solid rgb(223, 221, 221);padding-bottom: 1%;">
<div class="panel-default" style="border: 0px solid transparent">
<div class="panel-body">
<img src="{{ asset('images/ring-orange.png') }}" class="in-image"/>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel-default" style="border: 0px solid transparent">
<div class="panel-body">
<img src="{{ asset('images/ring-blue.png') }}" class="in-image"/>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel-default" style="border: 0px solid transparent">
<div class="panel-body">
<img src="{{ asset('images/ring-green.png') }}" class="in-image"/>
</div>
</div>
</div>
</div>
</div>
</div>
@ -172,60 +203,6 @@
<div class="panel-body">
<table class="table table-striped">
<tbody>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
<tr>
<td class="tableTDBorder">ads</td>
<td class="tableTDBorder">sdfds</td>
<td class="tableTDBorder">sdf</td>
<td class="tableTDBorder">sdfs</td>
</tr>
@foreach ($pastDue as $invoice)
<tr>
<td class="tableTDBorder">{{ $invoice->client->getDisplayName() }}</td>
@ -244,20 +221,22 @@
<div class="col-md-3">
<div class="average-invoice" style="background-color: #FFFFFF;">
<span class="img-wrap col-md-offset-0"><img src="{{ asset('images/total_client_icon.png') }}"></span>
<div class="in-bold in-bold-black" style="font-size:16px;"><p style="margin-top: 10px;">{{ trans('texts.total_active_client') }}</p></div>
<div class="in-bold green" style="font-size:50px;">{{ $activeClients }}</div>
<!-- <div class="in-thin in-white green" style="font-size:42px;">{{ Utils::pluralize('active_client', $activeClients) }}</div> -->
<div class="black" style="font-size:16px;"><p style="margin-top: 10px;">{{ trans('texts.total_active_client') }}</p></div>
<div class="green" style="font-size:50px;">{{ $activeClients }}</div>
</div>
<!-- <div class="active-clients">
<div class="in-bold in-white" style="font-size:42px">{{ $activeClients }}</div>
<div class="in-thin in-white">{{ Utils::pluralize('active_client', $activeClients) }}</div>
</div> -->
</div>
<div class="col-md-3">
<div class="average-invoice" style="background-color: #FFFFFF;">
<span class="img-wrap col-md-offset-0"><img src="{{ asset('images/avgl_invoice_icon.png') }}"></span>
<div class="in-bold in-bold-black" style="font-size:16px;"><p style="margin-top: 10px;">{{ trans('texts.average_invoice') }}</p></div>
<div class="in-bold green" style="font-size:42px">{{ $invoiceAvg }}</div>
<div class="black" style="font-size:16px;"><p style="margin-top: 10px;">{{ trans('texts.average_invoice') }}</p></div>
<div class="green" style="font-size:42px">{{ $invoiceAvg }}</div>
<div class="col-md-offset-0" style="color: #909090;">Across all clients</div>
<div style="margin-top: 25%;">
<span id="monthButton" class="greyButton">Month </span>
<span id="yearButton" class="blueButton">Year </span>
<span id="weekButton" class="greyButton">Week </span>
</div>
</div>
</div>
</div>

21
public/css/customCss.css
View File

@ -116,3 +116,24 @@
width: 25%;
}
.blueButton{
background-image: url('../images/blue_bg_img.png');
background-repeat: no-repeat;
background-size: 100%;
width: 33%;
float: left;
font-weight: bold;
padding: 2.6%;
color: white;
}
.greyButton{
background-image: url('../images/gray_bg_img.png');
background-repeat: no-repeat;
background-size: 100%;
width: 32%;
float: left;
font-weight: bold;
padding: 2%;
margin-top: 1%;
}

BIN
public/images/blue_bg_img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/images/company_bg_img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/images/gray_bg_img.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/images/ring-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
public/images/ring-green.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
public/images/ring-orange.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB