@@ -329,8 +355,12 @@
const yearSelect = document.getElementById("{{ form.year.id_for_label }}");
const serieSelect = document.getElementById("{{ form.id_car_serie.id_for_label }}");
const trimSelect = document.getElementById("{{ form.id_car_trim.id_for_label }}");
+ const equipmentSelect = document.getElementById("equipment_id")
const showSpecificationButton = document.getElementById("specification-btn");
+ const showEquipmentButton = document.getElementById("options-btn")
const specificationsContent = document.getElementById("specificationsContent");
+ const optionsContent = document.getElementById("optionsContent")
+ const generationContainer = document.getElementById("generation-div")
const ajaxUrl = "{% url 'ajax_handler' %}";
@@ -478,9 +508,11 @@
});
const data = await response.json();
data.forEach((serie) => {
+
const option = document.createElement("option");
option.value = serie.id_car_serie;
option.textContent = document.documentElement.lang === "en" ? serie.name : serie.name;
+ generationContainer.innerHTML = serie.generation_name
serieSelect.appendChild(option);
});
}
@@ -492,7 +524,7 @@
headers: {
"X-Requested-With": "XMLHttpRequest",
"X-CSRFToken": csrfToken,
- },
+ }
});
const data = await response.json();
data.forEach((trim) => {
@@ -504,6 +536,24 @@
showSpecificationButton.disabled = !this.value;
}
+ async function loadEquipment(trimId){
+ resetDropdown(equipmentSelect, '{% trans "Select" %}');
+ optionsContent.innerHTML = "";
+ const response = await fetch(`${ajaxUrl}?action=get_equipments&trim_id=${trimId}`, {
+ headers: {
+ 'X-Requested-With': 'XMLHttpRequest',
+ 'X-CSRFToken': csrfToken
+ }
+ });
+ const data = await response.json();
+ data.forEach((equipment) => {
+ const option = document.createElement('option');
+ option.value = equipment.id_car_equipment;
+ option.textContent = equipment.name;
+ equipmentSelect.appendChild(option);
+ });
+ }
+
async function loadSpecifications(trimId) {
specificationsContent.innerHTML = "";
const response = await fetch(`${ajaxUrl}?action=get_specifications&trim_id=${trimId}`, {
@@ -525,6 +575,28 @@
});
}
+ async function loadOptions(equipmentId) {
+ optionsContent.innerHTML = "";
+ const response = await fetch(`${ajaxUrl}?action=get_options&equipment_id=${equipmentId}`, {
+ headers: {
+ "X-Requested-With": "XMLHttpRequest",
+ "X-CSRFToken": csrfToken,
+ },
+ });
+ const data = await response.json();
+ data.forEach((parent) => {
+ const parentDiv = document.createElement("div");
+ parentDiv.innerHTML = `${parent.parent_name}`;
+ parent.options.forEach((option) => {
+ const optDiv = document.createElement("div");
+ optDiv.innerHTML = `• ${option.option_name}`;
+ parentDiv.appendChild(optDiv);
+ });
+ optionsContent.appendChild(parentDiv);
+ });
+ }
+
+
scanVinBtn.addEventListener("click", () => {
resultDisplay.textContent = "";
startScanner();
@@ -532,29 +604,37 @@
fallbackButton.addEventListener("click", () => {
captureAndOCR();
- });
+ })
serieSelect.addEventListener("change", () => {
const serie_id = serieSelect.value;
const model_id = modelSelect.value;
if (serie_id && model_id) loadTrims(serie_id, model_id);
- });
+ })
trimSelect.addEventListener("change", () => {
- const trimId = trimSelect.value;
- showSpecificationButton.disabled = !trimId;
- if (trimId) loadSpecifications(trimId);
- });
+ const trimId = trimSelect.value
+ showSpecificationButton.disabled = !trimId
+ showEquipmentButton.disabled = !trimId
+ if (trimId) loadSpecifications(trimId)
+ })
+
+ equipmentSelect.addEventListener("change", () => {
+ const equipmentId = equipmentSelect.value
+ if (equipmentId) loadOptions(equipmentId)
+ })
closeButton.addEventListener("click", closeModal);
makeSelect.addEventListener("change", (e) => {
loadModels(e.target.value, modelSelect.value);
- });
+ })
modelSelect.addEventListener("change", (e) => {
loadSeries(e.target.value, yearSelect.value);
- });
+ })
decodeVinBtn.addEventListener("click", decodeVin);
- });
+})
+
+
function showLoading() {
Swal.fire({
title: "{% trans 'Please Wait' %}",
diff --git a/templates/inventory/car_form_qabl alfalsafa.html b/templates/inventory/car_form_qabl alfalsafa.html
new file mode 100644
index 00000000..f481c0fe
--- /dev/null
+++ b/templates/inventory/car_form_qabl alfalsafa.html
@@ -0,0 +1,675 @@
+{% extends "base.html" %} {% load i18n static custom_filters %} {% block content %}
+
+{% include 'partials/form_errors.html' %}
+
+
+
+
+
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/templates/inventory/car_inventory.html b/templates/inventory/car_inventory.html
index 41533e8d..ab11d563 100644
--- a/templates/inventory/car_inventory.html
+++ b/templates/inventory/car_inventory.html
@@ -30,9 +30,9 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% if cars.first.id_car_make.logo %}
- 
+
{% else %}
- 
+
{% endif %}
+
{% endif %}