Untitled
raw download clone
HTML
views 14
,
size 28890 b
<bcp-navigation-tab-container use-hash="true">

      <bcp-navigation-tab hash="status" tab-title="Order Status" id="status" is-active="true">

        <bcp-order-page
          start-date="2019-01-14"
          end-date="2019-01-21"
          min-start-date="2018-01-21"
          number-of-records=20
          sort-by="orderNo.asc">

          <bcp-order-activity-indicator></bcp-order-activity-indicator>
          <bcp-local-search search-label="Search">
          <div class="col-xs-12 col-sm-5 col-md-5 padd_mob_0">
          <bcp-dropdown-container>
          <div>
            <select class="A-FormField__element" name="selectContainer" aria-label="selectContainer">
              <option class="A-FormField__elementOption" value="orderNo">
                By Order
              </option>
              <option class="A-FormField__elementOption" value="invoiceNo">
                By Invoice
              </option>
              <option class="A-FormField__elementOption" value="productId">
                By SKU
              </option>
              <option class="A-FormField__elementOption" value="purchaseOrderNo">
                By PO
              </option>
            </select>
          </div>
          </bcp-dropdown-container>
          </div>
          </bcp-local-search>

          <bcp-order-filter
            start-date="14.01.2019"
            end-date="21.01.2019"
            min-date="21.01.2018"
            status-label="Order status"
            date-label="Order date"
            apply-label="Apply"
            start-date-label="From*"
            end-date-label="To*"
            date-format="dd.MM.yyyy"
            show-filter-label="HC Show filter"
            hide-filter-label="HC Hide filter"
            reset-label="HC Reset"
            error-msg="HC Invalid date">

            <div class="A-FormField  A-FormField-Input A-FormField-Input-Radio A-FormFieldMultiple A-FormField--noValidation">
            <div class="A-FormField__wrapper">
            <input type="radio" class="A-FormField__element" name="status" id="orderStatus_" value=""
                  checked="checked"/>
            <label for="orderStatus_" class="A-FormField__label A-FormField__label--hideBottomLine">
              <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
              <span class="A-FormField__labelText">All status</span></label>
            <span class="A-FormField__background"></span>

            <input type="radio" class="A-FormField__element" name="status" id="orderStatus_open" value="open"/>
            <label for="orderStatus_open" class="A-FormField__label A-FormField__label--hideBottomLine">
              <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
              <span class="A-FormField__labelText">Open</span>
            </label>
            <span class="A-FormField__background"></span>

            <input type="radio" class="A-FormField__element " name="status" id="orderStatus_inAnalysis"
                  value="inAnalysis"/>
            <label for="orderStatus_inAnalysis" class="A-FormField__label A-FormField__label--hideBottomLine">
              <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
              <span class="A-FormField__labelText">In analysis</span>
            </label>
            <span class="A-FormField__background"></span>

            <input type="radio" class="A-FormField__element " name="status" id="orderStatus_complete"
                  value="complete"/>
            <label for="orderStatus_complete" class="A-FormField__label A-FormField__label--hideBottomLine">
              <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
              <span class="A-FormField__labelText">Complete</span>
            </label>
            <span class="A-FormField__background"></span>

            </div>
            <div class="A-FormField__validation A-FormField__validation--hideLine">
            </div>
            </div>
          </bcp-order-filter>

          <div class="col-xs-12">
          <div class="col-xs-12 col-sm-6 margin_bottom_15 padding_0">
          <bcp-order-total
              results-found-label="Orders found" orders-count-label="of">
          </bcp-order-total>
          </div>

          <bcp-order-sort>
            <div class="col-xs-12 col-sm-6 col-md-4 sort-container">
              <bcp-dropdown-container dropdown-label="Sort by">
                <div>
                  <select class="A-FormField__element" name="selectContainer" aria-label="selectContainer"
                          id="selectSort">
                    <option class="A-FormField__elementOption" value="orderNo.asc">
                      Order asc
                    </option>
                    <option class="A-FormField__elementOption" value="orderNo.desc">
                      Order desc
                    </option>
                    <option class="A-FormField__elementOption" value="purchaseOrderNo.asc">
                      Po asc
                    </option>
                    <option class="A-FormField__elementOption" value="purchaseOrderNo.desc">
                      Po desc
                    </option>
                    <option class="A-FormField__elementOption" value="orderDate.asc">
                      Order date asc
                    </option>
                    <option class="A-FormField__elementOption" value="orderDate.desc">
                      Order date desc
                    </option>
                    <option class="A-FormField__elementOption" value="orderValue.asc">
                      Order value asc
                    </option>
                    <option class="A-FormField__elementOption" value="orderValue.desc">
                      Order value desc
                    </option>
                  </select>
                </div>
              </bcp-dropdown-container>
            </div>
          </bcp-order-sort>

          <div class="margin_25">
            <bcp-order-list
              order-number-label="Order number"
              details-label="Details"
              price-details-label="Price Details"
              components-label="Components"
              component-status-label="Component status"
              order-number-label="Order number"
              po-number-label="PO number"
              status-label="Order status"
              order-date-label="Order date"
              total-amount-label="Total amount"
              load-more-label="Load more"
              details-label="Price details"
              product-status-label = "Product status"
              item-description-label = "Description"
              quantity-label = "Quantity"
              item-price-label = "Item Price"
              each-label="Each"
              total-label="Total"
              total-price-label = "Total Price"
              order-detail-label= "Order details"
              created-by-label = "Created by"
              ship-to-label = "Ship to"
              order-instruction-label = "Order instrcution"
              shipping-dimension-label ="Shipping dimensions"
              shipment-method-label ="Shipment method"
              payment-conditions-label="Payment conditions"
              sku-number-label = "Mat.number"
              collapsable-id ={order.orderNumber}
              scenario-id={order.scenarioId}
              not-found-label= "No documents found"
              item-delivery-number-label="Delivery No"
              item-invoice-number-label="Invoice No"
              item-order-status-label="Delivery status"
              item-quantity-label="Quantity"
              item-delivery-date-label="Delivery date"
              document-download-label = "document"
              invoice-download-label = "INVOICE"
              show-availability-label = "Show availability & delivery"
              hide-availability-label = "Hide availability & delivery"
              index-label="No"
              show-order-detail-label = "Show all products in this order"
              hide-order-detail-label = "Hide all products in this order"
              volume-label = "Volume"
              weight-label = "Weight"
              item-delivery-tracking-id-label="Tracking ID"
              cancel-order-label="Cancel order"
              cancel-product-label="Cancel product"
              cancel-entire-order-label="Cancel your entire order"
              please-note-label="Please note: You can also cancel onl several products of your order in the product overview of this order."
              confirm-message-label="The cancellation of your product cannot be reversed. Do you want to proceed further cancel your entire order?"
              modal-close-label="Close"
              modal-cancel-order-label="Yes, cancel order."
              visible-tracking-id="true"
              load-more-records="30"
              prices-visible="true"
              cancel-product-modal-label="Cancel product of your order"
              confirm-message-product-label="The cancellation of this product in your order cannot be reversed. Do you want to proceed further and cancel this product?"
              modal-cancel-product-label="Yes, cancel product"
              >
            </bcp-order-list>
          </div>
        </div>

      </bcp-order-page>

      </bcp-navigation-tab>

      <bcp-navigation-tab hash="invoice" id="invoice" tab-title="Invoices">
          <bcp-invoice-page
          start-date="2019-01-14"
          end-date="2019-01-21"
          min-start-date="2018-01-21"
          number-of-records="20"
          enable-past-invoices="true"
          default-past-number-of-invoices="50"
          sort-by="invoiceDate.asc">
          <bcp-invoice-activity-indicator></bcp-invoice-activity-indicator>
          <bcp-local-search search-label="Search">
            <div class="col-xs-12 col-sm-5 col-md-5 padd_mob_0">
              <bcp-dropdown-container>
                <div>
                  <select class="A-FormField__element" name="selectContainer" aria-label="selectContainer">

                    <option class="A-FormField__elementOption" value="orderNo">
                      By Order
                    </option>
                    <option class="A-FormField__elementOption" value="invoiceNo">
                      By Invoice
                    </option>

                  </select>
                </div>
              </bcp-dropdown-container>
            </div>
          </bcp-local-search>

          <bcp-invoice-filter
            start-date="14.01.2019"
            end-date="21.01.2019"
            min-date="21.01.2018"
            status-label=""
            issue-date-label="Invoice date"
            due-date-label="Due date"
            apply-label="Apply"
            start-date-label="From*"
            end-date-label="To*"
            date-format="dd.MM.yyyy"
            show-filter-label="HC Show filter"
            hide-filter-label="HC Hide filter"
            reset-label="HC Reset"
            error-msg="HC Invalid date"
            status-type="STATUS1">

            <div class="col-xs-12 col-sm-6 col-md-6 padd_mob_0">
              <h5>Invoice type</h5>
              <div
                class="A-FormField  A-FormField-Input A-FormField-Input-Radio A-FormFieldMultiple A-FormField--noValidation">
                <div class="A-FormField__wrapper">
                  <input type="radio" class="A-FormField__element" name="type" id="invoiceType_" value=""
                         checked="checked"/>
                  <label for="invoiceType_" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">All types</span></label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element" name="type" id="invoiceType__invoice"
                         value="invoice"/>
                  <label for="invoiceType__invoice" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Invoice</span>
                  </label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element " name="type" id="invoiceType__creditNote"
                         value="creditNote"/>
                  <label for="invoiceType__creditNote" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Credit Note</span>
                  </label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element " name="type" id="invoiceType__debitNote"
                         value="debitNote"/>
                  <label for="invoiceType__debitNote" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Debit Note</span>
                  </label>
                  <span class="A-FormField__background"></span>

                </div>
                <div class="A-FormField__validation A-FormField__validation--hideLine"></div>
              </div>
            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 padd_mob_0">
              <h5>Invoice status</h5>
              <div
                class="A-FormField  A-FormField-Input A-FormField-Input-Radio A-FormFieldMultiple A-FormField--noValidation">
                <div class="A-FormField__wrapper">
                  <input type="radio" class="A-FormField__element" name="status" id="invoiceStatus_" value=""
                         checked="checked"/>
                  <label for="invoiceStatus_" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">All Status</span></label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element" name="status" id="invoiceStatus__notRelevant"
                         value="notRelevant"/>
                  <label for="invoiceStatus__notRelevant" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Not relevant</span>
                  </label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element " name="status" id="invoiceStatus__open"
                         value="open"/>
                  <label for="invoiceStatus__open" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Open</span>
                  </label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element " name="status" id="invoiceStatus__partiallyCleared"
                         value="partiallyCleared"/>
                  <label for="invoiceStatus__partiallyCleared"
                         class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Partially cleared</span>
                  </label>
                  <span class="A-FormField__background"></span>

                  <input type="radio" class="A-FormField__element " name="status" id="invoiceStatus__cleared"
                         value="cleared"/>
                  <label for="invoiceStatus__cleared" class="A-FormField__label A-FormField__label--hideBottomLine">
                    <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                    <span class="A-FormField__labelText">Cleared</span>
                  </label>
                  <span class="A-FormField__background"></span>
                </div>
                <div class="A-FormField__validation A-FormField__validation--hideLine"></div>
              </div>
            </div>
          </bcp-invoice-filter>

          <div class="col-xs-12">
            <div class="col-xs-12 col-sm-6 margin_bottom_15 padding_0">
              <bcp-invoice-total
                results-found-label="Invoices found">
              </bcp-invoice-total>
            </div>

            <bcp-invoice-sort>
              <div class="col-xs-12 col-sm-6 col-md-4 sort-container">
                <bcp-dropdown-container dropdown-label="Sort by">
                  <div>
                    <select
                      class="A-FormField__element"
                      name="selectContainer"
                      aria-label="selectContainer"
                      id="selectSortInvoice">

                      <option class="A-FormField__elementOption" value="invoiceDate.asc">
                        Invoice date asc
                      </option>
                      <option class="A-FormField__elementOption" value="invoiceDate.desc">
                        Invoice date desc
                      </option>
                      <option class="A-FormField__elementOption" value="orderNo.asc">
                        Order asc
                      </option>
                      <option class="A-FormField__elementOption" value="orderNo.desc">
                        Order desc
                      </option>
                      <option class="A-FormField__elementOption" value="invoiceNo.asc">
                        Invoice asc
                      </option>
                      <option class="A-FormField__elementOption" value="invoiceNo.desc">
                        Invoice desc
                      </option>
                    </select>
                  </div>
                </bcp-dropdown-container>
              </div>
            </bcp-invoice-sort>

            <div class="margin_25">
              <bcp-invoice-list invoice-type-label="Type" status-label="Status" due-date-label="Due Date"
                                invoice-number-label="Invoice No." issue-date-label="Invoice date"
                                order-number-label="Order No."
                                invoice-total-label="Invoice Total" open-amount-label="Open Amount"
                                created-to-label="Created to"
                                payment-condition-label="Payment Condition" download-label="Download"
                                require-clarification-label="Require Clarification"
                                visible-require-clarification=false
                                link-to-contact-form=""
                                load-more-label="Load more" load-more-records="30" visible-payment-due-date=true
                                visible-payment-status=true
                                visible-open-value=true document-download-label="document"
                                invoice-download-label="INVOICE"
                                invoice-download-link-enable=true scenario-id="BCP_NORDICS"
                                status-type="STATUS1"
                                prices-visible=true>
              </bcp-invoice-list>
            </div>
          </div>
        </bcp-invoice-page>

      </bcp-navigation-tab>

      <bcp-navigation-tab hash="payment" id="payment" tab-title="Due Payments">
        <bcp-due-payments-page
          start-date="2019-01-14"
          end-date="2019-01-21">

          <bcp-credit-limit
            headline="Credit Limit"
            total-label="Total credit limit"
            used-label="Used credit limit"
            available-label="Available credit limit"
            credit-block-message='<span class=\"boschPT-color-red\">CREDIT LIMIT HAS BEEN EXCEEDED</span> <br>Please, check if your documentation should be updated. <br>CONTACT YOUR SALES CONSULTANT OR contact us via e-mail:<br> <a href=\"mailto:atendimento@br.bosch.com\" class=\"M-CustomerData__contactMail\">atendimento@br.bosch.com</a>'
            error-message="Could not load credit limit data">
          </bcp-credit-limit>

          <bcp-local-search search-label="Search">
            <div class="col-xs-12 col-sm-4 col-md-3 col-md-offset-1">
              <bcp-dropdown-container>
                <div>
                  <select
                    class="A-FormField__element"
                    name="selectContainer"
                    aria-label="selectContainer">

                    <option class="A-FormField__elementOption" value="orderNo">
                      By Order
                    </option>
                    <option class="A-FormField__elementOption" value="invoiceNo">
                      By Invoice
                    </option>

                  </select>
                </div>
              </bcp-dropdown-container>
            </div>
          </bcp-local-search>

          <bcp-due-payments-filter
            start-date="2019-01-14"
            end-date="2019-01-21"
            min-start-date="2018-01-21"
            status-label="By status"
            date-label="By due date"
            entry-type-label="By entry type"
            apply-label="Apply"
            start-date-label="From*"
            end-date-label="To*"
            date-format="Y-m-d"
            show-filter-label="Show filter"
            hide-filter-label="Hide filter"
            reset-label="Reset">

            <div slot="status" class="A-FormField  A-FormField-Input A-FormField-Input-Radio A-FormFieldMultiple A-FormField--noValidation">
                <div class="A-FormField__wrapper">
                    <input type="radio" class="A-FormField__element" name="status" id="invoiceType_" value=""
                    checked="checked"/>
                    <label for="orderStatus_" class="A-FormField__label A-FormField__label--hideBottomLine">
                      <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                      <span class="A-FormField__labelText">Any status</span></label>
                    <span class="A-FormField__background"></span>

                    <input type="radio" class="A-FormField__element" name="status" id="entryType__due" value="due"/>
                    <label for="entryType__due" class="A-FormField__label A-FormField__label--hideBottomLine">
                      <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                      <span class="A-FormField__labelText">due</span>
                    </label>
                    <span class="A-FormField__background"></span>

                    <input type="radio" class="A-FormField__element" name="status" id="entryType__overdue" value="overdue"/>
                    <label for="entryType__overdue" class="A-FormField__label A-FormField__label--hideBottomLine">
                      <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                      <span class="A-FormField__labelText">overdue</span>
                    </label>
                    <span class="A-FormField__background"></span>
                </div>
            </div>

            <div slot="entry-type" class="A-FormField  A-FormField-Input A-FormField-Input-Radio A-FormFieldMultiple A-FormField--noValidation">
              <div class="A-FormField__wrapper">
                <input type="radio" class="A-FormField__element" name="entryType" id="invoiceType_" value=""
                      checked="checked"/>
                <label for="orderStatus_" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">All types</span></label>
                <span class="A-FormField__background"></span>

                <input type="radio" class="A-FormField__element" name="entryType" id="invoiceType__debit"
                      value="01"/>
                <label for="invoiceType__debit" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">Debit</span>
                </label>
                <span class="A-FormField__background"></span>

                <input type="radio" class="A-FormField__element " name="entryType" id="invoiceType__credit"
                      value="04"/>
                <label for="invoiceType__credit" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">Credit</span>
                </label>
                <span class="A-FormField__background"></span>

                <input type="radio" class="A-FormField__element " name="entryType" id="invoiceType__acknowledgment"
                      value="11"/>
                <label for="invoiceType__acknowledgment" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">Acknowledgment of debit</span>
                </label>
                <span class="A-FormField__background"></span>

                <input type="radio" class="A-FormField__element " name="entryType" id="invoiceType__debit_credit"
                      value="14"/>
                <label for="invoiceType__debit_credit" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">Debit/Credit balance</span>
                </label>
                <span class="A-FormField__background"></span>

                <input type="radio" class="A-FormField__element " name="entryType" id="invoiceType__new_installment"
                      value="19"/>
                <label for="invoiceType__new_installment" class="A-FormField__label A-FormField__label--hideBottomLine">
                  <span class="A-FormField__icon"><span class="A-FormField__iconFill"></span></span>
                  <span class="A-FormField__labelText">New installment and pending deposit</span>
                </label>
                <span class="A-FormField__background"></span>

              </div>
              <div class="A-FormField__validation A-FormField__validation--hideLine">
              </div>
            </div>

          </bcp-due-payments-filter>

          <bcp-due-payments-table
            headline="Due payments"
            entry-type-label = "Entry type"
            invoice-label="Invoice #"
            installment-label="Installment"
            issue-date-label="Issue date"
            due-date-label="Due date"
            amount-label="Amount"
            bank-label="Bank"
            status-label="Status"
            bank-key-label="Bank key"
            bank-slip-label="Bank slip"
            bank-slip-download-label="Open"
            results-found-label="Due payments found"
            results-not-found-label="No documents found">
          </bcp-due-payments-table>

        </bcp-due-payments-page>
      </bcp-navigation-tab>
    </bcp-navigation-tab-container>
close fullscreen
Login or Register to edit or fork this paste. It's free.