QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 14:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: invoice, estimate and receipt printing.

Browse Source
This commit is contained in:
a.bouhuolia
2021-08-17 10:47:04 +02:00
parent 70939c5741
commit 160b8b6a1b
50 changed files with 3607 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
server/resources/scss/modules/estimate.scss Normal file
View File

@@ -0,0 +1,141 @@
@import "../layouts/paper-layout.scss";
.estimate{
text-align: left;
padding: 45px;
&__header{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
.organization{
.title{
margin: 0 0 10px;
}
}
.paper{
.title{
font-weight: 400;
text-transform: uppercase;
margin: 0 0 6px;
font-size: 26px;
}
}
}
&__meta{
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
&-item{
flex: 0 1 25%;
padding-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1.6rem;
margin-bottom: 20px;
display: flex;
flex-direction: column;
.value{
color: #000;
}
.label{
color: #555;
margin-bottom: 2px;
}
&--amount{
flex: 0 1 50%;
.value{
font-weight: bold;
font-size: 20px;
}
}
&--billed-to{
flex: 0 1 50%;
}
}
}
&__table {
display: flex;
flex-direction: column;
margin-bottom: 60px;
table {
font-size: 15px;
color: #000;
border-top: 2px solid #000;
text-align: left;
thead th,
tbody tr td {
margin-bottom: 15px;
background: transparent;
}
thead{
tr {
color: #000;
}
}
thead th {
font-size: 16px;
font-weight: 400;
border-bottom: none;
padding: 10px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
}
}
tbody tr td {
font-size: 15px;
padding: 10px;
border-bottom: 1px solid #cecbcb;
&:first-child{
padding-left: 0;
}
&::last-child{
padding-right: 0;
}
}
thead tr th{
&.item{
width: 45%;
}
&.rate{
width: 18%;
}
&.quantity{
width: 16%;
}
&.total{
width: 21%;
}
}
}
}
&__conditions{
&__title{
color: #666;
}
}
}

147
server/resources/scss/modules/invoice.scss Normal file
View File

@@ -0,0 +1,147 @@
@import "../layouts/paper-layout.scss";
.invoice{
text-align: left;
padding: 45px;
&__header{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
.organization{
.title{
margin: 0 0 10px;
}
}
.paper{
.title{
font-weight: 400;
text-transform: uppercase;
margin: 0 0 6px;
font-size: 26px;
}
}
}
&__meta{
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
&-item{
flex: 0 1 25%;
padding-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1.6rem;
margin-bottom: 20px;
display: flex;
flex-direction: column;
.value{
color: #000;
}
.label{
color: #555;
margin-bottom: 2px;
}
&--amount{
flex: 0 1 50%;
.value{
font-weight: bold;
font-size: 20px;
}
}
&--billed-to{
flex: 0 1 50%;
}
}
}
&__table {
display: flex;
flex-direction: column;
margin-bottom: 60px;
table {
font-size: 15px;
color: #000;
text-align: left;
thead th,
tbody tr td {
margin-bottom: 15px;
background: transparent;
}
thead{
tr {
color: #000;
th{
border-top: 2px solid #000;
}
}
}
thead th {
font-size: 16px;
font-weight: 400;
border-bottom: none;
padding: 10px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
}
}
tbody tr td {
font-size: 15px;
padding: 10px;
border-bottom: 1px solid #cecbcb;
&:first-child{
padding-left: 0;
}
&::last-child{
padding-right: 0;
}
}
thead tr th{
&.item{
width: 45%;
}
&.rate{
width: 18%;
}
&.quantity{
width: 16%;
}
&.total{
width: 21%;
}
}
.description{
font-size: 14px;
color: #666;
}
}
}
&__conditions{
&__title{
color: #666;
}
}
}

140
server/resources/scss/modules/receipt.scss Normal file
View File

@@ -0,0 +1,140 @@
@import "../layouts/paper-layout.scss";
.receipt{
text-align: left;
padding: 45px;
&__header{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 60px;
.organization{
.title{
margin: 0 0 10px;
}
}
.paper{
.title{
font-weight: 400;
text-transform: uppercase;
margin: 0 0 6px;
font-size: 26px;
}
}
}
&__meta{
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
&-item{
flex: 0 1 25%;
padding-right: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1.6rem;
margin-bottom: 20px;
display: flex;
flex-direction: column;
.value{
color: #000;
}
.label{
color: #555;
margin-bottom: 2px;
}
&--amount{
flex: 0 1 50%;
.value{
font-weight: bold;
font-size: 20px;
}
}
&--billed-to{
flex: 0 1 50%;
}
}
}
&__table {
display: flex;
flex-direction: column;
margin-bottom: 60px;
table {
font-size: 15px;
color: #000;
border-top: 2px solid #000;
text-align: left;
thead th,
tbody tr td {
margin-bottom: 15px;
background: transparent;
}
thead{
tr {
color: #000;
}
}
thead th {
font-size: 16px;
font-weight: 400;
border-bottom: none;
padding: 10px;
&:first-child{
padding-left: 0;
}
&:last-child{
padding-right: 0;
}
}
tbody tr td {
font-size: 15px;
padding: 10px;
border-bottom: 1px solid #cecbcb;
&:first-child{
padding-left: 0;
}
&::last-child{
padding-right: 0;
}
}
thead tr th{
&.item{
width: 45%;
}
&.rate{
width: 18%;
}
&.quantity{
width: 16%;
}
&.total{
width: 21%;
}
}
}
}
&__conditions{
&__title{
color: #666;
}
}
}