Merge pull request #434 from topcoder-platform/TCA-787

TCA-787 Link to complete a certification from any lesson -> dev

Author: brooketopcoder

src-ts/lib/profile-provider/profile-functions/profile-factory/user-role.enum.ts

@@ -2,4 +2,5 @@ export enum UserRole {
     gamificationAdmin = 'Gamification Admin',
     customer = 'Self-Service Customer',
     member = 'Topcoder User',
+    tcaAdmin = 'TCA Admin',
 }

src-ts/tools/learn/free-code-camp/FreeCodeCamp.module.scss

@@ -47,3 +47,23 @@
         }
     }
 }
+
+.wrapBreadcrumb {
+    position: relative;
+
+    .completeCourseBtn {
+        position: absolute;
+        right: $space-xxxxl;
+        bottom: $space-xl;
+
+        @include ltesm {
+            right: $space-sm;
+            bottom: $space-md;
+        }
+
+        @include md {
+            right: $space-sm;
+            bottom: $space-lg;
+        }
+    }
+}

src-ts/tools/learn/free-code-camp/FreeCodeCamp.tsx

@@ -11,15 +11,19 @@ import {
     useState,
 } from 'react'
 import { NavigateFunction, Params, useNavigate, useParams } from 'react-router-dom'
+import { toast, ToastContent } from 'react-toastify'
 
 import {
     Breadcrumb,
     BreadcrumbItemModel,
+    Button,
     LoadingSpinner,
+    logError,
     profileContext,
     ProfileContextData,
     surveyTriggerForUser,
     textFormatGetSafeString,
+    UserRole,
 } from '../../../lib'
 import {
     CoursesProviderData,
@@ -33,6 +37,7 @@ import {
     useGetLesson,
     useGetUserCertificationProgress,
     useLearnBreadcrumb,
+    userCertificationProgressAutocompleteCourse,
     userCertificationProgressCompleteCourseAsync,
     UserCertificationProgressProviderData,
     userCertificationProgressStartAsync,
@@ -467,10 +472,44 @@ const FreeCodeCamp: FC<{}> = () => {
         certificationParam,
     ]);
 
+    /**
+     * Complete course shortcut for admins
+     */
+    function adminCompleteCourse(): void {
+        const confirmed = confirm('Hey, you\'re about to auto-complete this entire course. Are you sure?');
+
+        if (!certificateProgress?.id || !confirmed) {
+            return
+        }
+
+        userCertificationProgressAutocompleteCourse(certificateProgress.id)
+            .then(setCertificateProgress)
+            .then(() => {
+                toast.info(<p>Yay, success! You completed the course.</p>)
+            })
+            .catch(error => {
+                logError(error)
+                toast.error('Oops! We couldn\'t complete your request as some error happened. See console for more...')
+            })
+    }
+
     return (
         <>
             <LoadingSpinner hide={ready} />
-            <Breadcrumb items={breadcrumb} />
+            <div className={styles.wrapBreadcrumb}>
+                <Breadcrumb items={breadcrumb} />
+                {
+                    lesson && profile?.roles?.includes(UserRole.tcaAdmin) && (
+                        <Button
+                            buttonStyle='secondary'
+                            className={styles.completeCourseBtn}
+                            size='xs'
+                            label='Complete Course'
+                            onClick={adminCompleteCourse}
+                        />
+                    )
+                }
+            </div>
 
             {lesson && (
                 <div className={styles['main-wrap']}>

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications-functions/index.ts

@@ -4,6 +4,7 @@ export * from './learn-module-status.enum'
 export * from './user-certification-progress-status.enum'
 export * from './user-certification-update-progress-actions.enum'
 export {
+    adminCompleteCourse as userCertificationProgressAutocompleteCourse,
     completeCourse as userCertificationProgressCompleteCourseAsync,
     startAsync as userCertificationProgressStartAsync,
     updateAsync as userCertificationProgressUpdateAsync,

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications-functions/user-certification-progress.store.ts

@@ -7,6 +7,7 @@ import { LearnUserCertificationProgress } from './learn-user-certification-progr
 import { UserCertificationUpdateProgressActions } from './user-certification-update-progress-actions.enum'
 
 const certProgressPath: string = 'certification-progresses'
+const certProgressShortcutPath = 'shortcut-fcc-course-completion'
 
 export function completeCourse(
     certificationProgressId: string,
@@ -53,3 +54,12 @@ export function updateAsync(
 
     return learnXhrPutAsync<{}, LearnUserCertificationProgress>(url, {}, { params: data })
 }
+
+export function adminCompleteCourse(
+    certificationProgressId: string,
+): Promise<any> {
+
+    const url: string = learnUrlGet(certProgressShortcutPath, certificationProgressId)
+
+    return learnXhrPutAsync<{}, any>(url, {})
+}