41 lines
4.1 KiB
JavaScript
41 lines
4.1 KiB
JavaScript
document
|
|
.querySelector("#profile-img-file-input")
|
|
.addEventListener("change", function () {
|
|
var o = document.querySelector(".user-profile-image"),
|
|
e = document.querySelector(".profile-img-file-input").files[0],
|
|
i = new FileReader();
|
|
i.addEventListener(
|
|
"load",
|
|
function () {
|
|
o.src = i.result;
|
|
},
|
|
!1
|
|
),
|
|
e && i.readAsDataURL(e);
|
|
});
|
|
var count = 2;
|
|
function new_link() {
|
|
count++;
|
|
var o = document.createElement("div"),
|
|
e =
|
|
'<div class="row"><div class="col-lg-12"><div class="mb-3"><label for="jobTitle1" class="form-label">Job Title</label><input type="text" class="form-control" id="jobTitle1" placeholder="Job title"></div></div><div class="col-lg-6"><div class="mb-3"><label for="companyName" class="form-label">Company Name</label><input type="text" class="form-control" id="companyName" placeholder="Company name"></div></div><div class="col-lg-6"><div class="mb-3"><label for="choices-single-default3" class="form-label">Experience Years</label><div class="row"><div class="col-lg-5"><select class="form-control" data-trigger name="choices-single-default3"> <option value="">Select years</option><option value="Choice 1">2001</option><option value="Choice 2">2002</option><option value="Choice 3">2003</option><option value="Choice 4">2004</option><option value="Choice 5">2005</option><option value="Choice 6">2006</option><option value="Choice 7">2007</option><option value="Choice 8">2008</option><option value="Choice 9">2009</option><option value="Choice 10">2010</option><option value="Choice 11">2011</option><option value="Choice 12">2012</option><option value="Choice 13">2013</option><option value="Choice 14">2014</option><option value="Choice 15">2015</option><option value="Choice 16">2016</option><option value="Choice 17">2017</option><option value="Choice 18">2018</option><option value="Choice 19">2019</option><option value="Choice 20">2020</option><option value="Choice 21">2021</option><option value="Choice 22">2022</option></select></div><div class="col-auto align-self-center">to</div><div class="col-lg-5"><select class="form-control" data-trigger name="choices-single-default2"><option value="">Select years</option><option value="Choice 1">2001</option><option value="Choice 2">2002</option><option value="Choice 3">2003</option><option value="Choice 4">2004</option><option value="Choice 5">2005</option><option value="Choice 6">2006</option><option value="Choice 7">2007</option><option value="Choice 8">2008</option><option value="Choice 9">2009</option><option value="Choice 10">2010</option><option value="Choice 11">2011</option><option value="Choice 12">2012</option><option value="Choice 13">2013</option><option value="Choice 14">2014</option><option value="Choice 15">2015</option><option value="Choice 16">2016</option><option value="Choice 17">2017</option><option value="Choice 18">2018</option><option value="Choice 19">2019</option><option value="Choice 20">2020</option><option value="Choice 21">2021</option><option value="Choice 22">2022</option></select></div></div></div></div><div class="col-lg-12"><div class="mb-3"><label for="jobDescription" class="form-label">Job Description</label><textarea class="form-control" id="jobDescription" rows="3" placeholder="Enter description"></textarea></div></div><div class="hstack gap-2 justify-content-end"><a class="btn btn-success" href="javascript:deleteEl(' +
|
|
(o.id = count) +
|
|
')">Delete</a></div></div>';
|
|
(o.innerHTML = document.getElementById("newForm").innerHTML + e),
|
|
document.getElementById("newlink").appendChild(o);
|
|
var t = document.querySelectorAll("[data-trigger]");
|
|
for (i = 0; i < t.length; ++i) {
|
|
var l = t[i];
|
|
new Choices(l, {
|
|
placeholderValue: "This is a placeholder set in the config",
|
|
searchPlaceholderValue: "This is a search placeholder",
|
|
searchEnabled: !1,
|
|
});
|
|
}
|
|
}
|
|
function deleteEl(o) {
|
|
d = document;
|
|
o = d.getElementById(o);
|
|
d.getElementById("newlink").removeChild(o);
|
|
}
|