custom/plugins/MyKeje/src/Resources/views/storefront/component/mykeje-order-list.html.twig line 1

Open in your IDE?
  1. {# This file contains the template for all components that show order-lists (mykejeOrderHistory, mykejeOrderByStatus and mykejeOrderHistorySummary) #}
  2. {# Ordernummer  Orderdatum  Referentie  Status  :Afleverdatum       Opdrachtbevestiging     :Factuur #}
  4. <div class="oo-mykeje-order-list">
  5.     {% set pluginConfig = config('OkeonlineKejeDocumentImport.config') %}
  6.     <div class="list-title d-none d-md-flex justify-content-between">
  7.         <span>{{ "oo.b2bPortal.components.orderList.header.orderNumber"|trans|sw_sanitize }}</span>
  8.         <span>{{ "oo.b2bPortal.components.orderList.header.orderCreationDate"|trans|sw_sanitize }}</span>
  9.         <span>{{ "oo.b2bPortal.components.orderList.header.orderExtraDataReference"|trans|sw_sanitize }}</span>
  10.         <span>{{ "oo.b2bPortal.components.orderList.header.orderState"|trans|sw_sanitize }}</span>
  11.         {# <span>Afleverdatum</span> #}
  12.         {% if pluginConfig.deliveryNoteActive %}<span>{{ "oo.b2bPortal.components.orderList.header.orderDeliveryNote"|trans|sw_sanitize }}</span>{% endif %}
  13.         {% if pluginConfig.invoiceActive %}<span>{{ "oo.b2bPortal.components.orderList.header.orderInvoice"|trans|sw_sanitize }}</span>{% endif %}
  14.         {# <span>{{ "oo.b2bPortal.components.orderList.header.orderDeliveryNote"|trans|sw_sanitize }}</span>
  15.         <span>{{ "oo.b2bPortal.components.orderList.header.orderInvoice"|trans|sw_sanitize }}</span> #}
  16.         <span>{{ "oo.b2bPortal.components.orderList.header.orderHandling"|trans|sw_sanitize }}</span>
  17.     </div>
  19.     {% set orders = data.entities | default(entitySearchResult) %}
  20.     {% for order in orders %}
  21.         {% set delivery_note = order.documents.filterByProperty('documentTypeId', pluginConfig.deliveryNoteDocumentType).first() %}
  22.         {% set delivery_note_link = order.customFields.oo_order_confirmation_url %}
  23.         {% set invoice = order.documents.filterByProperty('documentTypeId', pluginConfig.invoiceDocumentType).first() %}
  24.         {% set invoice_link = order.customFields.oo_order_invoice_url %}
  26.         {% if order.customFields.oo_order_confirmation_available %}
  27.             {% set confirmationViaApiLink = url('frontend.account.get-document-via-api', {orderId: order.id, documentType: 'OrderConfirmation'}) %}
  28.         {% else %}
  29.             {% set confirmationViaApiLink = false  %}
  30.         {% endif %}
  32.         {% if order.customFields.oo_order_invoice_available %}
  33.             {% set invoiceViaApiLink = url('frontend.account.get-document-via-api', {orderId: order.id, documentType: 'SalesInvoice'}) %}
  34.         {% else %}
  35.             {% set invoiceViaApiLink = false  %}
  36.         {% endif %}
  38.         <div class="list-line d-md-flex justify-content-between">
  39.             {% block oo_b2b_order_list_order_number_wrapper %}
  40.                 <div class="list-order-number">
  41.                     {% block oo_b2b_order_list_mobile_order_number_title_content_wrapper %}
  42.                         <span class="d-md-none mobile-order-number-title">
  43.                             {% block oo_b2b_order_list_mobile_order_number_title_content %}
  44.                                 {# Hiding title for order-number since this line styled differently #}
  45.                                 {# {{ "oo.b2bPortal.components.orderList.header.orderNumber"|trans|sw_sanitize }} #}
  46.                             {% endblock %}
  47.                         </span>
  48.                     {% endblock %}
  50.                     {% block oo_b2b_order_list_order_number_content_wrapper %}
  51.                         <span class="order-number-content">
  52.                             {% block oo_b2b_order_list_order_number_content %}
  53.                                 #{{ order.orderNumber ? order.orderNumber|sw_sanitize : '000000' }}
  54.                             {% endblock %}
  55.                         </span>
  56.                     {% endblock %}
  57.                 </div>
  58.             {% endblock %}
  60.             {% block oo_b2b_order_list_order_creation_date_wrapper %}
  61.                 <div class="list-order-creation-date">
  62.                     {% block oo_b2b_order_list_mobile_order_creation_title_content_wrapper %}
  63.                         <span class="d-md-none mobile-order-creation-title">
  64.                             {% block oo_b2b_order_list_mobile_order_creation_title_content %}
  65.                                 {{ "oo.b2bPortal.components.orderList.header.orderCreationDate"|trans|sw_sanitize }}
  66.                             {% endblock %}
  67.                         </span>
  68.                     {% endblock %}
  70.                     {% block oo_b2b_order_list_order_creation_date_content %}
  71.                         {{ order.orderDateTime ? order.orderDateTime|format_date('short', locale=app.request.locale) : 'Onbekend' }}
  72.                     {% endblock %}
  73.                 </div>
  74.             {% endblock %}
  76.             {% block oo_b2b_order_list_order_extra_data_reference_wrapper %}
  77.                 <div class="list-order-extra-data-reference">
  78.                     {% block oo_b2b_order_list_mobile_order_extra_data_reference_title_content_wrapper %}
  79.                         <span class="d-md-none mobile-order-extra_data_referencer-title">
  80.                             {% block oo_b2b_order_list_mobile_order_extra_data_reference_title_content %}
  81.                                 {{ "oo.b2bPortal.components.orderList.header.orderExtraDataReference"|trans|sw_sanitize }}
  82.                             {% endblock %}
  83.                         </span>
  84.                     {% endblock %}
  86.                     {% block oo_b2b_order_list_order_extra_data_reference_content %}
  87.                         {% if order.extensions.reference.reference %}
  88.                             {% if order.customFields.oo_checkout_extra_data_reference is not null %}
  89.                             <b>{{ order.customFields.oo_checkout_extra_data_reference }}</b> &nbsp;
  90.                             {% endif %}
  91.                             {{ order.extensions.reference.reference }}
  92.                         {% else %}
  93.                             <b>{{ order.customFields.oo_checkout_extra_data_reference }}</b>
  94.                         {% endif %}
  95.                     {% endblock %}
  96.                 </div>
  97.             {% endblock %}
  99.             {% block oo_b2b_order_list_order_state_wrapper %}
  100.                 <div class="list-order-state">
  101.                     {% block oo_b2b_order_list_mobile_order_item_status_badge_title_content_wrapper %}
  102.                         <span class="d-md-none mobile-order-item_status_badge-title">
  103.                             {% block oo_b2b_order_list_mobile_order_item_status_badge_title_content %}
  104.                                 {{ "oo.b2bPortal.components.orderList.header.orderState"|trans|sw_sanitize }}
  105.                             {% endblock %}
  106.                         </span>
  107.                     {% endblock %}
  109.                     {% block oo_b2b_order_list_order_state_content %}
  111.                         {% if order.customFields.oo_order_status %}
  112.                             {{ order.customFields.oo_order_status }}
  113.                         {% elseif isPaymentNeeded %}
  114.                             {% block page_account_order_item_status_badge_payment_process_needed %}
  115.                                 <a href="{{ path('frontend.account.edit-order.page', { 'orderId': order.id }) }}" class="">
  116.                                     {{ "account.orderStatusActionCompletePayment"|trans|sw_sanitize }}
  117.                                     {% sw_icon 'arrow-medium-right' style { 'size': 'sm', 'pack': 'solid' } %}
  118.                                 </a>
  119.                             {% endblock %}
  120.                         {% else %}
  121.                             {% block page_account_order_item_status_badge %}
  122.                                 {{ order.stateMachineState && order.stateMachineState.translated.name ? order.stateMachineState.translated.name : 'Onbekend' }}
  123.                             {% endblock %}
  124.                         {% endif %}
  125.                     {% endblock %}
  126.                 </div>
  127.             {% endblock %}
  129.             {#<div>Ship</div> #}
  130.             
  131.             {% if pluginConfig.deliveryNoteActive %}
  132.                 {% block oo_b2b_order_list_order_delivery_note_wrapper %}
  133.                     <div class="list-order-delivery-note">
  134.                         {% block oo_b2b_order_list_mobile_order_delivery_note_title_content_wrapper %}
  135.                             <span class="d-md-none mobile-order-delivery_note-title">
  136.                                 {% block oo_b2b_order_list_mobile_order_delivery_note_title_content %}
  137.                                     {{ "oo.b2bPortal.components.orderList.header.orderDeliveryNote"|trans|sw_sanitize }}
  138.                                 {% endblock %}
  139.                             </span>
  140.                         {% endblock %}
  142.                         {% block oo_b2b_order_list_order_delivery_note_content %}
  143.                             {% if confirmationViaApiLink %}
  144.                                 <a href="{{ confirmationViaApiLink }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }} (api)</a>
  145.                             {% elseif delivery_note %}
  146.                                 <a href="{{ path('frontend.account.order.single.document', {documentId: delivery_note.id, deepLinkCode: delivery_note.deepLinkCode}) }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }} (doc)</a>
  147.                             {% else %}
  148.                                 <span>{{ "oo.b2bPortal.components.orderList.content.noDeliveryNote"|trans|sw_sanitize }}</span>
  149.                             {% endif %}
  151.                             {# {% if delivery_note_link|length > 3 %}
  152.                                 <a href="{{ delivery_note_link }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }}</a>
  153.                             {% elseif delivery_note %}
  154.                                 <a href="{{ path('frontend.account.order.single.document', {documentId: delivery_note.id, deepLinkCode: delivery_note.deepLinkCode}) }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }}</a>
  155.                             {% else %}
  156.                                 <span>{{ "oo.b2bPortal.components.orderList.content.noDeliveryNote"|trans|sw_sanitize }}</span>
  157.                             {% endif %} #}
  158.                         {% endblock %}
  159.                     </div>
  160.                 {% endblock %}
  161.             {% endif %}
  163.             {% if pluginConfig.invoiceActive %}
  164.                 {% block oo_b2b_order_list_order_invoice_wrapper %}
  165.                     <div class="list-order-invoice">
  166.                         {% block oo_b2b_order_list_mobile_order_invoice_title_content_wrapper %}
  167.                             <span class="d-md-none mobile-order-invoice-title">
  168.                                 {% block oo_b2b_order_list_mobile_order_invoice_title_content %}
  169.                                     {{ "oo.b2bPortal.components.orderList.header.orderInvoice"|trans|sw_sanitize }}
  170.                                 {% endblock %}
  171.                             </span>
  172.                         {% endblock %}
  174.                         {% block oo_b2b_order_list_order_invoice_content %}
  175.                             {% if invoiceViaApiLink %}
  176.                                 <a href="{{ invoiceViaApiLink }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }} (api)</a>
  177.                             {% elseif invoice %}
  178.                                 <a href="{{ path('frontend.account.order.single.document', {documentId: invoice.id, deepLinkCode: invoice.deepLinkCode}) }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }} (doc)</a>
  179.                             {% else %}
  180.                                 <span>{{ "oo.b2bPortal.components.orderList.content.noInvoice"|trans|sw_sanitize }}</span>
  181.                             {% endif %}
  184.                             {# {% if invoice_link|length > 3 %}
  185.                                 <a href="{{ invoice_link }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }}</a>
  186.                             {% elseif invoice %}
  187.                                 <a href="{{ path('frontend.account.order.single.document', {documentId: invoice.id, deepLinkCode: invoice.deepLinkCode}) }}" target="_blank">{{ "oo.b2bPortal.components.orderList.content.downloadDocument"|trans|sw_sanitize }}</a>
  188.                             {% else %}
  189.                                 <span>{{ "oo.b2bPortal.components.orderList.content.noInvoice"|trans|sw_sanitize }}</span>
  190.                             {% endif %} #}
  191.                         {% endblock %}
  192.                     </div>
  193.                 {% endblock %}
  194.             {% endif %}
  195.             
  196.                     <div class="list-order-handling">
  197.                             <span class="d-md-none mobile-order-handling-title">
  198.                                 {{ "oo.b2bPortal.components.orderList.header.orderHandling"|trans|sw_sanitize }}
  199.                             </span>
  200.                             <span>{{ order.customFields.oo_order_handling }}</span>
  201.                     </div>
  202.         </div>
  203.     {% endfor %}
  204. </div>