2018-04-13 06:05:58 +02:00
|
|
|
import {
|
2020-08-17 18:14:40 +02:00
|
|
|
Directive,
|
2018-04-13 06:05:58 +02:00
|
|
|
EventEmitter,
|
|
|
|
Input,
|
|
|
|
OnInit,
|
|
|
|
Output,
|
|
|
|
} from '@angular/core';
|
|
|
|
|
2021-06-03 18:58:57 +02:00
|
|
|
import { FolderService } from 'jslib-common/abstractions/folder.service';
|
|
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
|
|
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
2018-04-13 06:05:58 +02:00
|
|
|
|
2021-06-03 18:58:57 +02:00
|
|
|
import { FolderView } from 'jslib-common/models/view/folderView';
|
2018-04-13 06:05:58 +02:00
|
|
|
|
2020-08-17 18:14:40 +02:00
|
|
|
@Directive()
|
2018-04-13 06:05:58 +02:00
|
|
|
export class FolderAddEditComponent implements OnInit {
|
|
|
|
@Input() folderId: string;
|
|
|
|
@Output() onSavedFolder = new EventEmitter<FolderView>();
|
|
|
|
@Output() onDeletedFolder = new EventEmitter<FolderView>();
|
|
|
|
|
|
|
|
editMode: boolean = false;
|
|
|
|
folder: FolderView = new FolderView();
|
|
|
|
title: string;
|
|
|
|
formPromise: Promise<any>;
|
|
|
|
deletePromise: Promise<any>;
|
|
|
|
|
|
|
|
constructor(protected folderService: FolderService, protected i18nService: I18nService,
|
2018-10-03 06:03:49 +02:00
|
|
|
protected platformUtilsService: PlatformUtilsService) { }
|
2018-04-13 06:05:58 +02:00
|
|
|
|
|
|
|
async ngOnInit() {
|
2019-03-06 20:31:32 +01:00
|
|
|
await this.init();
|
2018-04-13 06:05:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
async submit(): Promise<boolean> {
|
|
|
|
if (this.folder.name == null || this.folder.name === '') {
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
|
2018-04-13 06:05:58 +02:00
|
|
|
this.i18nService.t('nameRequired'));
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
try {
|
|
|
|
const folder = await this.folderService.encrypt(this.folder);
|
|
|
|
this.formPromise = this.folderService.saveWithServer(folder);
|
|
|
|
await this.formPromise;
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('success', null,
|
2018-04-13 06:05:58 +02:00
|
|
|
this.i18nService.t(this.editMode ? 'editedFolder' : 'addedFolder'));
|
|
|
|
this.onSavedFolder.emit(this.folder);
|
|
|
|
return true;
|
|
|
|
} catch { }
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
async delete(): Promise<boolean> {
|
|
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
|
|
this.i18nService.t('deleteFolderConfirmation'), this.i18nService.t('deleteFolder'),
|
|
|
|
this.i18nService.t('yes'), this.i18nService.t('no'), 'warning');
|
|
|
|
if (!confirmed) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
try {
|
|
|
|
this.deletePromise = this.folderService.deleteWithServer(this.folder.id);
|
|
|
|
await this.deletePromise;
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('success', null, this.i18nService.t('deletedFolder'));
|
2018-04-13 06:05:58 +02:00
|
|
|
this.onDeletedFolder.emit(this.folder);
|
|
|
|
} catch { }
|
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
2019-03-06 20:31:32 +01:00
|
|
|
|
|
|
|
protected async init() {
|
|
|
|
this.editMode = this.folderId != null;
|
|
|
|
|
|
|
|
if (this.editMode) {
|
|
|
|
this.editMode = true;
|
|
|
|
this.title = this.i18nService.t('editFolder');
|
|
|
|
const folder = await this.folderService.get(this.folderId);
|
|
|
|
this.folder = await folder.decrypt();
|
|
|
|
} else {
|
|
|
|
this.title = this.i18nService.t('addFolder');
|
|
|
|
}
|
|
|
|
}
|
2018-04-13 06:05:58 +02:00
|
|
|
}
|