Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-06 09:20:43 +01:00
Code Issues Projects Releases Wiki Activity

added collpase/expand functions to groupings

Browse Source
This commit is contained in:
Kyle Spearrin 2018-11-09 17:44:45 -05:00
parent b4fad203b9
commit 786fa02b90
2 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/angular/components/groupings.component.ts
View File

@ -13,6 +13,10 @@ import { TreeNode } from '../../models/domain/treeNode';
import { CollectionService } from '../../abstractions/collection.service'; import { CollectionService } from '../../abstractions/collection.service';
import { FolderService } from '../../abstractions/folder.service'; import { FolderService } from '../../abstractions/folder.service';
import { StorageService } from '../../abstractions/storage.service';
import { UserService } from '../../abstractions/user.service';
import { ConstantsService } from '../../services/constants.service';
export class GroupingsComponent { export class GroupingsComponent {
@Input() showFolders = true; @Input() showFolders = true;
@ -40,9 +44,22 @@ export class GroupingsComponent {
selectedFolderId: string = null; selectedFolderId: string = null;
selectedCollectionId: string = null; selectedCollectionId: string = null;
constructor(protected collectionService: CollectionService, protected folderService: FolderService) { } private collapsedGroupings: Set<string>;
private collapsedGroupingsKey: string;
constructor(protected collectionService: CollectionService, protected folderService: FolderService,
protected storageService: StorageService, protected userService: UserService) { }
async load(setLoaded = true) { async load(setLoaded = true) {
const userId = await this.userService.getUserId();
this.collapsedGroupingsKey = ConstantsService.collapsedGroupingsKey + '_' + userId;
const collapsedGroupings = await this.storageService.get<string[]>(this.collapsedGroupingsKey);
if (collapsedGroupings == null) {
this.collapsedGroupings = new Set<string>();
} else {
this.collapsedGroupings = new Set(collapsedGroupings);
}
await this.loadFolders(); await this.loadFolders();
await this.loadCollections(); await this.loadCollections();
@ -119,4 +136,21 @@ export class GroupingsComponent {
this.selectedFolderId = null; this.selectedFolderId = null;
this.selectedCollectionId = null; this.selectedCollectionId = null;
} }
collapse(grouping: FolderView | CollectionView, idPrefix = '') {
if (grouping.id == null) {
return;
}
const id = idPrefix + grouping.id;
if (this.isCollapsed(grouping, idPrefix)) {
this.collapsedGroupings.delete(id);
} else {
this.collapsedGroupings.add(id);
}
this.storageService.save(this.collapsedGroupingsKey, this.collapsedGroupings);
}
isCollapsed(grouping: FolderView | CollectionView, idPrefix = '') {
return this.collapsedGroupings.has(idPrefix + grouping.id);
}
} }

2
src/services/constants.service.ts
View File

@ -13,6 +13,7 @@ export class ConstantsService {
static readonly installedVersionKey: string = 'installedVersion'; static readonly installedVersionKey: string = 'installedVersion';
static readonly localeKey: string = 'locale'; static readonly localeKey: string = 'locale';
static readonly themeKey: string = 'theme'; static readonly themeKey: string = 'theme';
static readonly collapsedGroupingsKey: string = 'collapsedGroupings';
readonly environmentUrlsKey: string = ConstantsService.environmentUrlsKey; readonly environmentUrlsKey: string = ConstantsService.environmentUrlsKey;
readonly disableGaKey: string = ConstantsService.disableGaKey; readonly disableGaKey: string = ConstantsService.disableGaKey;
@ -27,4 +28,5 @@ export class ConstantsService {
readonly installedVersionKey: string = ConstantsService.installedVersionKey; readonly installedVersionKey: string = ConstantsService.installedVersionKey;
readonly localeKey: string = ConstantsService.localeKey; readonly localeKey: string = ConstantsService.localeKey;
readonly themeKey: string = ConstantsService.themeKey; readonly themeKey: string = ConstantsService.themeKey;
readonly collapsedGroupingsKey: string = ConstantsService.collapsedGroupingsKey;
} }