RanchiMall/ribc
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature update and bug fix

Browse Source 
-- Added - filtering intern updates by date

-- fixed - bug that caused infinite loop when end of update list is reached
This commit is contained in:
sairaj mote 2021-08-03 01:22:55 +05:30
parent 5b80f45560
commit 56006d81cf
5 changed files with 202 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components.js
View File

@ -362,11 +362,15 @@ smCopy.innerHTML = `
} }
.copy{ .copy{
display: grid; display: grid;
gap: 1rem; gap: 0.5rem;
padding: var(--padding); padding: var(--padding);
align-items: center; align-items: center;
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;
} }
.copy-content{
overflow-wrap: break-word;
word-wrap: break-word;
}
.copy-button{ .copy-button{
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;

69
css/main.css
View File

@ -38,6 +38,9 @@ body[data-theme=dark] * {
--foreground-color: rgb(20, 20, 20); --foreground-color: rgb(20, 20, 20);
--danger-color: rgb(255, 106, 106); --danger-color: rgb(255, 106, 106);
} }
body[data-theme=dark] ::-webkit-calendar-picker-indicator {
filter: invert(1);
}
p { p {
max-width: 70ch; max-width: 70ch;
@ -697,40 +700,43 @@ ul {
font-weight: 500; font-weight: 500;
} }
#intern_info { #intern_info_popup .grid > * {
flex-direction: column; justify-self: center;
} }
#intern_info_popup #update_intern_score {
#intern_info div {
display: flex;
flex-direction: row;
align-items: center;
width: 100%; width: 100%;
margin-top: 1rem;
}
#intern_info__initials {
margin-bottom: 1rem; margin-bottom: 1rem;
position: relative;
height: 3rem;
width: 3rem;
font-size: 1.3rem;
}
#intern_info__initials::before {
content: "";
position: absolute;
background-color: inherit;
border-radius: inherit;
height: calc(100% + 1.5rem);
width: calc(100% + 1.5rem);
opacity: 0.3;
z-index: -1;
} }
#intern_info div span { #intern_info__name {
flex: 1; font-size: 1.5rem;
word-break: break-all; margin-bottom: 0.5rem;
font-size: 0.9rem;
} }
#intern_info .gold-fill { .gold-fill {
fill: #FF5722; fill: #FF5722;
} }
#intern_info #update_intern_score h4 { #intern_info__score {
margin: 0; font-size: 1.5rem;
font-size: 2rem;
}
#intern_info h3 {
text-transform: capitalize;
}
#intern_info h4,
#intern_info h5 {
margin-top: 0.5rem;
} }
#project_info { #project_info {
@ -845,6 +851,7 @@ ul {
.assigned-interns { .assigned-interns {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 1rem;
} }
.assigned-interns .assigned-intern { .assigned-interns .assigned-intern {
@ -1218,6 +1225,20 @@ ul {
gap: 1.5rem; gap: 1.5rem;
} }
input[type=date] {
padding: 0.5rem;
border: rgba(var(--text-color), 0.2) solid thin;
border-radius: 0.3rem;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: rgba(var(--text-color), 0.06);
}
input[type=date]:focus {
outline: none;
box-shadow: 0 0 0 0.1rem var(--accent-color);
}
.search__icon { .search__icon {
height: 1.2rem; height: 1.2rem;
width: 1.2rem; width: 1.2rem;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

76
css/main.scss
View File

@ -42,6 +42,9 @@ body[data-theme='dark'] {
--foreground-color: rgb(20, 20, 20); --foreground-color: rgb(20, 20, 20);
--danger-color: rgb(255, 106, 106); --danger-color: rgb(255, 106, 106);
} }
::-webkit-calendar-picker-indicator {
filter: invert(1);
}
} }
p { p {
@ -721,40 +724,43 @@ ul {
font-weight: 500; font-weight: 500;
} }
#intern_info { #intern_info_popup {
flex-direction: column; .grid{
& > *{
justify-self: center;
}
}
#update_intern_score{
width: 100%;
margin-top: 1rem;
}
} }
#intern_info__initials{
#intern_info div {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 1rem; margin-bottom: 1rem;
position: relative;
height: 3rem;
width: 3rem;
font-size: 1.3rem;
&::before{
content: '';
position: absolute;
background-color: inherit;
border-radius: inherit;
height: calc(100% + 1.5rem);
width: calc(100% + 1.5rem);
opacity: 0.3;
z-index: -1;
}
} }
#intern_info__name{
#intern_info div span { font-size: 1.5rem;
flex: 1; margin-bottom: 0.5rem;
word-break: break-all;
font-size: 0.9rem;
} }
.gold-fill {
#intern_info .gold-fill {
fill: #FF5722; fill: #FF5722;
} }
#intern_info__score{
#intern_info #update_intern_score h4 { font-size: 1.5rem;
margin: 0;
font-size: 2rem;
}
#intern_info h3 {
text-transform: capitalize;
}
#intern_info h4,
#intern_info h5 {
margin-top: 0.5rem;
} }
#project_info { #project_info {
@ -875,6 +881,7 @@ ul {
.assigned-interns { .assigned-interns {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 1rem;
} }
.assigned-interns .assigned-intern { .assigned-interns .assigned-intern {
@ -1248,6 +1255,19 @@ ul {
#update_filters_wrapper{ #update_filters_wrapper{
gap: 1.5rem; gap: 1.5rem;
} }
input[type="date"]{
padding: 0.5rem;
border: rgba(var(--text-color), 0.2) solid thin;
border-radius: 0.3rem;
font-family: inherit;
font-size: inherit;
color: inherit;
background-color: rgba(var(--text-color), 0.06);
&:focus{
outline: none;
box-shadow: 0 0 0 0.1rem var(--accent-color);
}
}
.search__icon{ .search__icon{
height: 1.2rem; height: 1.2rem;
width: 1.2rem; width: 1.2rem;

183
new.html
View File

@ -361,6 +361,10 @@
<h5 class="uppercase">By Intern</h5> <h5 class="uppercase">By Intern</h5>
<sm-select id="updates_page__intern_selector"></sm-select> <sm-select id="updates_page__intern_selector"></sm-select>
</div> </div>
<label class="grid gap-0-5">
<h5 class="uppercase">By date</h5>
<input type="date" id="updates_page__date_selector" aria-label="Filter updates by date" min="2020-01-01">
</label>
<sm-button onclick="clearFilter()">Clear</sm-button> <sm-button onclick="clearFilter()">Clear</sm-button>
</section> </section>
<section id="updates_wrapper"> <section id="updates_wrapper">
@ -403,22 +407,37 @@
</article> </article>
</main> </main>
<sm-popup id="intern_info"> <sm-popup id="intern_info_popup">
<h3>Intern name</h3> <header slot="header" class="popup__header">
<sm-copy id="intern_info__flo_id"></sm-copy> <button class="popup__header__close" onclick="hidePopup()">
<h4 class="admin-options hide-completely">Update Rating</h4> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<div id="update_intern_score"> <path fill="none" d="M0 0h24v24H0z" />
<svg class="icon gold-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg> <path
<h4 id="intern_info__score"></h4> d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
<sm-button id="reduce_score_button" class="admin-options hide-completely" title="increase intern score" </svg>
onclick="changeScore(-1)"> </button>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></svg> </header>
</sm-button> <section class="grid gap-1">
<sm-button id="increase_score_button" class="admin-options hide-completely" title="decrease intern score" <div id="intern_info__initials" class="intern-card__initials"></div>
onclick="changeScore(1)"> <h3 id="intern_info__name">Intern name</h3>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg> <sm-copy id="intern_info__flo_id"></sm-copy>
</sm-button> <div id="update_intern_score" class="flex align-center space-between">
</div> <div class="flex">
<svg class="icon gold-fill button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg>
<h4 id="intern_info__score"></h4>
</div>
<div class="flex admin-options hide-completely">
<sm-button id="reduce_score_button" title="increase intern score"
onclick="changeScore(-1)">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></svg>
</sm-button>
<sm-button id="increase_score_button" title="decrease intern score"
onclick="changeScore(1)">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>
</sm-button>
</div>
</div>
</section>
</sm-popup> </sm-popup>
<sm-popup id="intern_list_popup"> <sm-popup id="intern_list_popup">
@ -1649,10 +1668,10 @@
card.firstElementChild.classList.add('completed-task') card.firstElementChild.classList.add('completed-task')
} }
if (assignedInterns || typeOfUser === 'general') { if (assignedInterns || typeOfUser === 'general') {
getInternDetails(assignedInterns).forEach((intern) => { assignedInterns.forEach((internFloId) => {
frag.append(render.assignedInternCard(intern)); frag.append(render.assignedInternCard(internFloId));
}) })
card.querySelector('.assigned-interns').appendChild(frag) card.querySelector('.assigned-interns').append(frag)
} }
else { else {
if(typeOfUser === 'intern'){ if(typeOfUser === 'intern'){
@ -1694,7 +1713,7 @@
internCard(internName, internFLOID, internPoints) { internCard(internName, internFLOID, internPoints) {
// creates cards containing intern information // creates cards containing intern information
const card = getRef('intern_card_template').content.cloneNode(true) const card = getRef('intern_card_template').content.cloneNode(true)
setAttributes(card.firstElementChild, { 'data-intern-id': internFLOID, 'title': 'Intern Information' }) setAttributes(card.firstElementChild, { 'data-intern-flo-id': internFLOID, 'title': 'Intern Information' })
card.querySelector('.intern-card__initials').style.backgroundColor = getInternColor(internFLOID) card.querySelector('.intern-card__initials').style.backgroundColor = getInternColor(internFLOID)
card.querySelector('.intern-card__initials').textContent = internName.split(' ').map(v => v.charAt(0)).join(''); card.querySelector('.intern-card__initials').textContent = internName.split(' ').map(v => v.charAt(0)).join('');
card.querySelector('.intern-card__name').textContent = internName; card.querySelector('.intern-card__name').textContent = internName;
@ -1720,19 +1739,21 @@
innerHTML innerHTML
}); });
}, },
assignedInternCard(intern, options) { assignedInternCard(internFloId, options) {
const thisIntern = createElement('span', { const internCard = createElement('span', {
className: 'assigned-intern', className: 'assigned-intern',
attributes: { 'data-floid': intern.split(':', 1) }, attributes: { 'data-flo-id': internFloId },
textContent: intern.split(':')[1] textContent: RIBC.getInternList()[internFloId]
}); });
console.log(internFloId, RIBC.getInternList()[internFloId])
if (options === 'yes') { if (options === 'yes') {
let closeBtn = createElement('button', { internCard.append(
innerHTML: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>` createElement('button', {
}); innerHTML: `<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>`
thisIntern.append(closeBtn) })
)
} }
return thisIntern; return internCard;
}, },
taskListItem(taskNo) { taskListItem(taskNo) {
const assignedInterns = RIBC.getAssignedInterns(currentProject, currentBranch, taskNo) const assignedInterns = RIBC.getAssignedInterns(currentProject, currentBranch, taskNo)
@ -1746,10 +1767,10 @@
card.querySelector('.title').textContent = `${taskNo}. ${taskTitle}`; card.querySelector('.title').textContent = `${taskNo}. ${taskTitle}`;
card.querySelector('.task-description').textContent = taskDescription; card.querySelector('.task-description').textContent = taskDescription;
if (assignedInterns) { if (assignedInterns) {
getInternDetails(assignedInterns).forEach((intern) => { assignedInterns.forEach((internFloId) => {
frag.appendChild(render.assignedInternCard(intern, 'yes')); frag.appendChild(render.assignedInternCard(internFloId, 'yes'));
}) })
card.querySelector('.assigned-interns').appendChild(frag) card.querySelector('.assigned-interns').append(frag)
} }
const branches = getAllBranches(currentProject) const branches = getAllBranches(currentProject)
for(const branch of branches){ for(const branch of branches){
@ -1784,14 +1805,11 @@
return card; return card;
}, },
requestCard(floId, projectCode, branch, taskNo) { requestCard(floId, projectCode, branch, taskNo) {
let name; const internName = RIBC.getInternList()[floId];
name = floId;
if (getInternDetails(floId).length !== 0)
name = getInternDetails(floId)[0].split(':')[1];
return createElement('li', { return createElement('li', {
className: 'request-card', className: 'request-card',
innerHTML: `<p class="request-card__description"> innerHTML: `<p class="request-card__description">
<b class="capitalize">${name}</b> applied for <b class="capitalize">${internName}</b> applied for
<b class="capitalize">${RIBC.getTaskDetails(projectCode, branch, taskNo).taskTitle}</b> from <b class="capitalize">${RIBC.getTaskDetails(projectCode, branch, taskNo).taskTitle}</b> from
<b class="capitalize">${branch}</b> of <b class="capitalize">${branch}</b> of
<b class="capitalize">${RIBC.getProjectDetails(projectCode).projectName}</b> <b class="capitalize">${RIBC.getProjectDetails(projectCode).projectName}</b>
@ -1876,23 +1894,6 @@
} }
} }
function getInternDetails(floId) {
let internInfo = [];
if (Array.isArray(floId))
floId.forEach((id) => {
Object.keys(allInternsList).forEach((key) => {
if (id === key)
internInfo.push(`${key}:${allInternsList[key]}`)
})
})
else
Object.keys(allInternsList).forEach((key) => {
if (floId === key)
internInfo.push(`${key}:${allInternsList[key]}`)
})
return internInfo;
}
let allInternsList = [], highPerformingInterns = [], let allInternsList = [], highPerformingInterns = [],
watchList = [], currentIntern, currentTaskId, watchList = [], currentIntern, currentTaskId,
typeOfUser = 'general'; typeOfUser = 'general';
@ -1927,14 +1928,17 @@
} }
// opens a popup containing various intern information // opens a popup containing various intern information
function showInternInfo(intern) { function showInternInfo(internFloId) {
getRef('intern_info').children[0].textContent = intern.children[1].textContent; // intern name const internName = RIBC.getInternList()[internFloId]
getRef('intern_info__flo_id').value = currentIntern = intern.dataset.internId; // intern getRef('intern_info__initials').textContent = internName.split(' ').map(v => v.charAt(0)).join('');
getRef('intern_info__score').textContent = intern.children[2].textContent; // points earned by intern getRef('intern_info__initials').style.backgroundColor = getInternColor(internFloId)
if(parseInt(intern.children[2].textContent) === 1){ getRef('intern_info__name').textContent = internName;
getRef('intern_info__flo_id').value = currentIntern = internFloId;
getRef('intern_info__score').textContent = RIBC.getInternRating(internFloId); // points earned by intern
if(RIBC.getInternRating(internFloId) === 1){
getRef('reduce_score_button').disabled = true; getRef('reduce_score_button').disabled = true;
} }
showPopup('intern_info'); showPopup('intern_info_popup');
} }
// opens a popup containing various project information // opens a popup containing various project information
@ -2042,13 +2046,6 @@
}) })
return branchPoints return branchPoints
} }
function showProjectMap(projectCode, container) {
if (projectCode === undefined) return;
const tempCard = render.projectMapCard(projectCode, 'dashboard_page');
getRef(container).innerHTML = ``;
currentProject = projectCode;
getRef(container).append(tempCard)
}
getRef('task_list').addEventListener('change', (e) => { getRef('task_list').addEventListener('change', (e) => {
if (e.target.closest('sm-checkbox')) { if (e.target.closest('sm-checkbox')) {
currentTask = e.target.closest('.task-list-item'); currentTask = e.target.closest('.task-list-item');
@ -2182,13 +2179,15 @@
document.getElementById('intern_list_container').addEventListener('click', (event) => { document.getElementById('intern_list_container').addEventListener('click', (event) => {
if (event.target.closest('.intern-card')) { if (event.target.closest('.intern-card')) {
let floid = event.target.closest('.intern-card').dataset.internId; const floId = event.target.closest('.intern-card').dataset.internFloId;
if (RIBC.manage.assignInternToTask(floid, currentProject, currentBranch, currentTask.id)) { const internName = RIBC.getInternList()[floId]
notify(`${event.target.closest('.intern-card').children[1].textContent} assigned to ${RIBC.getProjectDetails(currentProject).projectName}`) const {projectName} = RIBC.getProjectDetails(currentProject)
currentTask.querySelector('.assigned-interns').append(render.assignedInternCard(getInternDetails(floid)[0], 'yes')) if (RIBC.manage.assignInternToTask(floId, currentProject, currentBranch, currentTask.id)) {
} notify(`${internName} assigned to ${projectName}`)
else currentTask.querySelector('.assigned-interns').append(render.assignedInternCard(floId, 'yes'))
}else{
notify('intern already assigned', 'error') notify('intern already assigned', 'error')
}
hidePopup() hidePopup()
} }
}) })
@ -2206,7 +2205,7 @@
let score = parseInt(getRef('intern_info__score').textContent) let score = parseInt(getRef('intern_info__score').textContent)
score += scoreUpdate; score += scoreUpdate;
getRef('intern_info__score').textContent = score getRef('intern_info__score').textContent = score
document.querySelectorAll(`[data-intern-id="${currentIntern}"]`).forEach(internCard => { document.querySelectorAll(`[data-intern-flo-id="${currentIntern}"]`).forEach(internCard => {
internCard.querySelector('.intern-card__score').textContent = score internCard.querySelector('.intern-card__score').textContent = score
}) })
if (score > 0) { if (score > 0) {
@ -2294,6 +2293,24 @@
const fuse = new Fuse(allUpdates, options) const fuse = new Fuse(allUpdates, options)
return fuse.search(floId).map(v => v.item) return fuse.search(floId).map(v => v.item)
} }
async function getUpdatesByDate(date, allUpdates) {
if(!allUpdates){
allUpdates = RIBC.getInternUpdates()
}
const filteredUpdates = []
const dateStart = new Date(`${date} 00:00:00`).getTime()
const dateEnd = new Date(`${date} 23:59:59`).getTime()
let isFromDate = false
for(const update of allUpdates){
if(update.time > dateStart && update.time < dateEnd){
filteredUpdates.push(update)
isFromDate = true
}else if(isFromDate){
break
}
}
return filteredUpdates
}
let updateStartIndex = 0 let updateStartIndex = 0
let updateEndIndex = 0 let updateEndIndex = 0
@ -2326,7 +2343,7 @@
const element = updates[index]; const element = updates[index];
const { floID, time, update: { topic, description } } = element const { floID, time, update: { topic, description } } = element
const updateObj = { const updateObj = {
internName: getInternDetails(floID)[0].split(':')[1], internName: RIBC.getInternList()[floID],
time: parseInt(time), time: parseInt(time),
topic, topic,
description description
@ -2334,7 +2351,7 @@
frag.append(render.updateCard(updateObj)) frag.append(render.updateCard(updateObj))
} }
getRef('all_updates_list').append(frag) getRef('all_updates_list').append(frag)
if(getRef('all_updates_list').lastElementChild){ if(updateEndIndex !== updates.length && getRef('all_updates_list').lastElementChild){
intersectionObserver.observe(getRef('all_updates_list').lastElementChild) intersectionObserver.observe(getRef('all_updates_list').lastElementChild)
} }
} }
@ -2343,6 +2360,7 @@
const {lazyLoad = false} = options const {lazyLoad = false} = options
const selectedProject = getRef('updates_page__project_selector').value const selectedProject = getRef('updates_page__project_selector').value
const selectedintern = getRef('updates_page__intern_selector').value const selectedintern = getRef('updates_page__intern_selector').value
const selectedDate = getRef('updates_page__date_selector').value
let matchedUpdates let matchedUpdates
if(selectedProject !== 'all'){ if(selectedProject !== 'all'){
const projectName = RIBC.getProjectDetails(selectedProject).projectName const projectName = RIBC.getProjectDetails(selectedProject).projectName
@ -2351,16 +2369,21 @@
if(selectedintern !== 'all'){ if(selectedintern !== 'all'){
matchedUpdates = await getUpdatesByIntern(selectedintern, matchedUpdates) matchedUpdates = await getUpdatesByIntern(selectedintern, matchedUpdates)
} }
if(selectedDate){
matchedUpdates = await getUpdatesByDate(selectedDate, matchedUpdates)
}
renderInternUpdates({updates: matchedUpdates, lazyLoad}) renderInternUpdates({updates: matchedUpdates, lazyLoad})
}, 100) }, 100)
function clearFilter(){ function clearFilter(){
getRef('updates_page__project_selector').reset() getRef('updates_page__project_selector').reset()
getRef('updates_page__intern_selector').reset() getRef('updates_page__intern_selector').reset()
getRef('updates_page__date_selector').value = ''
} }
getRef('updates_page__project_selector').addEventListener('change', renderFilteredUpdates) getRef('updates_page__project_selector').addEventListener('change', renderFilteredUpdates)
getRef('updates_page__intern_selector').addEventListener('change', renderFilteredUpdates) getRef('updates_page__intern_selector').addEventListener('change', renderFilteredUpdates)
getRef('updates_page__date_selector').addEventListener('change', renderFilteredUpdates)
getRef('watch_project_button').addEventListener('mouseenter', e => { getRef('watch_project_button').addEventListener('mouseenter', e => {
if(e.target.textContent === 'watching'){ if(e.target.textContent === 'watching'){
@ -2456,15 +2479,15 @@
document.getElementById('best_interns').addEventListener('click', (event) => { document.getElementById('best_interns').addEventListener('click', (event) => {
if (event.target.closest('.intern-card')) if (event.target.closest('.intern-card'))
showInternInfo(event.target.closest('.intern-card')) showInternInfo(event.target.closest('.intern-card').dataset.internFloId)
}) })
document.getElementById('all_interns_page').addEventListener('click', (event) => { document.getElementById('all_interns_page').addEventListener('click', (event) => {
if (event.target.closest('.intern-card')) if (event.target.closest('.intern-card'))
showInternInfo(event.target.closest('.intern-card')) showInternInfo(event.target.closest('.intern-card').dataset.internFloId)
}) })
document.getElementById('admin_page__intern_list').addEventListener('click', (event) => { document.getElementById('admin_page__intern_list').addEventListener('click', (event) => {
if (event.target.closest('.intern-card')) if (event.target.closest('.intern-card'))
showInternInfo(event.target.closest('.intern-card')) showInternInfo(event.target.closest('.intern-card').dataset.internFloId)
}) })
document.addEventListener('popupopened', e => { document.addEventListener('popupopened', e => {
switch(e.detail.popup.id){ switch(e.detail.popup.id){
@ -2718,7 +2741,7 @@
requestForTask(event.target.closest('.apply-button')) requestForTask(event.target.closest('.apply-button'))
} }
}) })
let greetings = getInternDetails(myFloID)[0] !== undefined ? `Hi, ${getInternDetails(myFloID)[0].split(':')[1]}` : `Hi, there!` const greetings = RIBC.getInternList()[myFloID] !== undefined ? `Hi, ${RIBC.getInternList()[myFloID]}` : `Hi, there!`
getRef('username').textContent = greetings; getRef('username').textContent = greetings;
getRef('user_flo_id').value = myFloID; getRef('user_flo_id').value = myFloID;
getRef('user_role').textContent = typeOfUser; getRef('user_role').textContent = typeOfUser;