aps/Common.js at master · ps43304/aps · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
let refreshPage = document.getElementById('refreshPage');
if(refreshPage){
  refreshPage.addEventListener('click', function(){
      location.reload();
  })
}


let brandDropdown = document.querySelectorAll('.brandDropdown');
if(brandDropdown){
    for (let element of brandDropdown) {
        element.addEventListener('change', async function(){
            let modelList = await window.electron.getBrandByModel({brand_id: this.value});
            let modelDropdown = document.getElementById('modelDropdown');
            modelDropdown.innerHTML = '';
            modelDropdown.innerHTML = '<option value="">--Select Model--</option>';
            if(modelList?.data){
                for (let opt of modelList?.data) {
                    modelDropdown.insertAdjacentHTML(
                        'beforeend',
                        `<option value='${opt?.id}'>${ucfirst(opt?.name)}</option>`
                    );
                }
            }
        });
    }
}

async function getAllDropDownBrand(){
    try {
        let brands = document.querySelectorAll(".brands");
        if(brands){
            let all = await window.electron.getAllBrands();
            for (let elementSelect of brands) {
                if(all?.data?.length > 0){
                  for (let element of all.data) {
                        elementSelect.insertAdjacentHTML(
                            'beforeend',
                            `<option value='${element?.id}'>${ucfirst(element?.name)}</option>`
                        );
                  }
                }
            }
        }
    } catch (error) {
        console.error("Insert Error:", error);
    }
}

async function getAllDropDownModel(){
    try {
        let brands = document.querySelectorAll(".models");
        if(brands){
            let all = await window.electron.getAllModels();
            for (let elementSelect of brands) {
                if(all?.data?.length > 0){
                  for (let element of all.data) {
                        elementSelect.insertAdjacentHTML(
                            'beforeend',
                            `<option value='${element?.id}'>${ucfirst(element?.name)}</option>`
                        );
                  }
                }
            }
        }
    } catch (error) {
        console.error("Insert Error:", error);
    }
}

async function getAllDropDownType(){
    try {
        let typeDropDown = document.querySelectorAll(".typeDropDown");
        if(typeDropDown){
            let all = await window.electron.getAllTypes();
            for (let elementSelect of typeDropDown) {
                if(all?.data?.length > 0){
                  for (let element of all.data) {
                        elementSelect.insertAdjacentHTML(
                            'beforeend',
                            `<option value='${element?.id}'>${ucfirst(element?.name)}</option>`
                        );
                  }
                }
            }
        }
    } catch (error) {
        console.error("Insert Error:", error);
    }
}


function ucfirst(str) {
    if (!str) return '';
    return str.charAt(0).toUpperCase() + str.slice(1);
}

window.addEventListener("DOMContentLoaded", async () => {
    getAllDropDownBrand();
    getAllDropDownType();
});