From 8afb311e35f73b843d2b93eca14129ef0b291700 Mon Sep 17 00:00:00 2001
From: James Orson <jamesaorson@gmail.com>
Date: Sun, 5 May 2024 08:12:40 -0700
Subject: [PATCH 1/3] Remove print

---
 client/src/views/CourseView.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/client/src/views/CourseView.vue b/client/src/views/CourseView.vue
index c3a77ff9..1f99b71b 100644
--- a/client/src/views/CourseView.vue
+++ b/client/src/views/CourseView.vue
@@ -49,7 +49,6 @@ async function createCourseAsync(state: any) {
     content: state.content,
     metadata: state.metadata,
   };
-  console.log(courseToCreate);
   await CourseService.createAsync(
     courseToCreate,
     {

From f532446b143574b46faf2631daa2233a61c2346b Mon Sep 17 00:00:00 2001
From: James Orson <jamesaorson@gmail.com>
Date: Sun, 5 May 2024 08:12:47 -0700
Subject: [PATCH 2/3] Begin to convert assignmenteditor to modeleditor

---
 client/src/views/AssignmentView.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/client/src/views/AssignmentView.vue b/client/src/views/AssignmentView.vue
index 79c3e191..b2a9a032 100644
--- a/client/src/views/AssignmentView.vue
+++ b/client/src/views/AssignmentView.vue
@@ -14,9 +14,7 @@
             :handler="async () => await deleteAssignmentAsync(id)" text="Delete?"
             class="w-20"></Button>
         </span>
-        <AssignmentEditor :handler="createAssignmentAsync" handlerText="Create" assignmentId=""
-          assignmentProblemExplanation="" assignmentDescription="" assignmentName="" :assignmentSectionIds="[]">
-        </AssignmentEditor>
+        <ModelEditor :handler="createAssignmentAsync" handlerText="Create" modelKind="assignment"></ModelEditor>
       </div>
     </div>
   </div>
@@ -25,9 +23,9 @@
 <script setup lang="ts">
 import AuthService from '@/services/AuthService';
 import Button from '@/components/Button.vue';
-import AssignmentEditor, { type AssignmentEditorState } from '@/components/AssignmentEditor.vue';
 import AssignmentLink from '@/components/AssignmentLink.vue';
 import AssignmentService from '@/services/AssignmentService';
+import ModelEditor from '@/components/ModelEditor.vue';
 import Spinner from '@/components/Spinner.vue';
 import type { AssignmentIndex } from '@/models';
 import { onMounted, reactive } from 'vue';
@@ -45,7 +43,7 @@ const state = reactive({
   assignmentIndex: {} as AssignmentIndex,
 });
 
-async function createAssignmentAsync(state: AssignmentEditorState) {
+async function createAssignmentAsync(state: any) {
   const assignmentToCreate = {
     id: state.id,
     problemExplanation: state.problemExplanation,

From 10d0b382b92dc94dd2729b664de0a57ed261d126 Mon Sep 17 00:00:00 2001
From: James Orson <jamesaorson@gmail.com>
Date: Wed, 8 May 2024 15:55:57 -0700
Subject: [PATCH 3/3] Add viewkeys to assignment and section

---
 client/src/components/ModelEditor.vue    | 4 +++-
 client/src/models/index.ts               | 2 +-
 client/src/services/AssignmentService.ts | 5 +++++
 client/src/services/SectionService.ts    | 5 +++++
 client/src/views/CourseView.vue          | 2 ++
 5 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/src/components/ModelEditor.vue b/client/src/components/ModelEditor.vue
index ac39e90d..6af8cd1f 100644
--- a/client/src/components/ModelEditor.vue
+++ b/client/src/components/ModelEditor.vue
@@ -15,7 +15,9 @@
     <div v-if="AuthService.isAdmin(auth0) && state.isEditMode">
       <div v-for="viewKey in modelService.objectViewKeys">
         <div class="capitalize text-white border-white border-2 rounded p-1 pl-2 my-2 mr-12">{{ viewKey.key }}</div>
-        <input v-if="viewKey.kind !== 'code'" v-model="(state.viewModel as any)[viewKey.key]" :type="viewKey.kind">
+        <input v-if="viewKey.kind === 'text'" v-model="(state.viewModel as any)[viewKey.key]" type="text">
+        <input v-if="viewKey.kind === 'number'" v-model="(state.viewModel as any)[viewKey.key]" type="number">
+        <input v-if="viewKey.kind === 'select'" v-model="(state.viewModel as any)[viewKey.key]" type="text" placeholder="TODO: NOT IMPLEMENTED">
         <CodeEditor v-if="viewKey.kind === 'code'" v-model="(state.viewModel as any)[viewKey.key]" :height="viewKey.height ?? 2"></CodeEditor>
       </div>
 
diff --git a/client/src/models/index.ts b/client/src/models/index.ts
index 0b3ef0c3..6296229a 100644
--- a/client/src/models/index.ts
+++ b/client/src/models/index.ts
@@ -1,5 +1,5 @@
 export type Id = string;
-export type InputKind = 'text' | 'number' | 'code';
+export type InputKind = 'text' | 'number' | 'code' | 'select';
 
 export type ViewKey = {
   key: string
diff --git a/client/src/services/AssignmentService.ts b/client/src/services/AssignmentService.ts
index f1c7ed20..5ee33ab6 100644
--- a/client/src/services/AssignmentService.ts
+++ b/client/src/services/AssignmentService.ts
@@ -5,6 +5,11 @@ import type ModelService from './ModelService';
 export default class AssignmentService implements ModelService<Assignment>  {
   objectViewKeys: ViewKey[] = [
     { key: 'id', kind: 'text' },
+    { key: 'name', kind: 'text' },
+    { key: 'description', kind: 'code' },
+    { key: 'problemExplanation', kind: 'code' },
+    { key: 'requiredSectionIds', kind: 'select' },
+    { key: 'courseId', kind: 'select' },
   ];
 
   make(): Assignment {
diff --git a/client/src/services/SectionService.ts b/client/src/services/SectionService.ts
index af25d533..c5581242 100644
--- a/client/src/services/SectionService.ts
+++ b/client/src/services/SectionService.ts
@@ -5,6 +5,11 @@ import type ModelService from './ModelService';
 export default class SectionService implements ModelService<Section> {
   objectViewKeys: ViewKey[] = [
     { key: 'id', kind: 'text' },
+    { key: 'content', kind: 'code' },
+    { key: 'difficulty', kind: 'number' },
+    { key: 'description', kind: 'code' },
+    { key: 'name', kind: 'text' },
+    { key: 'courseId', kind: 'select'},
   ];
 
   make(): Section {
diff --git a/client/src/views/CourseView.vue b/client/src/views/CourseView.vue
index 1f99b71b..59a9a44b 100644
--- a/client/src/views/CourseView.vue
+++ b/client/src/views/CourseView.vue
@@ -40,6 +40,8 @@ const state = reactive({
 });
 
 async function createCourseAsync(state: any) {
+  // TODO: Move these kind of functions out
+  // of the view and into their corresponding Service
   state.metadata = {
     name: state.name,
     description: state.description,