Feature/company data public form

Creating a public form for collecting necessary lead metadata in order to automatize community creation in Odoo.

energy_communities/static/src/js/community-data-website.js

@@ -52,20 +52,87 @@ odoo.define("community_data.oe_community_data", function (require) {
         maxDate: "today",
         yearRange: "2010:+0",
       });
-      //$(oe_cooperator).on("change", "#ordered_parts", function (event) {
-      //    var $share_price = $("#share_price").text();
-      //    var $link = $(event.currentTarget);
-      //    var quantity = $link[0].value;
-      //    var total_part = quantity * $share_price;
-      //    $("#total_parts").val(total_part);
-      //    return false;
-      //});
 
-      //$(oe_cooperator).on("focusout", "input.js_quantity", function () {
-      //    $("a.js_add_cart_json").trigger("click");
-      //});
+      $(".form-group-disabled").each(function () {
+        $(this).hide();
+      });
 
-      //$("#share_product_id").trigger("change");
+      $(".data-trigger").each(function () {
+        $(this).on("change", function (e) {
+          var impacted_fields_array = $(this).data("trigger").split(",");
+          for (let i = 0; i < impacted_fields_array.length; i++) {
+            // flag to mark if we display conditional fields or not
+            let condition_satisfied = false;
+            // impacted field is the one that will be displayed or hidden based on it's own condition
+            let impacted_field = $(".field-" + impacted_fields_array[i]);
+            // condition is an array. first element defines field key and second field value condition
+            let showifcondition = impacted_field.data("showif").split(":");
+            // get dom element for the condition_field
+            let condition_field = $(".field-" + showifcondition[0]);
+            // try to see if condition_field is a fieldset
+            let condition_field_fieldset = condition_field.find("fieldset");
+            if (condition_field_fieldset.length > 0) {
+              // if a condition_field is a fieldset iterate trough inputs to see if they're marked and meet condition
+              condition_field_fieldset.find("input").each(function () {
+                if (
+                  $(this).is(":checked") &&
+                  showifcondition[1].split(",").includes($(this).attr("id"))
+                ) {
+                  condition_satisfied = true;
+                }
+              });
+            } else {
+              // if a condition_field is not fieldset get the input, it can be of type input or select.
+              let condition_field_input = false;
+              let condition_field_input_input = condition_field.find("input");
+              if (condition_field_input_input.length > 0) {
+                condition_field_input = condition_field_input_input;
+              }
+              let condition_field_input_select = condition_field.find("select");
+              if (condition_field_input_select.length > 0) {
+                condition_field_input = condition_field_input_select;
+              }
+              // check if it's a checkbox or radio. if so, check if checked to verify condition
+              let condition_field_type = condition_field_input.attr("type");
+              if (
+                condition_field_type == "radio" ||
+                condition_field_type == "checkbox"
+              ) {
+                if (condition_field_input.is(":checked")) {
+                  condition_satisfied = true;
+                }
+              } else {
+                // if condition_field is a regular input, check condition as a regular text
+                if (
+                  showifcondition[1].split(",").includes(condition_field_input.val())
+                ) {
+                  condition_satisfied = true;
+                }
+              }
+            }
+            // if condition is satidified remove disabled attribute and display. Do the oppposite if not.
+            if (condition_satisfied) {
+              impacted_field.find("input").each(function () {
+                $(this).removeAttr("disabled");
+              });
+              impacted_field.find("select").each(function () {
+                $(this).removeAttr("disabled");
+              });
+              impacted_field.fadeIn();
+            } else {
+              impacted_field.find("input").each(function () {
+                $(this).attr("disabled", true);
+              });
+              impacted_field.find("select").each(function () {
+                $(this).removeAttr("disabled");
+              });
+              impacted_field.fadeOut();
+            }
+          }
+        });
+      });
+      // trigger change on load
+      $(".data-trigger").trigger("change");
     });
   });
 });