35 lines
4.4 KiB
JavaScript
35 lines
4.4 KiB
JavaScript
document.querySelector("#profile-foreground-img-file-input") && document.querySelector("#profile-foreground-img-file-input").addEventListener("change", function () {
|
|
var o = document.querySelector(".profile-wid-img"),
|
|
e = document.querySelector(".profile-foreground-img-file-input").files[0],
|
|
i = new FileReader;
|
|
i.addEventListener("load", function () {
|
|
o.src = i.result
|
|
}, !1), e && i.readAsDataURL(e)
|
|
}), document.querySelector("#profile-img-file-input") && 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>',
|
|
e = (o.innerHTML = document.getElementById("newForm").innerHTML + e, document.getElementById("newlink").appendChild(o), document.querySelectorAll("[data-trigger]"));
|
|
Array.from(e).forEach(function (o) {
|
|
new Choices(o, {
|
|
placeholderValue: "This is a placeholder set in the config",
|
|
searchPlaceholderValue: "This is a search placeholder",
|
|
searchEnabled: !1
|
|
})
|
|
})
|
|
}
|
|
|
|
function deleteEl(o) {
|
|
o = (d = document).getElementById(o);
|
|
d.getElementById("newlink").removeChild(o)
|
|
} |