Testing Payment Terms Selector Element in Non-Itemized Invoice Creation

<< Back to payment terms selector info

Create Non-Itemized Invoice

Required Inputs

organizationId: this is the organization whose payment terms you want listed in the selector
saleType: invoice
totalAmount: the total amount of the sale.

Optional Input

addPaymentTerms: boolean, set to "true" to display the link to launch the add payment terms modal
newTermsAdded: boolean, set to "true" to preselect newly added terms (via addPaymentTerms)
preSelectedTermId: the id of the payment terms that should be selected when the element is loaded or changed
triggerPaymentTermError: boolean, triggers validation checks and applicable errors in the element when the user performs an action (e.g. button click) located in the host application.
The validation checks happen on all applicable form controls in the element (paymentTermSelect, customDates, upfrontAmount).
The 'valid' attribute emitted with the `outputPaymentTermForm` can be used to set and update the 'triggerPaymentTermError' attribute in the host application.
See a code example in sn_frontend: https://github.com/sportngin/sn_frontend/blob/master/client-apps/org/send-invoices/send-invoices.directive.js#L46-L48

Output

outputPaymentTermForm: when payment terms are selected from the drop down or the element itself changes, the form data is emitted.
openPaymentTermsModal: If the input 'addPaymentTerms' is passed to the element, event is emitted when a click on the link 'Add Payment Terms' happens. Host app needs to then trigger the payment terms modal to open.

Example

Non-Itemized Invoice with $100 total amount and upfront amount TBD

Input

              <payment-terms-selector-element
                add-payment-terms="true"
                id="test-payment-terms-selector"
                organization-id="214091"
                sale-type="invoice"
                total-amount="100.00">
              </payment-terms-selector-element>

Output

outputPaymentTermForm:

openPaymentTermsModal: