autofill & logo change
This commit is contained in:
Vivek Teega
parent
4fc42d9a7b
commit
8b37b81ebc
@ -300,7 +300,13 @@
|
|||||||
|
|
||||||
// Prevent clicks from inside article from bubbling.
|
// Prevent clicks from inside article from bubbling.
|
||||||
$this.on('click', function(event) {
|
$this.on('click', function(event) {
|
||||||
event.stopPropagation();
|
if (!("jugaad" in event.target.dataset)) {
|
||||||
|
// data attribute doesn't exist
|
||||||
|
event.stopPropagation();
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
event.stopPropagation();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|||||||
BIN
images/transparent_logo.png
Normal file
BIN
images/transparent_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
images/transparent_logo_white.png
Normal file
BIN
images/transparent_logo_white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
411
index.html
411
index.html
@ -54,7 +54,8 @@
|
|||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="icon fa-gem"></span>
|
<!--<span class="icon fa-gem"></span>-->
|
||||||
|
<img class='icon' src='images/transparent_logo_white.png' style='max-width: 100%; max-height: 100%;'>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
@ -71,16 +72,16 @@
|
|||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#intro">Intro</a></li>
|
<li><a href="#intro">Intro</a></li>
|
||||||
<li><a href="#work">Projects</a></li>
|
<li><a href="#projects">Projects</a></li>
|
||||||
<li><a href="#contact">Apply</a></li>
|
<li><a href="#apply">Apply</a></li>
|
||||||
<!--<li><a href="#elements">Elements</a></li>-->
|
<!--<li><a href="#elements">Elements</a></li>-->
|
||||||
|
<li><a href="#list">List</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Main -->
|
<!-- Main -->
|
||||||
<div id="main">
|
<div id="main">
|
||||||
|
|
||||||
<!-- Intro -->
|
<!-- Intro -->
|
||||||
<article id="intro">
|
<article id="intro">
|
||||||
<h2 class="major">Intro</h2>
|
<h2 class="major">Intro</h2>
|
||||||
@ -99,13 +100,19 @@
|
|||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Work -->
|
<!-- Work -->
|
||||||
<article id="work">
|
<article id="projects">
|
||||||
<h2 class="major">Projects</h2>
|
<h2 class="major">Projects</h2>
|
||||||
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
|
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
|
||||||
<p>This is some random text which will be replaced with much more creative introduction to the Project
|
<p>This is some random text which will be replaced with much more creative introduction to the Project
|
||||||
List</p>
|
List</p>
|
||||||
<div id='projectlist'>
|
<form method="post" action="#" id='projectform'>
|
||||||
</div>
|
<div id='projectlist'>
|
||||||
|
</div>
|
||||||
|
<ul id='projectactionlist' class="actions" style="display:none">
|
||||||
|
<li><input type="submit" value="Apply" /></li>
|
||||||
|
<li><input type="reset" value="Reset" id='resetform' /></li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- About -->
|
<!-- About -->
|
||||||
@ -120,7 +127,7 @@
|
|||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Contact -->
|
<!-- Contact -->
|
||||||
<article id="contact">
|
<article id="apply">
|
||||||
<h2 class="major">Apply</h2>
|
<h2 class="major">Apply</h2>
|
||||||
<form method="post" action="#" id='applicationform'>
|
<form method="post" action="#" id='applicationform'>
|
||||||
<div class="fields">
|
<div class="fields">
|
||||||
@ -149,8 +156,15 @@
|
|||||||
<input type="text" name="whatsapp" id="whatsapp" />
|
<input type="text" name="whatsapp" id="whatsapp" />
|
||||||
</div>
|
</div>
|
||||||
<div class="field half">
|
<div class="field half">
|
||||||
<label for="floid">*FLO ID</label>
|
<label for="floid">FLO ID</label>
|
||||||
<input type="text" name="floid" id="floid" />
|
<input type="text" name="floid" id="floid" readonly />
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<label for="floid">Project</label>
|
||||||
|
<!--<input type="text" name="floid" id="floid" />-->
|
||||||
|
<select name="formprojectlist" id="formprojectlist">
|
||||||
|
<option disabled selected value> -- select project -- </option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="field" style='display:"none"'>
|
<!--<div class="field" style='display:"none"'>
|
||||||
<label for="message">Message</label>
|
<label for="message">Message</label>
|
||||||
@ -422,6 +436,258 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
|||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
|
<!-- List -->
|
||||||
|
<article id="list">
|
||||||
|
<h2 class="major">Applicant List</h2>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3 class="major">Text</h3>
|
||||||
|
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is
|
||||||
|
<em>emphasized</em>.
|
||||||
|
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
|
||||||
|
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a
|
||||||
|
href="#">this is a link</a>.</p>
|
||||||
|
<hr />
|
||||||
|
<h2>Heading Level 2</h2>
|
||||||
|
<h3>Heading Level 3</h3>
|
||||||
|
<h4>Heading Level 4</h4>
|
||||||
|
<h5>Heading Level 5</h5>
|
||||||
|
<h6>Heading Level 6</h6>
|
||||||
|
<hr />
|
||||||
|
<h4>Blockquote</h4>
|
||||||
|
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus
|
||||||
|
euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis
|
||||||
|
iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem
|
||||||
|
ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
|
||||||
|
<h4>Preformatted</h4>
|
||||||
|
<pre>
|
||||||
|
<code>i = 0;
|
||||||
|
while (!deck.isInOrder()) {
|
||||||
|
print 'Iteration ' + i;
|
||||||
|
deck.shuffle();
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
|
||||||
|
print 'It took ' + i + ' iterations to sort the deck.';
|
||||||
|
</code>
|
||||||
|
</pre>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3 class="major">Lists</h3>
|
||||||
|
|
||||||
|
<h4>Unordered</h4>
|
||||||
|
<ul>
|
||||||
|
<li>Dolor pulvinar etiam.</li>
|
||||||
|
<li>Sagittis adipiscing.</li>
|
||||||
|
<li>Felis enim feugiat.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>Alternate</h4>
|
||||||
|
<ul class="alt">
|
||||||
|
<li>Dolor pulvinar etiam.</li>
|
||||||
|
<li>Sagittis adipiscing.</li>
|
||||||
|
<li>Felis enim feugiat.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>Ordered</h4>
|
||||||
|
<ol>
|
||||||
|
<li>Dolor pulvinar etiam.</li>
|
||||||
|
<li>Etiam vel felis viverra.</li>
|
||||||
|
<li>Felis enim feugiat.</li>
|
||||||
|
<li>Dolor pulvinar etiam.</li>
|
||||||
|
<li>Etiam vel felis lorem.</li>
|
||||||
|
<li>Felis enim et feugiat.</li>
|
||||||
|
</ol>
|
||||||
|
<h4>Icons</h4>
|
||||||
|
<ul class="icons">
|
||||||
|
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
||||||
|
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||||
|
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||||
|
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>Actions</h4>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><a href="#" class="button primary">Default</a></li>
|
||||||
|
<li><a href="#" class="button">Default</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions stacked">
|
||||||
|
<li><a href="#" class="button primary">Default</a></li>
|
||||||
|
<li><a href="#" class="button">Default</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3 class="major">Table</h3>
|
||||||
|
<h4>Default</h4>
|
||||||
|
<div class="table-wrapper">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Description</th>
|
||||||
|
<th>Price</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Item One</td>
|
||||||
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Two</td>
|
||||||
|
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||||
|
<td>19.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Three</td>
|
||||||
|
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Four</td>
|
||||||
|
<td>Vitae integer tempus condimentum.</td>
|
||||||
|
<td>19.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Five</td>
|
||||||
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2"></td>
|
||||||
|
<td>100.00</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4>Alternate</h4>
|
||||||
|
<div class="table-wrapper">
|
||||||
|
<table class="alt">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Description</th>
|
||||||
|
<th>Price</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Item One</td>
|
||||||
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Two</td>
|
||||||
|
<td>Vis ac commodo adipiscing arcu aliquet.</td>
|
||||||
|
<td>19.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Three</td>
|
||||||
|
<td> Morbi faucibus arcu accumsan lorem.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Four</td>
|
||||||
|
<td>Vitae integer tempus condimentum.</td>
|
||||||
|
<td>19.99</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Item Five</td>
|
||||||
|
<td>Ante turpis integer aliquet porttitor.</td>
|
||||||
|
<td>29.99</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2"></td>
|
||||||
|
<td>100.00</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3 class="major">Buttons</h3>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><a href="#" class="button primary">Primary</a></li>
|
||||||
|
<li><a href="#" class="button">Default</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><a href="#" class="button">Default</a></li>
|
||||||
|
<li><a href="#" class="button small">Small</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
|
||||||
|
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><span class="button primary disabled">Disabled</span></li>
|
||||||
|
<li><span class="button disabled">Disabled</span></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h3 class="major">Form</h3>
|
||||||
|
<form method="post" action="#">
|
||||||
|
<div class="fields">
|
||||||
|
<div class="field half">
|
||||||
|
<label for="demo-name">Name</label>
|
||||||
|
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<label for="demo-email">Email</label>
|
||||||
|
<input type="email" name="demo-email" id="demo-email" value=""
|
||||||
|
placeholder="jane@untitled.tld" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label for="demo-category">Category</label>
|
||||||
|
<select name="demo-category" id="demo-category">
|
||||||
|
<option value="">-</option>
|
||||||
|
<option value="1">Manufacturing</option>
|
||||||
|
<option value="1">Shipping</option>
|
||||||
|
<option value="1">Administration</option>
|
||||||
|
<option value="1">Human Resources</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
|
||||||
|
<label for="demo-priority-low">Low</label>
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<input type="radio" id="demo-priority-high" name="demo-priority">
|
||||||
|
<label for="demo-priority-high">High</label>
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<input type="checkbox" id="demo-copy" name="demo-copy">
|
||||||
|
<label for="demo-copy">Email me a copy</label>
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<input type="checkbox" id="demo-human" name="demo-human" checked>
|
||||||
|
<label for="demo-human">Not a robot</label>
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label for="demo-message">Message</label>
|
||||||
|
<textarea name="demo-message" id="demo-message" placeholder="Enter your message"
|
||||||
|
rows="6"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><input type="submit" value="Send Message" class="primary" /></li>
|
||||||
|
<li><input type="reset" value="Reset" /></li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
@ -9552,35 +9818,78 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
|||||||
/*async function loadRIBC() {
|
/*async function loadRIBC() {
|
||||||
floCloudAPI.requestObjectData('RIBC', options = { senderIDs: false, receiverID: "FMeiptdJNtYQEtzyYAVNP8fjsDJ1i4EPfE", application: 'RIBC' })
|
floCloudAPI.requestObjectData('RIBC', options = { senderIDs: false, receiverID: "FMeiptdJNtYQEtzyYAVNP8fjsDJ1i4EPfE", application: 'RIBC' })
|
||||||
}*/
|
}*/
|
||||||
|
function validateEmail(mail) {
|
||||||
|
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail)) {
|
||||||
|
return (true)
|
||||||
|
}
|
||||||
|
alert("You have entered an invalid email address!")
|
||||||
|
return (false)
|
||||||
|
}
|
||||||
|
|
||||||
|
function validatePhonenumber(inputtxt) {
|
||||||
|
var phoneno = /^\d{10}$/;
|
||||||
|
if ((inputtxt.value.match(phoneno))) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert("You have entered an invalid phone number!");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
async function fetchInternApplicants() {
|
async function fetchInternApplicants() {
|
||||||
let applicants = await floCloudAPI.requestGeneralData('test')
|
let applicants = await floCloudAPI.requestGeneralData('test')
|
||||||
debugger;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Handler for Applicant form submission
|
//Handler for Applicant form submission
|
||||||
document.getElementById('applicationform').addEventListener('submit', (ev) => {
|
document.getElementById('applicationform').addEventListener('submit', (ev) => {
|
||||||
ev.preventDefault()
|
ev.preventDefault()
|
||||||
|
|
||||||
aname = document.getElementById('name').value
|
aname = document.getElementById('name').value
|
||||||
|
aname = aname.replace(/\s+/g, ' ')
|
||||||
|
aname = aname.trim()
|
||||||
|
if (aname == '') {
|
||||||
|
alert('You have entered an invalid name!')
|
||||||
|
}
|
||||||
|
|
||||||
aemail = document.getElementById('email').value
|
aemail = document.getElementById('email').value
|
||||||
|
aemail = aemail.replace(/\s+/g, ' ')
|
||||||
|
aemail = aemail.trim()
|
||||||
|
if (!validateEmail(aemail)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
acollege = document.getElementById('college').value
|
acollege = document.getElementById('college').value
|
||||||
|
acollege = acollege.replace(/\s+/g, ' ')
|
||||||
|
acollege = acollege.trim()
|
||||||
|
if (acollege == '') {
|
||||||
|
alert('You have entered an invalid college!')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
acourse = document.getElementById('course').value
|
acourse = document.getElementById('course').value
|
||||||
|
|
||||||
adob = document.getElementById('dob').value
|
adob = document.getElementById('dob').value
|
||||||
|
|
||||||
awhatsapp = document.getElementById('whatsapp').value
|
awhatsapp = document.getElementById('whatsapp').value
|
||||||
afloid = document.getElementById('floid').value
|
|
||||||
|
afloid = myFloID
|
||||||
|
|
||||||
|
aproject = document.getElementById('formprojectlist').value
|
||||||
|
|
||||||
let detailsObj = {
|
let detailsObj = {
|
||||||
'name' : aname,
|
'name': aname,
|
||||||
'email' : aemail,
|
'email': aemail,
|
||||||
'college' : acollege,
|
'college': acollege,
|
||||||
'course' : acourse,
|
'course': acourse,
|
||||||
'dob' : adob,
|
'dob': adob,
|
||||||
'whatsapp' : awhatsapp
|
'whatsapp': awhatsapp,
|
||||||
|
'project': aproject
|
||||||
}
|
}
|
||||||
|
|
||||||
let mainObj = {}
|
let mainObj = {}
|
||||||
mainObj[afloid] = detailsObj
|
mainObj[afloid] = detailsObj
|
||||||
floCloudAPI.sendGeneralData(JSON.stringify(mainObj), 'test1')
|
floCloudAPI.sendGeneralData(JSON.stringify(mainObj), 'test2')
|
||||||
document.getElementById('resetform').click()
|
document.getElementById('resetform').click()
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -9598,36 +9907,88 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
|||||||
console.log(result)
|
console.log(result)
|
||||||
alert(`Welcome FLO_ID: ${myFloID}`)
|
alert(`Welcome FLO_ID: ${myFloID}`)
|
||||||
|
|
||||||
|
document.getElementById('floid').value = myFloID
|
||||||
|
|
||||||
//App functions....
|
//App functions....
|
||||||
/*loadRIBC()
|
/*loadRIBC()
|
||||||
.then(loadres => {
|
.then(loadres => {
|
||||||
|
|
||||||
|
|
||||||
}) */
|
}) */
|
||||||
|
|
||||||
let ribcAppdata = floCloudAPI.requestObjectData('RIBC', options = { senderIDs: false, receiverID: "FMeiptdJNtYQEtzyYAVNP8fjsDJ1i4EPfE", application: 'RIBC' })
|
let ribcAppdata = floCloudAPI.requestObjectData('RIBC', options = { senderIDs: false, receiverID: "FMeiptdJNtYQEtzyYAVNP8fjsDJ1i4EPfE", application: 'RIBC' })
|
||||||
let ribcGendata = floCloudAPI.requestGeneralData('test')
|
let ribcGendata = floCloudAPI.requestGeneralData('test2')
|
||||||
|
|
||||||
Promise.all([ribcAppdata, ribcGendata]).then((values) => {
|
Promise.all([ribcAppdata, ribcGendata]).then((values) => {
|
||||||
console.log("Hey I'm here, the promises just got resolved")
|
console.log("Hey I'm here, the promises just got resolved")
|
||||||
console.log(values)
|
console.log(values)
|
||||||
|
|
||||||
|
// Project list related operations
|
||||||
let projectDetails = floGlobals.appObjects.RIBC.projectDetails
|
let projectDetails = floGlobals.appObjects.RIBC.projectDetails
|
||||||
let projectDetailsKeys = Object.keys(projectDetails)
|
let projectDetailsKeys = Object.keys(projectDetails)
|
||||||
|
|
||||||
let projectlistContainer = document.getElementById('projectlist')
|
let projectlistContainer = document.getElementById('projectlist')
|
||||||
|
let formprojectlistContainer = document.getElementById('formprojectlist')
|
||||||
for (let i = 0; i < projectDetailsKeys.length; i++) {
|
for (let i = 0; i < projectDetailsKeys.length; i++) {
|
||||||
|
|
||||||
newHtml = `<h4>${projectDetails[projectDetailsKeys[i]].projectName}</h4>
|
newHtml = `<div class="field">
|
||||||
|
<input type="checkbox" name="vehicle${i}" id="vehicle${i}">
|
||||||
|
<label for="vehicle${i}" data-jugaad="checkbox">${projectDetails[projectDetailsKeys[i]].projectName}</label>
|
||||||
|
</div>
|
||||||
<p>${projectDetails[projectDetailsKeys[i]].projectDescription}</p>`
|
<p>${projectDetails[projectDetailsKeys[i]].projectDescription}</p>`
|
||||||
|
|
||||||
projectlistContainer.innerHTML = projectlistContainer.innerHTML + newHtml
|
projectlistContainer.innerHTML = projectlistContainer.innerHTML + newHtml
|
||||||
|
|
||||||
|
applicationformHtml = `<option value="${projectDetails[projectDetailsKeys[i]].projectName}">${projectDetails[projectDetailsKeys[i]].projectName}</option>`
|
||||||
|
formprojectlistContainer.innerHTML = formprojectlistContainer.innerHTML + applicationformHtml
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('projectactionlist').style.display = 'flex'
|
||||||
|
|
||||||
|
// User list related operations
|
||||||
|
let applicantsArray = floGlobals.generalData['{"application":"TEST_MODE","type":"test2"}']
|
||||||
|
let applicantsIDarray = []
|
||||||
|
for (let i = 0; i < applicantsArray.length; i++) {
|
||||||
|
applicantsIDarray.push(applicantsArray[i]['sender'])
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (applicantsIDarray.includes(myFloID)) {
|
||||||
|
window.isApplicant = true
|
||||||
|
window.applicantProjects = []
|
||||||
|
for (let i = 0; i < applicantsArray.length; i++) {
|
||||||
|
if (myFloID == applicantsArray[i]['sender']) {
|
||||||
|
var temp = JSON.parse(applicantsArray[i]['message'])
|
||||||
|
applicantProjects.push(temp[myFloID]['project'])
|
||||||
|
|
||||||
|
// force user to not change his details if he already exists
|
||||||
|
if (i == 0) {
|
||||||
|
document.getElementById('name').value = temp[myFloID]['name']
|
||||||
|
document.getElementById('name').readOnly = true
|
||||||
|
document.getElementById('email').value = temp[myFloID]['email']
|
||||||
|
document.getElementById('email').readOnly = true
|
||||||
|
document.getElementById('college').value = temp[myFloID]['college']
|
||||||
|
document.getElementById('college').readOnly = true
|
||||||
|
document.getElementById('course').value = temp[myFloID]['course']
|
||||||
|
document.getElementById('course').readOnly = true
|
||||||
|
document.getElementById('dob').value = temp[myFloID]['dob']
|
||||||
|
document.getElementById('dob').readOnly = true
|
||||||
|
document.getElementById('whatsapp').value = temp[myFloID]['whatsapp']
|
||||||
|
document.getElementById('whatsapp').readOnly = true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
window.isApplicant = false
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
}).catch(error => console.error(error))
|
}).catch(error => console.error(error))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function checkboxBehaviour() {
|
||||||
|
console.log('I just clicked a checkbox')
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user