Мобильная версияКод: Выделить всё
body,
html {
height: 100%;
margin: 0;
font-family: Verdana,
Arial,
'Lucida Grande',
sans-serif;
font-size: 16px;
}
header,
footer {
background-color: lightblue;
}
main {
flex: 1;
}
footer {
margin-top: 20px;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
padding: 3px;
background-color: red;
}
.body {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.flex-table {
display: flex;
flex-direction: column;
flex: 1;
border: 1px solid #ccc;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-cell {
display: flex;
flex: 1;
flex-direction: column;
background-color: lightgrey;
padding: 6px;
border-right: 1px solid #ccc;
word-break: break-word;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.justify-center {
justify-content: center;
}
.flex-cell:last-child {
border-right: none;
}
.head-flex-container {
display: flex;
flex-direction: column;
width: 100%;
}
.head-flex-row {
display: flex;
width: 100%;
margin-bottom: 10px;
}
.head-flex-column {
flex: 1;
border: 1px solid black;
padding: 10px;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-5 {
flex: 5;
}
.flex-6 {
flex: 6;
}
.flex-7 {
flex: 7;
}
/* ------------------------ */
.grid {
display: grid;
grid-template-columns: repeat(10, 1fr);
border-top: 1px solid gray;
border-left: 1px solid gray;
}
.grid-column-1 {
grid-column: span 1;
}
.grid-column-2 {
grid-column: span 2;
}
.grid-column-3 {
grid-column: span 3;
}
.grid-column-4 {
grid-column: span 4;
}
.grid-column-5 {
grid-column: span 5;
}
.grid-column-10 {
grid-column: span 10;
}
.grid-column {
border-bottom: 1px solid gray;
border-right: 1px solid gray;
padding: 6px;
}
/* ------------------------ */
.ordini .flex-row.row-header {
border: 1px solid #ccc;
}
.ordini .flex-row:last-child {
flex: 1;
}Код: Выделить всё
{% if Logo.LogoPath != '' and Logo.LogoPath != null %}
[img]{{ Logo.LogoPath }}[/img]
{% else %}
[img]{% logo %}[/img]
{% endif %}
Recipient:[/b]
[b]
{{Quote.CrossId}}[/b]
[b]
{{Company.Address}}[/b]
[b]
{{Company.ZipCode}} - {{Company.City}} {{Company.Province}}[/b]
[b]
Riferim./Reference: {{Quote.Reference}}
Customer Sales Order n° {{Quote.Number}} of {{Quote.QuoteDate |
format_date, 'dd/MM/yyyy' }}
Delivery date:&npsp;{{Quote.ShipDate | format_date, ' d d / M M / y y y y ' < b r / > } } & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " g r i d - c o l u m n g r i d - c o l u m n - 1 " & g t ; P a g e 1 / 1 & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " g r i d - c o l u m n g r i d - c o l u m n - 3 " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - t a b l e " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > A c c o u n t : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > { { C o m p a n y . C o m p a n y C o d e } } < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > V A T N u m b e r : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > { { C o m p a n y . V a t I d } } < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > F i s c a l C o d e : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > { { C o m p a n y . T a x I d e n t i f i c a t i o n N u m b e r } } < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > P o r t : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > { { Q u o t e . P o r t o } } < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > I n v 1 : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > - < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > I n v 2 : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > - < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " g r i d - c o l u m n g r i d - c o l u m n - 2 " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - t a b l e " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > C a t e g . : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > - < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " & g t ; < b r / > P l a c e : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 4 " & g t ; < b r / > - < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " g r i d - c o l u m n g r i d - c o l u m n - 5 " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - t a b l e " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - r o w " & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 1 " & g t ; < b r / > P a y m e n t : < b r / > & l t ; / d i v & g t ; < b r / > & l t ; d i v c l a s s = " f l e x - c e l l f l e x - 2 " >
{{Company.PaymentModeId}}
{{Company.PaymentCodes}}
Bank:
{{Company.BankId}}
{{Company.Bank}}
Agent:
-
{{Company.FreeFields[9].Value}}
-
-
{{Company.CurrencyId}}
D/i type:
-
Preventivo
S.ord.Inv.:
-
-
Item
Description
UM
Quantity
Unity Price
Discount
VAT
Amount
Deliv.
{% for row in Quote.ErpRows %}
{{ row.ProductCode }}
{{ row.description }}
{{ row.UnitMeasure | empty_cell }}
{% if row.FooterDiscount != 0 %} {{ row.Qta | format_decimal, 2 |
empty_cell }} {% endif %}
{{ var_currency_symbol }} {{ row.UnitPrice | format_decimal, 2 |
empty_cell }}
{% if row.DiscountFormula != 0 %} {{ row.DiscountFormula |
format_decimal, 2 | empty_cell }} {% endif %}
{% if row.Tax != 0 %} {{ row.Tax | format_decimal, 0 | empty_cell }} {%
endif %}
{{ var_currency_symbol }} {{ row.Amount | format_decimal, 2 |
empty_cell }}
{{Quote.ShipDate | format_date, 'dd/MM/yyyy' }}
{% endfor %}
Note: {{Quote.Description | empty_cell }}
Delivery by:
{{Quote.ShippedBy | empty_cell }}
Mittente:
-
Carrier:
{{Quote.Carrier}}
% Discount:
{% if Quote.FooterDiscount != 0 %} {{ Quote.FooterDiscount | format_decimal, 2 |
empty_cell }} {% endif %}
Transport costs:
{{Quote.CurrencyShip | format_decimal, 2 | empty_cell }}
Total Goods:
{{Quote.SubTotal | format_decimal, 2 | empty_cell }}
Document Total:[/b][b]
{{Quote.GrandTotal | format_decimal, 2 | empty_cell }}[/b]
Подробнее здесь: https://stackoverflow.com/questions/783 ... -container
