style: format and display the address for improved visual clarity

This commit is contained in:
khushi8112
2025-09-30 13:29:47 +05:30
parent 301b294da9
commit 8a19dc4a20
4 changed files with 140 additions and 140 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>