mirror of
https://github.com/bitwarden/browser
synced 2025-12-21 02:33:46 +00:00
78248db590
* Rename service-factory folder * Move cryptographic service factories * Move crypto models * Move crypto services * Move domain base class * Platform code owners * Move desktop log services * Move log files * Establish component library ownership * Move background listeners * Move background background * Move localization to Platform * Move browser alarms to Platform * Move browser state to Platform * Move CLI state to Platform * Move Desktop native concerns to Platform * Move flag and misc to Platform * Lint fixes * Move electron state to platform * Move web state to Platform * Move lib state to Platform * Fix broken tests * Rename interface to idiomatic TS * `npm run prettier` 🤖 * Resolve review feedback * Set platform as owners of web core and shared * Expand moved services * Fix test types --------- Co-authored-by: Hinton <hinton@users.noreply.github.com>
82 lines
2.9 KiB
TypeScript
82 lines
2.9 KiB
TypeScript
import { ViewChild, ViewContainerRef, Component, OnDestroy, OnInit } from "@angular/core";
|
|
import { Subject, takeUntil } from "rxjs";
|
|
|
|
import { ModalService } from "@bitwarden/angular/services/modal.service";
|
|
import { ApiService } from "@bitwarden/common/abstractions/api.service";
|
|
import { KeyConnectorService } from "@bitwarden/common/auth/abstractions/key-connector.service";
|
|
import { UpdateProfileRequest } from "@bitwarden/common/auth/models/request/update-profile.request";
|
|
import { ProfileResponse } from "@bitwarden/common/models/response/profile.response";
|
|
import { CryptoService } from "@bitwarden/common/platform/abstractions/crypto.service";
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
|
|
import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
|
|
import { StateService } from "@bitwarden/common/platform/abstractions/state.service";
|
|
|
|
import { ChangeAvatarComponent } from "./change-avatar.component";
|
|
|
|
@Component({
|
|
selector: "app-profile",
|
|
templateUrl: "profile.component.html",
|
|
})
|
|
export class ProfileComponent implements OnInit, OnDestroy {
|
|
loading = true;
|
|
profile: ProfileResponse;
|
|
fingerprint: string;
|
|
|
|
formPromise: Promise<any>;
|
|
@ViewChild("avatarModalTemplate", { read: ViewContainerRef, static: true })
|
|
avatarModalRef: ViewContainerRef;
|
|
private destroy$ = new Subject<void>();
|
|
|
|
constructor(
|
|
private apiService: ApiService,
|
|
private i18nService: I18nService,
|
|
private platformUtilsService: PlatformUtilsService,
|
|
private cryptoService: CryptoService,
|
|
private logService: LogService,
|
|
private keyConnectorService: KeyConnectorService,
|
|
private stateService: StateService,
|
|
private modalService: ModalService
|
|
) {}
|
|
|
|
async ngOnInit() {
|
|
this.profile = await this.apiService.getProfile();
|
|
this.loading = false;
|
|
const fingerprint = await this.cryptoService.getFingerprint(
|
|
await this.stateService.getUserId()
|
|
);
|
|
if (fingerprint != null) {
|
|
this.fingerprint = fingerprint.join("-");
|
|
}
|
|
}
|
|
|
|
async ngOnDestroy() {
|
|
this.destroy$.next();
|
|
this.destroy$.complete();
|
|
}
|
|
|
|
async openChangeAvatar() {
|
|
const modalOpened = await this.modalService.openViewRef(
|
|
ChangeAvatarComponent,
|
|
this.avatarModalRef,
|
|
(modal) => {
|
|
modal.profile = this.profile;
|
|
modal.changeColor.pipe(takeUntil(this.destroy$)).subscribe(() => {
|
|
modalOpened[0].close();
|
|
});
|
|
}
|
|
);
|
|
}
|
|
|
|
async submit() {
|
|
try {
|
|
const request = new UpdateProfileRequest(this.profile.name, this.profile.masterPasswordHint);
|
|
this.formPromise = this.apiService.putProfile(request);
|
|
await this.formPromise;
|
|
this.platformUtilsService.showToast("success", null, this.i18nService.t("accountUpdated"));
|
|
} catch (e) {
|
|
this.logService.error(e);
|
|
}
|
|
}
|
|
}
|