-
Notifications
You must be signed in to change notification settings - Fork 43
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a71411e
commit cce24f2
Showing
4 changed files
with
172 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,139 @@ | ||
| import { useParams } from "react-router"; | ||
| import { useNavigate } from "react-router-dom"; | ||
| import { tasksData, teamsData } from "./data"; | ||
| import { ButtonGroup, Button, FloatingActionButton } from "@progress/kendo-react-buttons"; | ||
| import { Breadcrumb, Card, CardBody, Avatar, CardTitle, CardSubtitle, CardFooter, BreadcrumbLinkMouseEvent, GridLayout } from "@progress/kendo-react-layout"; | ||
| import { groupIcon, listUnorderedSquareIcon, homeIcon, detailSectionIcon, plusIcon, folderIcon, trashIcon, checkIcon } from "@progress/kendo-svg-icons"; | ||
| import { SvgIcon } from "@progress/kendo-react-common"; | ||
| import { Window } from '@progress/kendo-react-dialogs'; | ||
| import React from "react"; | ||
| import { TextArea } from "@progress/kendo-react-inputs"; | ||
|
|
||
| interface DataModel { | ||
| id: string; | ||
| text?: string; | ||
| icon?: React.ReactNode; | ||
| } | ||
|
|
||
| export default function Task() { | ||
| let params = useParams(); | ||
| const navigate = useNavigate(); | ||
| const task = tasksData.filter(task => task.taskId === params.taskId)[0]; | ||
|
|
||
| const breadcrumbItems: DataModel[] = [ | ||
| { | ||
| id: "home", | ||
| icon: <SvgIcon icon={homeIcon} />, | ||
| }, | ||
| { | ||
| id: "tasks", | ||
| text: "Tasks", | ||
| }, | ||
| { | ||
| id: `${params.taskId}`, | ||
| text: `${tasksData.filter(task => task.taskId === params.taskId)[0].taskName}`, | ||
| } | ||
| ]; | ||
|
|
||
| const handleItemSelect = (e: BreadcrumbLinkMouseEvent) => { | ||
| if (e.id === 'home') { | ||
| navigate('/'); | ||
| } else if (e.id === 'tasks') { | ||
| navigate('/tasks'); | ||
| } | ||
| } | ||
|
|
||
| return ( | ||
| <> | ||
| <div style={{minHeight: 'calc(100vh - 106px)'}} className="flex flex-col p-10 gap-6"> | ||
| <Breadcrumb data={breadcrumbItems} onItemSelect={handleItemSelect} className="!bg-app-surface" /> | ||
|
|
||
| <h1 className="text-4xl">{tasksData.map(task => { return task.taskId === params.taskId ? task.taskName : '' })}</h1> | ||
|
|
||
| <div className="grid grid-cols-12 gap-6"> | ||
| <div className="col-span-6 lg:col-span-8"> | ||
| <TextArea rows={30} className="rounded-t-2xl" value='As part of a learning management system, we need to implement content management features that enable instructors to easily create, manage, and organize their course materials. | ||
| Objectives: | ||
| 1. Enhance User Experience: Streamline the process for instructors to create, manage, and distribute course content effectively. | ||
| 2. Facilitate Content Accessibility: Ensure that all content management features are user-friendly and accessible to instructors with varying levels of technical expertise. | ||
| 3. Boost Engagement: Provide tools that enable instructors to create more engaging and interactive content for students. | ||
| Key Responsibilities: | ||
| 1. Requirements Gathering: Collaborate with instructors to understand their needs and pain points regarding current content management practices. | ||
| 2. Feature Development: Design and implement features such as modular content creation, media embedding, version control, and scheduling for content release. | ||
| 3. User Testing: Conduct thorough testing sessions with instructors to ensure the new features meet their expectations and are easy to use. | ||
| 4. Documentation and Training: Develop user manuals and training materials to assist instructors in utilizing the new content management features. | ||
| 5. Feedback Incorporation: Set up a process for collecting user feedback post-implementation to make adjustments and improvements as necessary. | ||
| Deliverables: | ||
| 1. Feature Specifications Document: A comprehensive document outlining the requirements, features, and functionalities based on instructor feedback. | ||
| 2. Developed Features: A functioning implementation of content management features that includes: | ||
| 3. Course content creation tools (text, video, quizzes) | ||
| 4. Media upload and embedding options | ||
| 5. Version control and history tracking for content changes | ||
| 6. Scheduling and automation for content release | ||
| 7. User Acceptance Testing (UAT) Report: Document summarizing feedback from testing sessions and any identified issues or suggestions for improvement. | ||
| 8. Training Materials: User guides, video tutorials, and training sessions scheduled for instructors to familiarize them with the new features. | ||
| 9. Feedback Mechanism: An established method for instructors to provide ongoing feedback on the content management system. | ||
| Comments/Notes: | ||
| It’s important to involve a diverse group of instructors in the testing phase to capture a wide range of feedback. | ||
| Consider accessibility best practices to ensure all instructors, including those with disabilities, can effectively utilize the new features. | ||
| Regular check-ins with stakeholders should be scheduled to ensure continued alignment with instructional goals and user needs. | ||
| Monitor key metrics post-launch to evaluate the effectiveness of the content management features in enhancing instructor performance and student engagement. | ||
| '/> | ||
| <div className="bg-surface-alt border-1 border-t-0 border-border rounded-b-2xl px-4 py-2"> | ||
| <div className="hidden lg:flex gap-1"> | ||
| <Button svgIcon={checkIcon} themeColor="primary" size="large">Save changes</Button> | ||
| <Button svgIcon={folderIcon} fillMode="flat" size="large" className="ml-auto">Archive Task</Button> | ||
| <Button svgIcon={trashIcon} fillMode="flat" themeColor="error" size="large">Delete task</Button> | ||
| </div> | ||
| <div className="flex lg:hidden gap-1"> | ||
| <Button svgIcon={checkIcon} themeColor="primary" size="large">Save changes</Button> | ||
| <Button svgIcon={folderIcon} fillMode="flat" size="large" className="ml-auto">Archive Task</Button> | ||
| <Button svgIcon={trashIcon} fillMode="flat" themeColor="error" size="large">Delete task</Button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| {/* <div className="col-span-6 lg:col-span-4 flex flex-col gap-2"> | ||
| <ExpansionPanel title="Project" expanded className="rounded-2xl"> | ||
| <label>Choose project</label> | ||
| <DropdownList value="Online Learning Management System (LMS)" size="large" /> | ||
| </ExpansionPanel> | ||
| <ExpansionPanel title="Due Date" expanded className="rounded-2xl"> | ||
| <label>Set due date</label> | ||
| <DateInput value="05/03/2025" /> | ||
| </ExpansionPanel> | ||
| <ExpansionPanel title="Assigned to" expanded className="rounded-2xl"> | ||
| <label>Select assignee(s)</label> | ||
| <MultiSelect size="large" tags={( | ||
| <> | ||
| <Chip actions={ <ChipAction type="remove"/> } text="Alden_Upton" size="large" /> | ||
| </> | ||
| )} /> | ||
| </ExpansionPanel> | ||
| <ExpansionPanel title="Status" expanded className="rounded-2xl"> | ||
| <label>Select assignee(s)</label> | ||
| <DropdownList value="l🚧 On Hold" size="large" /> | ||
| </ExpansionPanel> | ||
| <ExpansionPanel title="Tags" expanded className="rounded-2xl"> | ||
| <label>Select tags</label> | ||
| <MultiSelect size="large" tags={( | ||
| <> | ||
| <Chip actions={ <ChipAction type="remove"/> } text="Compliance" size="large" /> | ||
| <Chip actions={ <ChipAction type="remove"/> } text="Maintenance" size="large" /> | ||
| </> | ||
| )} /> | ||
| </ExpansionPanel> | ||
| </div> */} | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| <div className="bg-surface-alt color-subtle p-2 text-center"> | ||
| <span>Copyright © 2025 Progress Software. All rights reserved.</span> | ||
| </div> | ||
| </> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters