Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-18 09:04:35 +01:00
Code Issues Releases Activity

dashboard updates

Browse Source
This commit is contained in:
Razi KAntorp 2014-02-23 15:51:52 +01:00
parent b406ed79bb
commit 32ae1b23f7
3 changed files with 36 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -49,7 +49,7 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-default" style="min-height:320px"> <div class="panel panel-default dashboard" style="min-height:320px">
<div class="panel-heading" style="background-color:#0b4d78"> <div class="panel-heading" style="background-color:#0b4d78">
<h3 class="panel-title in-bold-white"> <h3 class="panel-title in-bold-white">
<i class="glyphicon glyphicon-exclamation-sign"></i> Notifications <i class="glyphicon glyphicon-exclamation-sign"></i> Notifications
@ -66,14 +66,14 @@
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-default" style="min-height:320px"> <div class="panel panel-default dashboard" style="min-height:320px">
<div class="panel-heading" style="background-color:#e37329"> <div class="panel-heading" style="background-color:#e37329">
<h3 class="panel-title in-bold-white"> <h3 class="panel-title in-bold-white">
<i class="glyphicon glyphicon-time"></i> Invoices Past Due <i class="glyphicon glyphicon-time"></i> Invoices Past Due
</h3> </h3>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<table class="table"> <table class="table table-striped">
<thead> <thead>
<th>Invoice #</th> <th>Invoice #</th>
<th>Client</th> <th>Client</th>
@ -98,14 +98,14 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="panel panel-default" style="min-height:320px"> <div class="panel panel-default dashboard" style="min-height:320px">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title"> <h3 class="panel-title">
<i class="glyphicon glyphicon-time"></i> Upcoming invoices <i class="glyphicon glyphicon-time"></i> Upcoming invoices
</h3> </h3>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<table class="table"> <table class="table table-striped">
<thead> <thead>
<th>Invoice #</th> <th>Invoice #</th>
<th>Client</th> <th>Client</th>
@ -126,15 +126,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-3">
<div class="col-md-6 active-clients"> <div class="active-clients">
<div class="in-bold in-white" style="font-size:42px">{{ $activeClients }}</div> <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 class="in-thin in-white">{{ Utils::pluralize('active client', $activeClients) }}</div>
</div> </div>
<div class="col-md-6 average-invoice"> </div>
<div class="col-md-3">
<div class="average-invoice">
<div><b>Average invoice</b></div> <div><b>Average invoice</b></div>
<div class="in-bold in-white" style="font-size:42px">{{ $invoiceAvg }}</div> <div class="in-bold in-white" style="font-size:42px">{{ $invoiceAvg }}</div>
</div> </div>
</div> </div>
</div> </div>

8
app/views/header.blade.php
View File

@ -210,7 +210,7 @@
<h4 class="modal-title" id="myModalLabel">Sign up</h4> <h4 class="modal-title" id="myModalLabel">Sign up</h4>
</div> </div>
<div style="background-color: #EEEEEE; padding-right:20px" id="signUpDiv" onkeyup="validateSignUp()" onkeydown="checkForEnter(event)"> <div style="background-color: #fff; padding-right:20px" id="signUpDiv" onkeyup="validateSignUp()" onkeydown="checkForEnter(event)">
<br/> <br/>
{{ Former::open('signup/submit')->addClass('signUpForm') }} {{ Former::open('signup/submit')->addClass('signUpForm') }}
@ -239,7 +239,7 @@
</div> </div>
</div> </div>
<div style="background-color: #EEEEEE; padding-right:20px;padding-left:20px; display:none" id="signUpSuccessDiv"> <div style="background-color: #fff; padding-right:20px;padding-left:20px; display:none" id="signUpSuccessDiv">
<br/> <br/>
<h3>Success</h3> <h3>Success</h3>
You have succesfully registered. Please visit the link in the account confirmation email to verify your email address. You have succesfully registered. Please visit the link in the account confirmation email to verify your email address.
@ -248,8 +248,8 @@
<div class="modal-footer" id="signUpFooter" style="margin-top: 0px"> <div class="modal-footer" id="signUpFooter" style="margin-top: 0px">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close <i class="glyphicon glyphicon-remove-circle"></i></button>
<button type="button" class="btn btn-primary" id="saveSignUpButton" onclick="validateServerSignUp()">Save</button> <button type="button" class="btn btn-primary" id="saveSignUpButton" onclick="validateServerSignUp()">Save <i class="glyphicon glyphicon-floppy-disk"></i></button>
</div> </div>
</div> </div>
</div> </div>

23
public/css/style.css
View File

@ -377,7 +377,7 @@ background-clip: padding-box;
.in-thin { .in-thin {
font-size: 26px; font-size: 26px;
color: #888; font-weight: 100;
} }
.in-bold-white { .in-bold-white {
@ -386,7 +386,7 @@ background-clip: padding-box;
} }
.in-image { .in-image {
float:left;padding-right:16px; float:left;padding-right:25px;
} }
.in-white { .in-white {
@ -414,6 +414,25 @@ background-clip: padding-box;
.invoice-table tbody { .invoice-table tbody {
border-style: none !important; border-style: none !important;
} }
.panel-body {padding: 25px;}
.dashboard .panel-body {padding: 0;}
.dashboard .table-striped>tbody>tr>td, .table-striped>tbody>tr>th { background-color: #fbfbfb;}
.dashboard .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background-color: #fff;
}
.dashboard th {
border-left: none;
background-color: #fbfbfb;
border-bottom: 1px solid #dfe0e1;
}
.dashboard table.table thead > tr > th {
border-bottom-width: 1px;
}
.dashboard .table-striped>tbody>tr>td:first-child { padding-left: 15px; }
.dashboard .table-striped>thead>tr>th:first-child { padding-left: 15px; }
/*********************************************** /***********************************************
New/edit invoice page New/edit invoice page