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

Added option to rename interns

Browse Source
This commit is contained in:
sairaj mote 2022-11-14 03:01:35 +05:30
parent b47702fd0f
commit c61789b497
1 changed files with 51 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
index.html
View File

@ -806,16 +806,14 @@
count: 1, count: 1,
ref: null, ref: null,
}; };
}
if (domRefs[elementId].count < 3) {
domRefs[elementId].count += 1;
return document.getElementById(elementId); return document.getElementById(elementId);
} else { } else {
if (domRefs[elementId].count < 3) { if (!domRefs[elementId]?.ref?.deref())
domRefs[elementId].count = domRefs[elementId].count + 1; domRefs[elementId].ref = new WeakRef(document.getElementById(elementId));
return document.getElementById(elementId); return domRefs[elementId].ref.deref();
} else {
if (!domRefs[elementId].ref)
domRefs[elementId].ref = document.getElementById(elementId);
return domRefs[elementId].ref;
}
} }
} }
@ -1113,7 +1111,7 @@
break; break;
case 'dashboard_page': case 'dashboard_page':
let renderedAssignedTasks let renderedAssignedTasks
if (typeOfUser === 'intern') { if (userType === 'intern') {
// Render assigned task cards // Render assigned task cards
if (floGlobals.assignedTasks.size) { if (floGlobals.assignedTasks.size) {
renderedAssignedTasks = filterMap(floGlobals.assignedTasks, id => render.internTaskCard(id)) renderedAssignedTasks = filterMap(floGlobals.assignedTasks, id => render.internTaskCard(id))
@ -1122,24 +1120,24 @@
} }
} }
if (!subPageId1) { if (!subPageId1) {
subPageId1 = typeOfUser === 'intern' ? 'my_tasks' : 'all_tasks' subPageId1 = userType === 'intern' ? 'my_tasks' : 'all_tasks'
} }
//creates cards for highest performing interns //creates cards for highest performing interns
//sort interns earned points //sort interns earned points
const highPerformingInterns = Object.keys(RIBC.getInternList()).sort((a, b) => RIBC.getInternRating(b) - RIBC.getInternRating(a)); const highPerformingInterns = Object.keys(RIBC.getInternList()).sort((a, b) => RIBC.getInternRating(b) - RIBC.getInternRating(a));
renderElem(getRef('dashboard_page'), html` renderElem(getRef('dashboard_page'), html`
<sm-chips id="dashboard_view_selector" class="margin-right-auto" onchange=${handleDashboardViewChange}> <sm-chips id="dashboard_view_selector" class="margin-right-auto" onchange=${handleDashboardViewChange}>
${typeOfUser === 'intern' ? html`<sm-chip value="intern_view" selected>My tasks</sm-chip>` : ''} ${userType === 'intern' ? html`<sm-chip value="intern_view" selected>My tasks</sm-chip>` : ''}
<sm-chip value="dashboard_tasks_wrapper" ?selected=${subPageId1 === 'all_tasks'}>All tasks</sm-chip> <sm-chip value="dashboard_tasks_wrapper" ?selected=${subPageId1 === 'all_tasks'}>All tasks</sm-chip>
<sm-chip value="projects_wrapper" ?selected=${subPageId1 === 'projects'}>Projects</sm-chip> <sm-chip value="projects_wrapper" ?selected=${subPageId1 === 'projects'}>Projects</sm-chip>
${floGlobals.isMobileView ? html`<sm-chip value="intern_leaderboard_container">Leaderboard</sm-chip>` : ''} ${floGlobals.isMobileView ? html`<sm-chip value="intern_leaderboard_container">Leaderboard</sm-chip>` : ''}
</sm-chips> </sm-chips>
${typeOfUser === 'intern' ? html` ${userType === 'intern' ? html`
<section id="intern_view" class="intern-option dashboard-view__item"> <section id="intern_view" class="intern-option dashboard-view__item">
<ul id="assigned_task_list">${renderedAssignedTasks}</ul> <ul id="assigned_task_list">${renderedAssignedTasks}</ul>
</section> </section>
` : ''} ` : ''}
<div id="dashboard_tasks_wrapper" class=${`flex flex-direction-column justify-content-center dashboard-view__item ${typeOfUser === 'intern' ? 'hidden' : ''}`}>${render.displayTasks(params?.category, params?.search)}</div> <div id="dashboard_tasks_wrapper" class=${`flex flex-direction-column justify-content-center dashboard-view__item ${userType === 'intern' ? 'hidden' : ''}`}>${render.displayTasks(params?.category, params?.search)}</div>
<div id="projects_wrapper" class="grid gap-2 align-items-start dashboard-view__item hidden">${render.dashProjects()}</div> <div id="projects_wrapper" class="grid gap-2 align-items-start dashboard-view__item hidden">${render.dashProjects()}</div>
<div id="intern_leaderboard_container" class="container-card dashboard-view__item hide-on-mobile"> <div id="intern_leaderboard_container" class="container-card dashboard-view__item hide-on-mobile">
<div class="container-header"> <div class="container-header">
@ -1238,7 +1236,7 @@
renderElem(getRef('project_explorer__breadcrumbs'), html`${createBreadcrumbs(breadcrumbs)}`) renderElem(getRef('project_explorer__breadcrumbs'), html`${createBreadcrumbs(breadcrumbs)}`)
break; break;
case 'admin_page': case 'admin_page':
if (typeOfUser !== 'admin') return; if (userType !== 'admin') return;
//show projects //show projects
if (subPageId1) { if (subPageId1) {
getRef('admin_view_selector').value = subPageId1; getRef('admin_view_selector').value = subPageId1;
@ -1647,7 +1645,7 @@
easing: 'ease', easing: 'ease',
fill: 'forwards' fill: 'forwards'
} }
const parent = typeof id === 'string' ? document.getElementById(id) : id; const parent = typeof id === 'string' ? getRef(id) : id;
const visibleElement = [...parent.children].find(elem => !elem.classList.contains(mobileView ? 'hide-on-mobile' : 'hidden')); const visibleElement = [...parent.children].find(elem => !elem.classList.contains(mobileView ? 'hide-on-mobile' : 'hidden'));
if (visibleElement === parent.children[index]) return; if (visibleElement === parent.children[index]) return;
visibleElement.getAnimations().forEach(anim => anim.cancel()) visibleElement.getAnimations().forEach(anim => anim.cancel())
@ -1763,7 +1761,7 @@
if (filterCategory && allTasks[taskId].category !== filterCategory) continue; if (filterCategory && allTasks[taskId].category !== filterCategory) continue;
if (searchQuery && searchQuery !== '' && !allTasks[taskId].title.toLowerCase().includes(searchQuery.toLowerCase())) continue; if (searchQuery && searchQuery !== '' && !allTasks[taskId].title.toLowerCase().includes(searchQuery.toLowerCase())) continue;
if (assignedInterns.length >= allTasks[taskId].maxSlots) continue; if (assignedInterns.length >= allTasks[taskId].maxSlots) continue;
if (typeOfUser && typeOfUser === 'intern' && floDapps.user.id && assignedInterns.includes(floDapps.user.id)) continue; if (userType && userType === 'intern' && floDapps.user.id && assignedInterns.includes(floDapps.user.id)) continue;
filtered.push(render.displayTaskCard(projectCode, branch, task)) filtered.push(render.displayTaskCard(projectCode, branch, task))
} }
let renderedTasks = filtered let renderedTasks = filtered
@ -1779,8 +1777,8 @@
}) })
} }
setTimeout(() => { setTimeout(() => {
if (document.getElementById('task_search_input') && document.getElementById('task_search_input').value.trim() !== searchQuery) if (getRef('task_search_input') && getRef('task_search_input').value.trim() !== searchQuery)
document.getElementById('task_search_input').value = searchQuery || '' getRef('task_search_input').value = searchQuery || ''
}, 0); }, 0);
return html` return html`
<div id="display_task_search_wrapper" class="flex flex-direction-column gap-1"> <div id="display_task_search_wrapper" class="flex flex-direction-column gap-1">
@ -1827,7 +1825,7 @@
const assignedInternsCards = filterMap(assignedInterns, (internFloId) => render.assignedInternCard(internFloId)); const assignedInternsCards = filterMap(assignedInterns, (internFloId) => render.assignedInternCard(internFloId));
const status = RIBC.getTaskStatus(appState.params.id, appState.params.branch, task) const status = RIBC.getTaskStatus(appState.params.id, appState.params.branch, task)
let applyButton let applyButton
if (!assignedInterns.includes(myFloID) && typeOfUser !== 'admin') { if (!assignedInterns.includes(myFloID) && userType !== 'admin') {
const hasApplied = [...RIBC.getTaskRequests(false), ...sessionTaskRequests].find(({ details }) => { const hasApplied = [...RIBC.getTaskRequests(false), ...sessionTaskRequests].find(({ details }) => {
return `${appState.params.id}_${appState.params.branch}_${task}` === details.taskId return `${appState.params.id}_${appState.params.branch}_${task}` === details.taskId
}) })
@ -1912,7 +1910,7 @@
let topic = `${RIBC.getProjectDetails(projectCode).projectName} / ${RIBC.getTaskDetails(projectCode, branch, task).title}` let topic = `${RIBC.getProjectDetails(projectCode).projectName} / ${RIBC.getTaskDetails(projectCode, branch, task).title}`
const internName = RIBC.getInternList()[floID] const internName = RIBC.getInternList()[floID]
let replyButton let replyButton
if (typeOfUser === 'admin' && !note) { if (userType === 'admin' && !note) {
replyButton = html`<button class="button button--small init-update-replay margin-left-auto">Reply</button>` replyButton = html`<button class="button button--small init-update-replay margin-left-auto">Reply</button>`
} }
let providedLink let providedLink
@ -2466,7 +2464,7 @@
} }
let pinnedProjects = []; let pinnedProjects = [];
let typeOfUser = 'general'; let userType = 'general';
floGlobals.dashboardPages = { floGlobals.dashboardPages = {
'intern_view': 'my_tasks', 'intern_view': 'my_tasks',
'dashboard_tasks_wrapper': 'all_tasks', 'dashboard_tasks_wrapper': 'all_tasks',
@ -2566,7 +2564,10 @@
renderElem(getRef('intern_info__wrapper'), html` renderElem(getRef('intern_info__wrapper'), html`
<div class="flex flex-direction-column align-items-center gap-1 text-center"> <div class="flex flex-direction-column align-items-center gap-1 text-center">
<div id="intern_info__initials" class="intern-card__initials" style=${`--color: var(${getInternColor(internFloId)})`}>${initials}</div> <div id="intern_info__initials" class="intern-card__initials" style=${`--color: var(${getInternColor(internFloId)})`}>${initials}</div>
<h3 id="intern_info__name">${internName}</h3> <div class="flex align-center gap-0-5">
<h3 id="intern_info__name">${internName}</h3>
${userType === 'admin' ? html`<button class="button button--small button--colored" onclick=${toggleInternNameEditing}>Edit</button> ` : ''}
</div>
</div> </div>
<sm-copy id="intern_info__flo_id" value=${internFloId}></sm-copy> <sm-copy id="intern_info__flo_id" value=${internFloId}></sm-copy>
<div id="stats_wrapper"> <div id="stats_wrapper">
@ -2601,8 +2602,8 @@
color = '--orange' color = '--orange'
} }
setTimeout(() => { setTimeout(() => {
document.getElementById('intern_rating').style.setProperty('--progress', `${400 - (rating * 4)}`) getRef('intern_rating').style.setProperty('--progress', `${400 - (rating * 4)}`)
document.getElementById('intern_rating').style.setProperty('--rating-color', `var(${color})`) getRef('intern_rating').style.setProperty('--rating-color', `var(${color})`)
}, 0); }, 0);
} }
@ -2980,6 +2981,27 @@
closePopup() closePopup()
} }
function toggleInternNameEditing(e) {
const button = e.target.closest('button');
if (getRef('intern_info__name').isContentEditable) {
const floId = getRef('intern_info__flo_id').value;
const newName = getRef('intern_info__name').innerText.trim();
if (newName !== '' && floGlobals.tempEditableContent !== newName) {
RIBC.admin.renameIntern(floId, newName)
const highPerformingInterns = Object.keys(RIBC.getInternList()).sort((a, b) => RIBC.getInternRating(b) - RIBC.getInternRating(a));
renderElem(getRef('top_interns'), html`${highPerformingInterns.slice(0, 8).map(floId => render.internCard(floId))}`)
notify('Intern name updated', 'success')
}
getRef('intern_info__name').contentEditable = false;
button.textContent = 'Edit';
document.getSelection().collapseToEnd()
floGlobals.tempEditableContent = '';
} else {
makeEditable(getRef('intern_info__name'))
button.textContent = 'Done'
}
}
function clearRequestFilters() { function clearRequestFilters() {
getRef('filter_requests_by_category').reset() getRef('filter_requests_by_category').reset()
getRef('filter_requests_by_project').reset() getRef('filter_requests_by_project').reset()
@ -3121,10 +3143,10 @@
floDapps.user.id floDapps.user.id
const taskId = btn ? btn.dataset.taskId : floGlobals.tempUserTaskRequest const taskId = btn ? btn.dataset.taskId : floGlobals.tempUserTaskRequest
floGlobals.tempUserTaskRequest = taskId floGlobals.tempUserTaskRequest = taskId
if (typeOfUser === 'general') { if (userType === 'general') {
getRef('intern_apply__task').textContent = RIBC.getAllTasks()[taskId].title getRef('intern_apply__task').textContent = RIBC.getAllTasks()[taskId].title
openPopup('apply_for_task_popup', true) openPopup('apply_for_task_popup', true)
} else if (typeOfUser === 'intern') { } else if (userType === 'intern') {
const hasApplied = [...RIBC.getTaskRequests(false), ...sessionTaskRequests].find(({ details }) => { const hasApplied = [...RIBC.getTaskRequests(false), ...sessionTaskRequests].find(({ details }) => {
return taskId === details.taskId return taskId === details.taskId
}) })
@ -3210,7 +3232,7 @@
// Intern's view // Intern's view
if (RIBC.getInternList()[myFloID] && !floGlobals.subAdmins.includes(myFloID)) { if (RIBC.getInternList()[myFloID] && !floGlobals.subAdmins.includes(myFloID)) {
typeOfUser = 'intern'; userType = 'intern';
document.querySelectorAll('.intern-option').forEach((option) => { document.querySelectorAll('.intern-option').forEach((option) => {
option.classList.remove('hidden') option.classList.remove('hidden')
}) })
@ -3235,7 +3257,7 @@
// admin view // admin view
if (floGlobals.subAdmins.includes(myFloID)) { if (floGlobals.subAdmins.includes(myFloID)) {
typeOfUser = 'admin' userType = 'admin'
document.querySelectorAll('.admin-option').forEach((option) => { document.querySelectorAll('.admin-option').forEach((option) => {
option.classList.remove('hidden') option.classList.remove('hidden')
}) })
@ -3256,7 +3278,7 @@
elem.classList.add('hidden') elem.classList.add('hidden')
}) })
} }
if (typeOfUser === 'admin') { if (userType === 'admin') {
document.querySelectorAll('.not-for-admin').forEach((elem) => { document.querySelectorAll('.not-for-admin').forEach((elem) => {
elem.classList.add('hidden') elem.classList.add('hidden')
}) })