https://motionpumping.com/wp-content/plugins/WP_GDPR_Fix/assets/js/multi_inputs.js

1function wpgdrMangeInputs() {
2  this.current_inp_count = 0;
3  this.createINP = function (name = "", msg = "", req = 0 ,ex_date = "") {
4    let inp = document.createElement("div");
5
6    inp.setAttribute("lvl", this.current_inp_count);
7    inp.classList.add("lvl-container");
8    inp.classList.add("mb-2");
9
10    let inp_html = `
11        <div class="row form-group" style="text-align: left !important">
12            <div class="col-12 text-right"><i class="fa fa-times-circle delinp"></i></div>
13            <div class="row form-group">
14                <div class="col-5">
15                    <label class="col-form-label">Cookie Type:</label>
16                </div>
17                <div class="col-7">
18                    <div class="col pdl-0 form-group">
19                    
20                        <select class="inpreq" style="max-width: 100%; width: 100%;">
21                            <option value="0" ${ req == 0 ? "selected" : "" }>Necessary</option>
22                            <option value="1" ${ req == 1 ? "selected" : "" }>Functional</option>
23                            <option value="2" ${ req == 2 ? "selected" : "" }>Analytics</option>
24                            <option value="3" ${ req == 3 ? "selected" : "" }>Performance</option>
25                            <option value="4" ${ req == 4 ? "selected" : "" }>Advertisement</option>
26                            <option value="5" ${ req == 5 ? "selected" : "" }>Others</option>
27                        </select>
28                    </div>
29                </div>   
30            </div>
31            <div class="row form-group">
32                <div class="col-5">
33                    <label class="col-form-label">Enter the title:</label>
34                </div>
35                <div class="col-7">
36                    <div class="col pdl-0 form-group">
37                        <input type="text" class="form-control inpname" placeholder="Enter the title" required="required" value="${name}">
38                    </div>
39                </div>   
40            </div>            
41            <div class="row form-group">
42                <div class="col-5">
43                    <label class="col-form-label">Enter your message:</label>
44                </div>
45                <div class="col-7">
46                    <div class="col pdl-0 form-group">
47                      <textarea class="inpmsg form-control" style="width:100%;" placeholder="Enter your message" required="required">${msg}</textarea>
48                    </div>
49                </div>   
50            </div> 
51            <div class="row form-group">
52            <div class="col-5">
53                <label class="col-form-label">Enter Expiry Date:</label>
54            </div>
55            <div class="col-7">
56                <div class="col pdl-0 form-group">
57                    <input type="date" class="form-control inpdate" id="inpdate" name="inpdate" required="required" value="${ex_date}">                    
58                </div>
59            </div>   
60        </div>
61		</div>`;
62    inp.innerHTML = inp_html;
63
64    let main_container = document.querySelectorAll("#wpgdpr-Custom-Inputs")[0];
65    main_container.appendChild(inp);
66    main_container.scrollTop = main_container.scrollHeight;
67
68    let _this = this;
69
70    setTimeout(function () {
71      let arr = [inp.querySelectorAll("input.inpname")[0]];
72      let ttl = inp.querySelectorAll("textarea.inpmsg")[0];
73      let ex_date = [inp.querySelectorAll("input.inpdate")[0]];
74      arr.forEach((doc) => {
75        doc.disabled = false;
76      });
77      ttl.placeholder = "Enter message";
78    }, 200);
79
80    inp.addEventListener("click", function () {
81      document
82        .querySelectorAll("#wpgdpr-Custom-Inputs div[lvl]")
83        .forEach((doc) => {
84          doc.classList.remove("selected_input");
85        });
86      this.classList.add("selected_input");
87    });
88
89    let inp_close = inp.querySelectorAll(".delinp")[0];
90    inp_close.inp = inp;
91    inp_close.addEventListener("click", function () {
92      let inp = this.inp;
93      let doc = document.querySelectorAll(`#wpgdpr-Custom-Inputs`)[0];
94      doc.removeChild(inp);
95      let count = 0;
96      doc.querySelectorAll("div[lvl]").forEach((lvl) => {
97        ++count;
98        lvl.setAttribute("lvl", count);
99      });
100    });
101  };
102
103  this.getInputs = function () {

104    let docs = document.querySelectorAll("#wpgdpr-Custom-Inputs div[lvl]");
105    let inputs = [];
106    docs.forEach((item, index) => {
107      let getVal = function (cls) {
108        return item.querySelectorAll(`.${cls}`)[0].value;
109      };
110
111      let inpname = getVal("inpname");
112      let inpmsg = getVal("inpmsg");
113      let inpreq = getVal("inpreq"); 
114      let inpdate = getVal("inpdate"); 
115      inputs.push({ inpname, inpmsg, inpreq , inpdate });
116    });
117    return JSON.stringify(inputs);
118  };
119}