mirror of
https://github.com/frappe/erpnext.git
synced 2026-05-26 16:34:46 +00:00
style: format and display the address for improved visual clarity
This commit is contained in:
@@ -32,6 +32,7 @@
|
|||||||
}
|
}
|
||||||
.company-details {
|
.company-details {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
|
align-content: center;
|
||||||
}
|
}
|
||||||
.company-name {
|
.company-name {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -70,23 +71,11 @@
|
|||||||
<div class="company-name">
|
<div class="company-name">
|
||||||
{{ doc.company }}
|
{{ doc.company }}
|
||||||
</div>
|
</div>
|
||||||
{% set company_address = frappe.get_all(
|
{% if doc.company_address %}
|
||||||
"Dynamic Link",
|
{% set company_address_display = frappe.get_doc("Address", doc.company_address) %}
|
||||||
fields=["parent"],
|
{{ company_address_display.address_line1 or "" }}
|
||||||
filters={
|
{% if company_address_display.address_line2 %}{{ company_address_display.address_line2 }}{% endif %}<br>
|
||||||
"link_doctype": "Company",
|
{{ company_address_display.city or "" }} {{ company_address_display.state or "" }} {{ company_address_display.pincode or "" }} {{ company_address_display.country or "" }}<br>
|
||||||
"link_name": doc.company,
|
|
||||||
"parenttype": "Address"
|
|
||||||
},
|
|
||||||
limit=1
|
|
||||||
) %}
|
|
||||||
{% if company_address %}
|
|
||||||
{% set address = frappe.get_doc("Address", company_address[0].parent) %}
|
|
||||||
{{ address.address_line1 or "" }}<br>
|
|
||||||
{% if address.address_line2 %}
|
|
||||||
{{ address.address_line2 }}<br>
|
|
||||||
{% endif %}
|
|
||||||
{{ address.city or "" }} {{ address.state or "" }} {{ address.pincode or "" }} {{ address.country or "" }}
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|||||||
@@ -1,124 +1,122 @@
|
|||||||
<style>
|
<style>
|
||||||
.letter-head {
|
.letter-head {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
background: #F8F8F8;
|
background: #f8f8f8;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
.letterhead-container {
|
.letterhead-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.letterhead-container .other-details {
|
.letterhead-container .other-details {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
.logo-address{
|
.logo-address {
|
||||||
width: 65%;
|
width: 65%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo img {
|
.logo img {
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
border: 1px solid #EDEDED;
|
border: 1px solid #ededed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-name {
|
.company-name {
|
||||||
color: #171717;
|
color: #171717;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 23px;
|
line-height: 23px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.company-address {
|
.company-address {
|
||||||
color: #171717;
|
color: #171717;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-title {
|
.invoice-title {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-number {
|
.invoice-number {
|
||||||
color: #7C7C7C;
|
color: #7c7c7c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-title {
|
.contact-title {
|
||||||
color: #7C7C7C;
|
color: #7c7c7c;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-value {
|
.contact-value {
|
||||||
color: #171717;
|
color: #171717;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.letterhead-container td {
|
.letterhead-container td {
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<table class="letterhead-container">
|
<table class="letterhead-container">
|
||||||
<tbody><tr>
|
<tbody>
|
||||||
<td class="logo-address">
|
<tr>
|
||||||
{% set company_logo = frappe.db.get_value("Company", doc.company, "company_logo") %}
|
<td class="logo-address">
|
||||||
{% if company_logo %}
|
{% set company_logo = frappe.db.get_value("Company", doc.company, "company_logo") %} {% if
|
||||||
<div class="logo">
|
company_logo %}
|
||||||
<img src="{{ frappe.utils.get_url(company_logo) }}">
|
<div class="logo">
|
||||||
</div>
|
<img src="{{ frappe.utils.get_url(company_logo) }}" />
|
||||||
{% endif %}
|
</div>
|
||||||
<div class="company-name">{{ doc.company }}</div>
|
{% endif %}
|
||||||
<div class="company-address">
|
<div class="company-name">{{ doc.company }}</div>
|
||||||
{% set company_address = frappe.get_all(
|
<div class="company-address">
|
||||||
"Dynamic Link",
|
{% if doc.company_address %} {% set company_address_display = frappe.get_doc("Address",
|
||||||
fields=["parent"],
|
doc.company_address) %} {{ company_address_display.address_line1 or "" }} {% if
|
||||||
filters={
|
company_address_display.address_line2 %}{{ company_address_display.address_line2 }}<br />{%
|
||||||
"link_doctype": "Company",
|
endif %} {{ company_address_display.city or "" }} {{ company_address_display.state or ""
|
||||||
"link_name": doc.company,
|
}} {{ company_address_display.pincode or "" }} {{ company_address_display.country or ""
|
||||||
"parenttype": "Address"
|
}}<br />
|
||||||
},
|
{% endif %}
|
||||||
limit=1
|
</div>
|
||||||
) %}
|
</td>
|
||||||
{% if company_address %}
|
|
||||||
{% set address = frappe.get_doc("Address", company_address[0].parent) %}
|
|
||||||
{{ address.address_line1 or "" }}<br>
|
|
||||||
{% if address.address_line2 %}{{ address.address_line2 }}<br>{% endif %}
|
|
||||||
{{ address.city or "" }} {{ address.state or "" }} {{ address.pincode or "" }} {{ address.country or "" }}<br>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td style="vertical-align: top;">
|
<td style="vertical-align: top">
|
||||||
<div style="height: 90px; margin-bottom: 10px; text-align: right;">
|
<div style="height: 90px; margin-bottom: 10px; text-align: right">
|
||||||
<div class="invoice-title">{{ _("Sales Invoice") }}</div>
|
<div class="invoice-title">{{ _("Sales Invoice") }}</div>
|
||||||
<div class="invoice-number">{{ doc.name }}</div>
|
<div class="invoice-number">{{ doc.name }}</div>
|
||||||
<br>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: left; float: right;" class="other-details">
|
<div style="text-align: left; float: right" class="other-details">
|
||||||
{% set website = frappe.db.get_value("Company", doc.company, "website") %}
|
{% set website = frappe.db.get_value("Company", doc.company, "website") %} {% set email =
|
||||||
{% set email = frappe.db.get_value("Company", doc.company, "email") %}
|
frappe.db.get_value("Company", doc.company, "email") %} {% set phone_no =
|
||||||
{% set phone_no = frappe.db.get_value("Company", doc.company, "phone_no") %}
|
frappe.db.get_value("Company", doc.company, "phone_no") %} {% if website %}
|
||||||
|
<div>
|
||||||
{% if website %}
|
<span class="contact-title">{{ _("Website:") }}</span
|
||||||
<div><span class="contact-title">{{ _("Website:") }}</span><span class="contact-value">{{ website }}</span></div>
|
><span class="contact-value">{{ website }}</span>
|
||||||
{% endif %}
|
</div>
|
||||||
{% if email %}
|
{% endif %} {% if email %}
|
||||||
<div><span class="contact-title">{{ _("Email:") }}</span><span class="contact-value">{{ email }}</span></div>
|
<div>
|
||||||
{% endif %}
|
<span class="contact-title">{{ _("Email:") }}</span
|
||||||
{% if phone_no %}
|
><span class="contact-value">{{ email }}</span>
|
||||||
<div><span class="contact-title">{{ _("Contact:") }}</span><span class="contact-value">{{ phone_no }}</span></div>
|
</div>
|
||||||
{% endif %}
|
{% endif %} {% if phone_no %}
|
||||||
</div>
|
<div>
|
||||||
</td>
|
<span class="contact-title">{{ _("Contact:") }}</span
|
||||||
</tr>
|
><span class="contact-value">{{ phone_no }}</span>
|
||||||
</tbody></table>
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|||||||
@@ -172,7 +172,15 @@ print_heading_template=None) -%}
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-xs-7">
|
<div class="col-xs-7">
|
||||||
<div class="info-text">{{ doc.customer_name }}</div>
|
<div class="info-text">{{ doc.customer_name }}</div>
|
||||||
<div class="info-text">{{ doc.address_display or "" }}</div>
|
<div class="info-text">
|
||||||
|
{% if doc.customer_address %}
|
||||||
|
{% set customer_address = frappe.get_doc("Address", doc.customer_address) %}
|
||||||
|
{{ customer_address.address_line1 or "" }}<br>
|
||||||
|
{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}
|
||||||
|
{{ customer_address.city or "" }} {{ customer_address.state or "" }} {{ customer_address.pincode or "" }} {{ customer_address.country or "" }}<br>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|||||||
@@ -201,17 +201,22 @@ print_heading_template=None) -%}
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
{% set address = (doc.address_display) %}
|
<td><span class="heading">{{ _("Bill From") }}:</span><br />
|
||||||
{% if address and address.rstrip().endswith("<br />") %}
|
{% if doc.customer_address %}
|
||||||
{% set address = address[:-5] %}
|
{% set customer_address = frappe.get_doc("Address", doc.customer_address) %}
|
||||||
{% endif %}
|
{{ customer_address.address_line1 or "" }}
|
||||||
|
{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}{% endif %}<br>
|
||||||
{% set company_address_display = (doc.company_address_display) %}
|
{{ customer_address.city or "" }} {{ customer_address.state or "" }} {{ customer_address.pincode or "" }} {{ customer_address.country or "" }}<br>
|
||||||
{% if company_address_display and company_address_display.rstrip().endswith("<br />") %}
|
{% endif %}
|
||||||
{% set company_address_display = company_address_display[:-5] %}
|
</td>
|
||||||
{% endif %}
|
<td><span class="heading">{{ _("Bill To") }}:</span><br />
|
||||||
<td><span class="heading">{{ _("Bill From") }}:</span><br />{{ address }}</td>
|
{% if doc.company_address %}
|
||||||
<td><span class="heading">{{ _("Bill To") }}:</span><br />{{ company_address_display }}</td>
|
{% set company_address_display = frappe.get_doc("Address", doc.company_address) %}
|
||||||
|
{{ company_address_display.address_line1 or "" }}
|
||||||
|
{% if company_address_display.address_line2 %}{{ company_address_display.address_line2 }}{% endif %}<br>
|
||||||
|
{{ company_address_display.city or "" }} {{ company_address_display.state or "" }} {{ company_address_display.pincode or "" }} {{ company_address_display.country or "" }}<br>
|
||||||
|
{% endif %}
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user