-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #33 from ucdavis/feature/CTS2
Feature/cts2
- Loading branch information
Showing
13 changed files
with
318 additions
and
43 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,73 @@ | ||
| <script setup lang="ts"> | ||
| import { ref } from 'vue' | ||
| import type { Ref } from 'vue' | ||
| import { useRoute, useRouter } from 'vue-router' | ||
| import type { Competency, Student, MilestoneLevel } from '@/CTS/types' | ||
| import StudentSelect from '@/components/StudentSelect.vue' | ||
| import LevelSelect from '@/CTS/components/LevelSelect.vue' | ||
| const route = useRoute() | ||
| const router = useRouter() | ||
| const competency = ref({ competencyId: 0, name: "Listens attentively and communicates professionally", number: "5.1." }) as Ref<Competency> | ||
| const serviceId = ref(0) | ||
| const clearStudent = ref(false) | ||
| const autoSelectedStudent = ref(route.query.studentId != null ? parseInt(route.query.studentId.toString()) : 0) | ||
| const selectedStudentId = ref(autoSelectedStudent) | ||
| const studentMilestone = ref({}) as Ref<any> | ||
| const submitErrors = ref() | ||
| const levelId = ref(0) | ||
| const clearLevel = ref(false) | ||
| const milestoneLevels = ref([ | ||
| { milestoneLevelId: 0, milestoneId: 0, levelId: 9, levelName: "Novice", levelOrder: 1, description: "Communicates primarily unidirectionally with limited active listening. Communicates well with scripted plan but may falter when confronted with unexpected variables in the workplace." }, | ||
| { milestoneLevelId: 0, milestoneId: 0, levelId: 10, levelName: "Advanced Beginner", levelOrder: 2, description: "Actively listens and fosters bidirectional communication in most situations." }, | ||
| { milestoneLevelId: 0, milestoneId: 0, levelId: 12, levelName: "Competent", levelOrder: 3, description: "Consistently communicates bidirectionally and professionally." }, | ||
| { milestoneLevelId: 0, milestoneId: 0, levelId: 13, levelName: "Proficient", levelOrder: 4, description: "Communicates with confidence and ease regardless of situation." }, | ||
| ]) as Ref<MilestoneLevel[]> | ||
| function submitMilestone() { | ||
| } | ||
| </script> | ||
| <template> | ||
| <h2>Competency Assessment</h2> | ||
| <div class="row justify-between items-center q-mb-lg"> | ||
| <div class="col-12 col-md-6"> | ||
| <h2 class="epa text-weight-regular">{{ competency.number }} {{ competency.name }}</h2> | ||
| </div> | ||
| <div class="col-12 col-md-6 text-right"> | ||
| <StudentSelect @studentChange="(s : number) => selectedStudentId = s" | ||
| selectedFilter="All" | ||
| :clearStudent="clearStudent" | ||
| :borderless="false" | ||
| :outlined="true" | ||
| :autoSelectStudent="autoSelectedStudent" /> | ||
| </div> | ||
| </div> | ||
| <q-form @submit="submitMilestone" v-bind="studentMilestone" v-show="selectedStudentId > 0"> | ||
| <div class="bg-red-5 text-white q-pa-sm rounded q-mb-md" v-if="submitErrors?.message?.length > 0"> | ||
| {{submitErrors.message}} | ||
| Please make sure you have selected a service, EPA, student, and a level on the entrustment scale. | ||
| </div> | ||
| <LevelSelect levelType="milestone" | ||
| @levelChange="(selectedLevelId : number) => levelId = selectedLevelId" | ||
| :clearLevel="clearLevel" | ||
| :milestoneLevels="milestoneLevels"/> | ||
| <div class="row"> | ||
| <div class="col-12 q-mx-sm"> | ||
| <q-input type="textarea" outlined dense v-model="studentMilestone.comment" class="q-mb-md" | ||
| label="Comments: What should the student keep doing? How can they improve performance?"></q-input> | ||
| </div> | ||
| </div> | ||
| <div class="column"> | ||
| <q-btn no-caps | ||
| label="Submit Milestone" | ||
| type="submit" | ||
| padding="sm xl" | ||
| color="primary" | ||
| size="md" | ||
| class="self-center"></q-btn> | ||
| </div> | ||
| </q-form> | ||
| </template> |
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,72 @@ | ||
| <script setup lang="ts"> | ||
| import { ref } from 'vue' | ||
| const student = ref("") | ||
| </script> | ||
| <template> | ||
| <h2>Students for VET430 Lab 1 Challenging Communication - Simulated Lab with Actors and Video</h2> | ||
|
|
||
| <h3>Add Student(s)</h3> | ||
| <div class="row q-mb-md"> | ||
| <div class="col-12 col-md-6 col-lg-4"> | ||
| <q-select dense options-dense outlined :options="['Student 1', 'Student 2']" v-model="student"></q-select> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h3 class="q-mt-md">Logged in students</h3> | ||
| <div class="row"> | ||
| <div class="col-12 col-md-8 col-lg-6"> | ||
| <table cellspacing="0" cellpadding="3" width="100%"> | ||
| <thead> | ||
| <tr> | ||
| <th>Assess Competency</th> | ||
| <th class="text-left">Student</th> | ||
| <th class="text-left">Time</th> | ||
| <th class="text-center">Manually Added</th> | ||
| <th class="text-left">Remove</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td> | ||
| <q-btn dense flat icon="assignment" size="sm" color="primary" to="AssessmentCompetency?studentId=23631&sessionId="></q-btn> | ||
| </td> | ||
| <td>Montserrat Armero</td> | ||
| <td>10/16/24 2:29:01 PM</td> | ||
| <td class="text-center"> | ||
| <q-icon name="check" color="primary" size="sm"></q-icon> | ||
| </td> | ||
| <td> | ||
| <q-btn dense icon="delete" color="red-5" flat size="sm"></q-btn> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td> | ||
| <q-btn dense flat icon="assignment" size="sm" color="primary" to="AssessmentCompetency?studentId=34123&sessionId="></q-btn> | ||
| </td> | ||
| <td>Hailey Atwood</td> | ||
| <td>10/16/24 2:29:01 PM</td> | ||
| <td class="text-center"> | ||
| <q-icon name="check" color="primary" size="sm"></q-icon> | ||
| </td> | ||
| <td> | ||
| <q-btn dense icon="delete" color="red-5" flat size="sm"></q-btn> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td> | ||
| <q-btn dense flat icon="assignment" size="sm" color="primary" to="AssessmentCompetency?studentId=34158&sessionId="></q-btn> | ||
| </td> | ||
| <td>Xander Avila</td> | ||
| <td>10/16/24 2:29:01 PM</td> | ||
| <td class="text-center"> | ||
| <q-icon name="check" color="primary" size="sm"></q-icon> | ||
| </td> | ||
| <td> | ||
| <q-btn dense icon="delete" color="red-5" flat size="sm"></q-btn> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
| </div> | ||
| </template> |
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
Oops, something went wrong.