ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CLASSROOMIO-T-108: Attendance improvement + complete lms exercise

Browse Source
This commit is contained in:
Rotimi Best
2023-10-01 19:31:18 +01:00
parent 6812895488
commit 21305c5d65
20 changed files with 316 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Course/components/Lesson/Exercise/UpdateDescription.svelte
+3 -3
View File
@@ -7,8 +7,8 @@
import { marked } from 'marked';
export let preview;
function getTotalPossibleGrade() {
return $questionnaire.questions.reduce((acc, question) => {
function getTotalPossibleGrade(questions) {
return questions.reduce((acc, question) => {
acc += parseFloat(question.points, 10);
return acc;
}, 0);
@@ -48,7 +48,7 @@
</p>
|
<p class="dark:text-white mx-2">
<strong>{getTotalPossibleGrade()}</strong> points.
<strong>{getTotalPossibleGrade($questionnaire.questions)}</strong> points.
</p>
|
<p class="dark:text-white mx-2">All required</p>
src/lib/components/Course/components/Lesson/Exercise/ViewMode.svelte
+5 -5
View File
@@ -63,7 +63,7 @@
// If last question send to server
if (isFinished) {
$questionnaireMetaData.status = 1;
$questionnaireMetaData.totalPossibleGrade = getTotalPossibleGrade();
$questionnaireMetaData.totalPossibleGrade = getTotalPossibleGrade($questionnaire.questions);
$questionnaireMetaData.grades = {};
submitExercise(
$questionnaireMetaData.answers,
@@ -87,8 +87,8 @@
return Math.round(((currentQuestionIndex - 1) / $questionnaire.questions.length) * 100) || 0;
}
function getTotalPossibleGrade() {
return $questionnaire.questions.reduce((acc, question) => {
function getTotalPossibleGrade(questions) {
return questions.reduce((acc, question) => {
acc += parseFloat(question.points, 10);
return acc;
}, 0);
@@ -119,7 +119,7 @@
answers: submission.answers
});
$questionnaireMetaData.totalPossibleGrade = getTotalPossibleGrade();
$questionnaireMetaData.totalPossibleGrade = getTotalPossibleGrade($questionnaire.questions);
$questionnaireMetaData.currentQuestionIndex = $questionnaire.questions.length;
$questionnaireMetaData.isFinished = true;
@@ -192,7 +192,7 @@
</p>
|
<p class="dark:text-white mx-2">
<strong>{getTotalPossibleGrade()}</strong> points.
<strong>{getTotalPossibleGrade($questionnaire.questions)}</strong> points.
</p>
|
<p class="dark:text-white mx-2">All required</p>
src/lib/components/Course/components/Lesson/Materials/index.svelte
+2
View File
@@ -218,6 +218,8 @@
$: addBadgeValueToTab($lesson.materials);
$: console.log('$lesson.materials', $lesson.materials);
$: updateNoteByCompletion($completion);
$: initPlyr(player, $lesson.materials.videos);
src/lib/components/Course/store.ts
+8 -2
View File
@@ -2,7 +2,7 @@ import { writable } from 'svelte/store';
import type { Writable } from 'svelte/store';
import { lessons } from './components/Lesson/store/lessons';
import { ROLE } from '$lib/utils/constants/roles';
import type { Course } from '$lib/utils/types';
import type { Course, GroupPerson } from '$lib/utils/types';
export const course: Writable<Course> = writable({
id: '',
@@ -16,6 +16,7 @@ export const course: Writable<Course> = writable({
is_published: false,
created_at: new Date().toDateString(),
updated_at: new Date().toDateString(),
attendance: [],
metadata: {
requirements: '',
description: '',
@@ -61,7 +62,12 @@ export const mockGroupMember = {
}
};
export const group = writable({
export const group = writable<{
id: number | null;
tutors: GroupPerson[];
students: GroupPerson[];
people: GroupPerson[];
}>({
id: null,
tutors: [],
students: [],
src/lib/components/PageNav/index.svelte
+1 -1
View File
@@ -20,7 +20,7 @@
</script>
<div
class="header dark:bg-black bg-white flex items-center justify-between {!disableSticky &&
class="header dark:bg-black dark:border-neutral-600 bg-white flex items-center justify-between {!disableSticky &&
'sticky'} {paddingClass} {dynamicRootClass}"
style={overidableStyle}
>
src/lib/components/PrimaryButton/constants.js
+1 -1
View File
@@ -24,7 +24,7 @@ export const VARIANTS_CLASS = {
[VARIANTS.OUTLINED]:
'border border-primary-700 hover:border-black-300 hover:bg-primary-700 text-black dark:text-white',
[VARIANTS.NONE]:
'border-none hover:border-black-300 hover:bg-gray-200 dark:hover:bg-gray-500 text-black',
'border-none hover:border-black-300 hover:bg-gray-200 dark:hover:bg-neutral-800 text-black',
[VARIANTS.TEXT]: 'text-black hover:underline',
[VARIANTS.LINK]: 'text-primary-500 dark:text-primary-500 hover:underline',
[VARIANTS.TEXT_DANGER]:
src/lib/components/Question/CheckboxQuestion/index.svelte
+2 -4
View File
@@ -82,7 +82,7 @@
<div class="ml-4">
{#each options as option}
<button
class="cursor-pointer text-left my-2 border-2 border-gray-300 rounded-md hover:bg-gray-200 dark:hover:bg-gray-500 w-full {getValidationClassName(
class="cursor-pointer text-left my-2 border-2 border-gray-300 rounded-md hover:bg-gray-200 dark:hover:bg-neutral-800 w-full {getValidationClassName(
option
)}"
type="button"
@@ -107,9 +107,7 @@
variant={VARIANTS.OUTLINED}
/>
<PrimaryButton
variant={nextButtonProps.isActive
? VARIANTS.CONTAINED
: VARIANTS.OUTLINED}
variant={nextButtonProps.isActive ? VARIANTS.CONTAINED : VARIANTS.OUTLINED}
type="submit"
label={nextButtonProps.label}
{name}
src/lib/components/Question/RadioQuestion/index.svelte
+1 -1
View File
@@ -91,7 +91,7 @@
<div class={!disableOptContainerMargin && 'ml-4'}>
{#each options as option}
<button
class="cursor-pointer text-left my-2 border-2 border-gray-300 rounded-md hover:bg-gray-200 dark:hover:bg-gray-500 w-full {getValidationClassName(
class="cursor-pointer text-left my-2 border-2 border-gray-300 rounded-md hover:bg-gray-200 dark:hover:bg-neutral-800 w-full {getValidationClassName(
option
)}"
type="button"
src/lib/components/Tabs/index.svelte
+6 -6
View File
@@ -7,20 +7,20 @@
</script>
<div class="w-full flex flex-col">
<div class="flex items-center border-b-2 w-full overflow-x-auto">
<div class="flex items-center border-b w-full overflow-x-auto">
{#each tabs as tab}
{#if !tab.icon && !tab.badgeValue}
<button
class="relative {currentTab === tab.value
? 'text-primary-700'
: 'dark:bg-gray-500 dark:text-white'} dark:bg-transparent font-semibold focus:outline-none w-fit mr-8 text-center py-3"
: 'dark:bg-gray-500 dark:text-white'} dark:bg-transparent font-semibold focus:outline-none w-fit mr-4 text-center py-3 px-2"
on:click={onChange(tab.value)}
>
<div class="flex items-center justify-center w-full text-center">
{tab.label}
</div>
<span
class="absolute bottom-0 left-0 h-1 bg-primary-700 transition-all ease-in-out duration-500 {currentTab ===
class="absolute bottom-0 left-0 h-[2px] bg-primary-700 transition-all ease-in-out duration-500 {currentTab ===
tab.value
? 'w-full'
: 'w-0'}"
@@ -30,7 +30,7 @@
<button
class="relative {currentTab === tab.value
? 'text-primary-700'
: 'dark:bg-gray-500 dark:text-white'} dark:bg-transparent font-semibold focus:outline-none w-24 text-left py-3 mr-10"
: 'dark:bg-gray-500 dark:text-white'} dark:bg-transparent font-semibold focus:outline-none w-24 text-left py-3 mr-8 px-2"
on:click={onChange(tab.value)}
>
<div class="grid grid-cols-5 md:grid-cols-4 gap-5 md:gap-3 items-center">
@@ -43,12 +43,12 @@
value={tab.badgeValue}
size="sm"
shape="rounded-full"
className=" bg-gray-300 dark:text-black text-xs absolute right-0 px-2"
className="bg-gray-300 dark:text-black text-xs absolute right-0 px-2"
/>
{/if}
</div>
<span
class="absolute bottom-0 left-0 h-1 bg-primary-700 transition-all ease-in-out duration-500 {currentTab ===
class="absolute bottom-0 left-0 h-[2px] bg-primary-700 transition-all ease-in-out duration-500 {currentTab ===
tab.value
? 'w-full'
: 'w-0'}"