Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

#417 Add Bulk Rating #597

Open
wants to merge 4 commits into
base: develop
Choose a base branch
from
Open

#417 Add Bulk Rating #597

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
bd05d16
Added BulkRatingModal
shema-surge Oct 21, 2024
fbf9229
add fetchSprints query and addRatingsByFile mutation
shema-surge Oct 23, 2024
0367d92
stable bulk rating
shema-surge Oct 23, 2024
5deff7a
Download team rating template file
shema-surge Oct 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 61 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,7 @@
"url-polyfill": "^1.1.12",
"vite": "^5.4.7",
"vite-tsconfig-paths": "^5.0.1",
"xlsx": "^0.18.5",
"zod": "^3.23.8"
},
"devDependencies": {
Expand Down
49 changes: 49 additions & 0 deletions src/Mutations/Ratings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,3 +179,52 @@ export const REJECT_RATING = gql`
rejectRating(user: $user, sprint: $sprint)
}
`;

export const FETCH_SPRINTS = gql`
query fetchSprints($orgToken: String!){
fetchSprints(orgToken: $orgToken)
}
`

export const ADD_RATINGS_BY_FILE = gql`
mutation addRatingsByFile($file: Upload!, $sprint: Int!, $orgToken: String!){
addRatingsByFile(file: $file, sprint: $sprint orgToken: $orgToken){
NewRatings {
user {
email
}
sprint
phase
quality
quantity
professional_Skills
feedbacks {
sender {
email
}
content
createdAt
}
cohort {
name
}
}
RejectedRatings{
email
quantity
quality
professional_skills
feedBacks
}
UpdatedRatings {
quantity
quality
professional_Skills
feedbacks {
content
}
oldFeedback
}
}
}
`
12 changes: 12 additions & 0 deletions src/Mutations/teamMutation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,3 +53,15 @@ export const DeleteTeam = gql`
}
`;

export const GET_TEAMS_BY_ROLE = gql`
query getTeamsByRole($orgToken: String!) {
getTeamsByRole(orgToken: $orgToken){
id
name
members {
email
role
}
}
}
`
214 changes: 214 additions & 0 deletions src/components/BulkRatingModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,214 @@
import { useLazyQuery, useMutation } from "@apollo/client"
import React, { useEffect, useState } from "react"
import { useTranslation } from "react-i18next"
import * as XLSX from "xlsx"
import { ADD_RATINGS_BY_FILE, FETCH_SPRINTS } from "../Mutations/Ratings"
import { toast } from "react-toastify"
import { GET_TEAMS_BY_ROLE } from "../Mutations/teamMutation"

type BulkRatingModalProps = {
bulkRateModal: boolean,
setBulkRateModal: React.Dispatch<React.SetStateAction<boolean>>
}

type AddRatingsByFileFormData = {
sprint: string,
file: File | null,
}

const orgToken = localStorage.getItem('orgToken')

const BulkRatingModal = ({ bulkRateModal, setBulkRateModal }: BulkRatingModalProps) => {
const { t } = useTranslation()
const [fetchSprints, { data: sprints, loading: loadingSprints, error: sprintsError }] = useLazyQuery(FETCH_SPRINTS, {
variables: {
orgToken
},
fetchPolicy: 'network-only',
})
const [getTeamsByRole, {data: teams, loading: loadingTeams, error: teamsError}] = useLazyQuery(GET_TEAMS_BY_ROLE, {
variables: {
orgToken
},
fetchPolicy: 'network-only',
})
const [addRatingsByFile, { data: ratings, loading: loadingRatings, error: ratingsError }] = useMutation(ADD_RATINGS_BY_FILE)
const [formData, setFormData] = useState<AddRatingsByFileFormData>({
sprint: '',
file: null
})
const [selectedTeam, setSelectedTeam] = useState<string>('')

const saveRatings = async (e: React.FormEvent) => {
try {
e.preventDefault()
if(formData.sprint === '') throw new Error("Please select a sprint")
if(!formData.file) throw new Error("Please select a file")
await addRatingsByFile({
variables: {
file: formData.file,
sprint: parseInt(formData.sprint),

Check failure on line 50 in src/components/BulkRatingModal.tsx

View workflow job for this annotation

GitHub Actions / build 

Missing radix parameter
orgToken
},
})
fetchSprints()
toast.success("Rating completed succefully")
} catch (err: any) {
toast.error(err?.message)
}
}

const downloadTeamFile = async(e: any)=>{
try{
if(selectedTeam === '') throw new Error("No Team was selected")
const team = teams.getTeamsByRole.find((team:any)=>team.id === selectedTeam)
const rows: any = []
team.members.forEach((member: any)=>{
console.log(member)

Check failure on line 67 in src/components/BulkRatingModal.tsx

View workflow job for this annotation

GitHub Actions / build 

Unexpected console statement
if(member.role !== "trainee") return
rows.push({
email: member.email,
quantity: '',
quality: '',
professional_skills:'',
feedBacks: ''
})
})
const workSheet = rows.length ? XLSX.utils.json_to_sheet(rows) : XLSX.utils.json_to_sheet([{
email: '',
quantity: '',
quality: '',
professional_skills:'',
feedBacks: ''
}])
const workBook = XLSX.utils.book_new()
workSheet["!cols"] = [ { wch: 20 } ]
XLSX.utils.book_append_sheet(workBook, workSheet,"ratings")
XLSX.writeFile(workBook, `${team.name.replace(' ','')}_Ratings.xlsx`)
}catch(err: any){
toast.error(err?.message)
}
}

useEffect(() => {
fetchSprints()
getTeamsByRole()
}, [])

return (
<div className={`${bulkRateModal ? "block" : "hidden"} h-screen w-screen z-20 bg-black bg-opacity-30 backdrop-blur-sm fixed top-0 left-0 flex items-center justify-center px-4`}>
<div className="w-full p-4 pb-8 bg-indigo-100 rounded-lg dark:bg-dark-bg sm:w-3/4 xl:w-4/12">
<div className="flex flex-wrap items-center justify-center w-full card-title">
<h3 className="w-11/12 text-sm font-bold text-center dark:text-white">
{t('Bulk Rating')}
</h3>
<hr className="w-full my-3 border-b bg-primary" />
</div>
<div>
<form className="flex flex-col gap-5" onSubmit={saveRatings}>
<div className="flex flex-col gap-1">
<label>Choose a sprint</label>
<select className="p-2 text-black dark:text-white rounded-lg bg-white dark:bg-dark border-2 border-primary"
defaultValue={""}
onChange={(e) => {
e.preventDefault()
setFormData({ ...formData, sprint: e.target.value })
}}
>
<option>Choose a sprint</option>
{
sprints && !sprints.fetchSprints.length ?
<option value={1}>Sprint 1</option>
: ''
}
{
sprints && sprints.fetchSprints.length ?
[...sprints.fetchSprints, sprints.fetchSprints[sprints.fetchSprints.length - 1] + 1].map((sprint: number) =>
<option key={sprint} value={sprint}>Sprint {sprint}</option>
)
: ''
}
{
loadingSprints ?
<option>Loading ...</option>
: ''
}
{
sprintsError ?
<option>No sprints found...</option>
: ''
}
</select>
</div>
<div className="flex items-center justify-between">
<input
className="w-1/2 h-full bg-gray-600 rounded-md"
type="file"
onChange={(e) => {
const file = e.target.files?.[0]
setFormData({ ...formData, file: file ? file : null })
}}
>
</input>
<div className="flex gap-2">
<select className="p-2 text-sm text-black dark:text-white rounded-lg bg-white dark:bg-dark border-2 border-primary" defaultValue={""} onChange={(e)=>setSelectedTeam(e.target.value)}>
<option>Choose a team</option>
{
teams && teams.getTeamsByRole.length > 0 ?
teams.getTeamsByRole.map((team: any)=><option key={team.id} value={team.id}>{team.name}</option>)
: ''
}
</select>
<button type="button" onClick={downloadTeamFile} className="p-3 text-white rounded-lg bg-green-500 text-sm font-serif font-semibold">Download</button>
</div>
</div>

<div>
{
ratings && ratings.addRatingsByFile.RejectedRatings.length > 0 ?
<div className="my-1 overflow-x-auto">
<table className="table-fixed min-w-full">
<caption className="caption-top text-left my-2">
Rejected Ratings
</caption>
<thead className="border-b bg-neutral-700 border-neutral-400">
<tr>
<th scope="col" className="text-left py-4 px-2">Email</th>
<th scope="col" className="text-left py-4 px-2">Quantity</th>
<th scope="col" className="text-left py-4 px-2">Quality</th>
<th scope="col" className="text-left py-4 px-2">Professional_Skills</th>
<th scope="col" className="text-left py-4 px-2">Feedback</th>
</tr>
</thead>
<tbody>
{ratings.addRatingsByFile?.RejectedRatings.map((rating: any, index: number) =>

Check failure on line 184 in src/components/BulkRatingModal.tsx

View workflow job for this annotation

GitHub Actions / build 

Do not use Array index in keys
<tr key={index} className="text-red-400">
<td className="text-left py-1 px-2">{rating.email ? rating.email : "null"}</td>
<td className="text-left py-1 px-2">{rating.quantity ? rating.quantity : "null"}</td>
<td className="text-left py-1 px-2">{rating.quality ? rating.quality : "null"}</td>
<td className="text-left py-1 px-2">{rating.professional_skills ? rating.professional_skills : "null"}</td>
<td className="text-left py-1 px-2">{rating.feedBacks ? rating.feedBacks : "null"}</td>
</tr>
)}
</tbody>
</table>
</div>
: ''
}
</div>
<div className="flex justify-between w-full">
<button className="w-[40%] md:w-1/4 p-3 text-white rounded-lg bg-primary text-sm font-serif font-semibold" type="button" onClick={() => setBulkRateModal(false)}>
Cancel
</button>
<button className="w-[40%] md:w-1/4 p-3 text-white rounded-lg bg-primary text-sm font-serif font-semibold" type="submit">
Save
</button>
</div>
</form>
</div>
</div>
</div>
)
}

export default BulkRatingModal
Loading
Loading