Add set title editing

hwgilbert16 · Dec 8, 2023 · 5cd5844 · 5cd5844
1 parent 9f22d91
commit 5cd5844
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/apps/front/src/app/study-set/study-set.component.html b/apps/front/src/app/study-set/study-set.component.html
@@ -38,6 +38,10 @@ <h5>{{this.cards.length}} term{{this.cards.length > 1 ? 's' : ''}} in this set</
       </div>
     </div>
     <div *ngIf="set" [hidden]="!isEditing">
+      <div class="w-50 mt-3 h-100">
+        <label for="edit-title" class="form-label">Title</label>
+        <input type="text" class="form-control" id="edit-title" [value]="set.title" #editTitle>
+      </div>
       <div class="w-50 mt-3 h-100">
         <label for="edit-description" class="form-label">Description</label>
         <textarea class="form-control" id="edit-description" [value]="set.description" #editDescription></textarea>

diff --git a/apps/front/src/app/study-set/study-set.component.ts b/apps/front/src/app/study-set/study-set.component.ts
@@ -34,6 +34,7 @@ export class StudySetComponent implements OnInit {
   @ViewChild("cardsContainer", { static: true, read: ViewContainerRef }) cardsContainer: ViewContainerRef;
   @ViewChild("privateCheck", { static: false }) privateCheck: ElementRef;
   @ViewChild("editDescription", { static: false }) editDescription: ElementRef;
+  @ViewChild("editTitle", { static: false }) editTitle: ElementRef;
 
   protected userIsAuthor = false;
   protected isEditing = false;
@@ -141,6 +142,7 @@ export class StudySetComponent implements OnInit {
 
       const updated = await this.sets.updateSet({
         id: this.set.id,
+        title: this.editTitle.nativeElement.value,
         description: this.editDescription.nativeElement.value,
         private: this.privateCheck.nativeElement.checked,
         cards: this.cards.map((c) => {