option-price | Awesome Option Price Calculator | Apps library

Context I'm using the cocoon gem to create nested invoice_rows for invoice. Everything works as expected (deleting, creating nested records etc.).

In the invoice formI am also keeping tracking of the most actual total_invoice amount with Javascript. With my Javascript code I am able to recalculate the total_invoice amount when the price, quantity or VAT changes or when a new invoice_row is created with cocoon.

Issue The issue occurs when I delete a nested record. Following the documentation, I'm trying to use cocoon:after-remove to trigger the event, but nothing gets triggered after I delete an invoice_row in my view.

Other attempt I also tried a click event on the delete button (see also the code commented out in the script). Unfortunately, the class of the deleted nested record is still picked up by my Javascript code and consequently is entered in the calculation of the total_invoice amount. (hence the cocoon:after-remove command I guess)

Code

invoice_form.html.erb

I'm using the cocoon gem to add nested fields for invoice_rows to invoice. For each invoice_row I added a dynamic calculation of the total for that row (quantity * price). That all works like a charm, so when I adjust either the price or quantity the row_total changes as well.

Question Now I would like to do the same for the total invoice price. This means that for each invoice_row I need to multiply quantity * price and add them for all rows. This part works on loading the DOM, but I don't know how to trigger a recalculation when any of the fields (quantity or price) change.

=>I added the .field class to them to identify them, but as they are not unique, I don't know how to listen for a change of any of them.

Code

invoice_form

I cannot seem to grab my head around the following:

I am using cocoon for nested forms, where in each form a start_date and end_date are asked for via Flatpickr. I would like to do one of two things (whichever is easiest).

• validate that there is no overlap between the date ranges that are submitted, but as the dates are not yet in the database I am not able to validate them in my validations.
• do not show the unavailable dates in the calender via disabled.

form

I'm using the flatpickr calendar in a nested cocoon form. Everything functions as expected when creating a new form, but when I want to edit an existing form:

• The first flatpickr field renders correctly
• Adding a new flatpickr field with cocoon renders correctly
• Every other existing flatpickr field after the 1st one does not render.

edit_form

I am trying to echo a value from an array which includes an id and sku number. I need to echo the sku number of a selected div.

below is a selected div which shows the data-option-type-id

This is my first time delving into an HTML editor with goal of learning it. I opened the website option-price.com and right clicked in chrome to get the source.

I am not able to figure where the real calculation happens when I hit the button Calculate.

I'm using joomla and have a template override on my articles to display a deal. The deals are stored in sql database so I retrieve the stored information using php. See below:

I'm using Joomla and use a radio box to select a buy option. Everything works fine and I'm able to dynamically update the information displayed to the user.

My issue is to update the buy link when they select the option. My current js code to update the front end is:

Following Loic's workflow here Can I get all the variations related to the product basing on one particular variation in default value.

Example: Get all variations with attribute_pa_sizes similar to the default value's attribute_pa_sizes

echo $variation_values['attributes']['attribute_pa_sizes'] . ': ' . $price ;