refactor(UI): clean up portal pages (#29018)
* refactor: list view for portal pages
* refactor: add align center class
* refactor: change footer btn class(primary)
* refactor: add order style page
* refactor: import order page in website
* refactor: remove table elements
* fix: preview image height
* fix: make string translatable
* refactor: change font variables
* refactor: order preview bg white
* refactor: center align items
* fix: breadcrumb padding
* refactor: make preview image rounded
* refactor: add condition for image container
* refactor: change alignment for mobile view
* fix: make footer button secondary
* refactor: clean code
* refactor: code indentantion
* refactor: remove space
* fix: Payment section cleanup
Co-authored-by: Summayya <frappe@Summayyas-MacBook-Air.local>
Co-authored-by: Marica <maricadsouza221197@gmail.com>
Co-authored-by: Deepesh Garg <deepeshgarg6@gmail.com>
(cherry picked from commit da43a5e371)
Co-authored-by: Summayya Hashmani <58825865+sumaiya2908@users.noreply.github.com>
53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
{% from "erpnext/templates/includes/macros.html" import product_image %}
|
||
|
||
{% macro item_name_and_description(d) %}
|
||
<div class="row item_name_and_description">
|
||
<div class="col-xs-4 col-sm-2 order-image-col">
|
||
<div class="order-image h-100">
|
||
{% if d.thumbnail or d.image %}
|
||
{{ product_image(d.thumbnail or d.image, no_border=True) }}
|
||
{% else %}
|
||
<div class="no-image-cart-item" style="min-height: 100px;">
|
||
{{ frappe.utils.get_abbr(d.item_name) or "NA" }}
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-8 col-sm-10">
|
||
{{ d.item_code }}
|
||
<div class="text-muted small item-description">
|
||
{{ html2text(d.description) | truncate(140) }}
|
||
</div>
|
||
<span class="text-muted mt-2 d-l-n order-qty">
|
||
{{ _("Qty ") }}({{ d.get_formatted("qty") }})
|
||
</span>
|
||
</div>
|
||
</div>
|
||
{% endmacro %}
|
||
|
||
{% macro item_name_and_description_cart(d) %}
|
||
<div class="row item_name_dropdown">
|
||
<div class="col-xs-4 col-sm-4 order-image-col">
|
||
<div class="order-image">
|
||
{{ product_image_square(d.thumbnail or d.image) }}
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-8 col-sm-8">
|
||
{{ d.item_name|truncate(25) }}
|
||
<div class="input-group number-spinner">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-light cart-btn" data-dir="dwn">
|
||
–</button>
|
||
</span>
|
||
<input class="form-control text-right cart-qty"
|
||
value = "{{ d.get_formatted('qty') }}"
|
||
data-item-code="{{ d.item_code }}">
|
||
<span class="input-group-btn">
|
||
<button class="btn btn-light cart-btn" data-dir="up">
|
||
+</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endmacro %}
|