zaphar/dynamicbible
1
0
Fork 0
mirror of https://gitlab.com/walljm/dynamicbible.git synced 2025-07-23 23:39:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

Edit saved page title

Browse Source
This commit is contained in:
Jason Wall 2020-08-17 11:58:41 -04:00
parent f723efbf66
commit b9739a3933
3 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/db/src/app/components/page-edit-modal/page-edit-modal.component.ts
View File

@ -2,6 +2,7 @@ import { Component, Inject } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms'; import { FormGroup, FormBuilder } from '@angular/forms';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { AppService } from '../../services/app.service'; import { AppService } from '../../services/app.service';
import { SavedPage } from 'src/app/models/page-state';
@Component({ @Component({
selector: 'app-page-edit-modal', selector: 'app-page-edit-modal',
@ -13,18 +14,21 @@ export class PageEditModalComponent {
dialogTitle = 'Save Page using Current Cards'; dialogTitle = 'Save Page using Current Cards';
constructor( constructor(
@Inject(MAT_DIALOG_DATA) public title: string, @Inject(MAT_DIALOG_DATA) public title: PageEditModalData,
public dialogRef: MatDialogRef<PageEditModalComponent>, public dialogRef: MatDialogRef<PageEditModalComponent>,
private appService: AppService, private appService: AppService,
private fb: FormBuilder private fb: FormBuilder
) { ) {
if (title) { if (title) {
this.dialogTitle = 'Edit Page Name'; this.dialogTitle = 'Edit Page Name';
} else {
title = {
title: '',
savedPage: null,
};
} }
this.form = this.fb.group({ this.form = this.fb.group(title);
title,
});
} }
cancel() { cancel() {
@ -32,7 +36,19 @@ export class PageEditModalComponent {
} }
save() { save() {
this.appService.savePage(this.form.get('title').value); if (this.dialogTitle === 'Edit Page Name') {
this.appService.updateSavedPage({
...this.title.savedPage,
title: this.form.get('title').value,
});
} else {
this.appService.savePage(this.form.get('title').value);
}
this.dialogRef.close(); this.dialogRef.close();
} }
} }
export interface PageEditModalData {
title: string;
savedPage: SavedPage;
}

4
app/db/src/app/components/saved-page-card/saved-page-card.component.html
View File

@ -29,6 +29,10 @@
<mat-icon>more_vert</mat-icon> <mat-icon>more_vert</mat-icon>
</button> </button>
<mat-menu #moreMenu="matMenu"> <mat-menu #moreMenu="matMenu">
<button mat-menu-item (click)="onEditPageTitle()">
<mat-icon>edit</mat-icon>
<span>Edit Page Title</span>
</button>
<button mat-menu-item (click)="onRemovePage()"> <button mat-menu-item (click)="onRemovePage()">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
<span>Delete Saved Page</span> <span>Delete Saved Page</span>

10
app/db/src/app/components/saved-page-card/saved-page-card.component.ts
View File

@ -8,6 +8,7 @@ import { CardItem, CardType } from 'src/app/models/card-state';
import { NoteItem } from 'src/app/models/note-state'; import { NoteItem } from 'src/app/models/note-state';
import { OkCancelModalComponent, OkCancelResult } from '../ok-cancel-modal/ok-cancel-modal.component'; import { OkCancelModalComponent, OkCancelResult } from '../ok-cancel-modal/ok-cancel-modal.component';
import { MatSnackBar } from '@angular/material/snack-bar'; import { MatSnackBar } from '@angular/material/snack-bar';
import { PageEditModalComponent } from '../page-edit-modal/page-edit-modal.component';
@Component({ @Component({
selector: 'app-saved-page-card', selector: 'app-saved-page-card',
@ -81,6 +82,15 @@ export class SavedPageCardComponent implements OnInit {
}); });
} }
onEditPageTitle() {
this.dialog.open(PageEditModalComponent, {
data: {
title: this.savedPage.title,
savedPage: this.savedPage,
},
});
}
moveSavedPageCard(event: CdkDragDrop<string[]>) { moveSavedPageCard(event: CdkDragDrop<string[]>) {
this.appService.moveSavedPageCard(this.savedPage, event.previousIndex, event.currentIndex); this.appService.moveSavedPageCard(this.savedPage, event.previousIndex, event.currentIndex);
} }