bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-12 14:23:32 +00:00
Code Issues Releases Wiki Activity

add directive import for dark themed videos (#16277)

Browse Source
This commit is contained in:
Nick Krantz
2025-09-05 12:11:35 -05:00
committed by GitHub
parent e7ac237511
commit e3ef530c17
3 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/app/vault/components/setup-extension/add-extension-videos.component.spec.ts
View File

@@ -2,8 +2,11 @@ import { ComponentFixture, fakeAsync, TestBed, tick } from "@angular/core/testin
import { By } from "@angular/platform-browser"; import { By } from "@angular/platform-browser";
import { provideNoopAnimations } from "@angular/platform-browser/animations"; import { provideNoopAnimations } from "@angular/platform-browser/animations";
import { RouterModule } from "@angular/router"; import { RouterModule } from "@angular/router";
import { BehaviorSubject } from "rxjs";
import { SYSTEM_THEME_OBSERVABLE } from "@bitwarden/angular/services/injection-tokens";
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service"; import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
import { ThemeStateService } from "@bitwarden/common/platform/theming/theme-state.service";
import { AddExtensionVideosComponent } from "./add-extension-videos.component"; import { AddExtensionVideosComponent } from "./add-extension-videos.component";
@@ -36,6 +39,8 @@ describe("AddExtensionVideosComponent", () => {
providers: [ providers: [
provideNoopAnimations(), provideNoopAnimations(),
{ provide: I18nService, useValue: { t: (key: string) => key } }, { provide: I18nService, useValue: { t: (key: string) => key } },
{ provide: SYSTEM_THEME_OBSERVABLE, useValue: new BehaviorSubject("system") },
{ provide: ThemeStateService, useValue: { selectedTheme$: new BehaviorSubject("system") } },
], ],
}).compileComponents(); }).compileComponents();

3
apps/web/src/app/vault/components/setup-extension/add-extension-videos.component.ts
View File

@@ -4,11 +4,12 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
import { debounceTime, fromEvent } from "rxjs"; import { debounceTime, fromEvent } from "rxjs";
import { JslibModule } from "@bitwarden/angular/jslib.module"; import { JslibModule } from "@bitwarden/angular/jslib.module";
import { DarkImageSourceDirective } from "@bitwarden/vault";
@Component({ @Component({
selector: "vault-add-extension-videos", selector: "vault-add-extension-videos",
templateUrl: "./add-extension-videos.component.html", templateUrl: "./add-extension-videos.component.html",
imports: [CommonModule, JslibModule], imports: [CommonModule, JslibModule, DarkImageSourceDirective],
}) })
export class AddExtensionVideosComponent { export class AddExtensionVideosComponent {
@ViewChildren("video", { read: ElementRef }) protected videoElements!: QueryList< @ViewChildren("video", { read: ElementRef }) protected videoElements!: QueryList<

4
apps/web/src/app/vault/components/setup-extension/setup-extension.component.spec.ts
View File

@@ -3,6 +3,7 @@ import { By } from "@angular/platform-browser";
import { Router, RouterModule } from "@angular/router"; import { Router, RouterModule } from "@angular/router";
import { BehaviorSubject } from "rxjs"; import { BehaviorSubject } from "rxjs";
import { SYSTEM_THEME_OBSERVABLE } from "@bitwarden/angular/services/injection-tokens";
import { BrowserExtensionIcon } from "@bitwarden/assets/svg"; import { BrowserExtensionIcon } from "@bitwarden/assets/svg";
import { AccountService } from "@bitwarden/common/auth/abstractions/account.service"; import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
import { DeviceType } from "@bitwarden/common/enums"; import { DeviceType } from "@bitwarden/common/enums";
@@ -10,6 +11,7 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service"; import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
import { Utils } from "@bitwarden/common/platform/misc/utils"; import { Utils } from "@bitwarden/common/platform/misc/utils";
import { StateProvider } from "@bitwarden/common/platform/state"; import { StateProvider } from "@bitwarden/common/platform/state";
import { ThemeStateService } from "@bitwarden/common/platform/theming/theme-state.service";
import { AnonLayoutWrapperDataService } from "@bitwarden/components"; import { AnonLayoutWrapperDataService } from "@bitwarden/components";
import { WebBrowserInteractionService } from "../../services/web-browser-interaction.service"; import { WebBrowserInteractionService } from "../../services/web-browser-interaction.service";
@@ -39,6 +41,8 @@ describe("SetupExtensionComponent", () => {
{ provide: I18nService, useValue: { t: (key: string) => key } }, { provide: I18nService, useValue: { t: (key: string) => key } },
{ provide: WebBrowserInteractionService, useValue: { extensionInstalled$, openExtension } }, { provide: WebBrowserInteractionService, useValue: { extensionInstalled$, openExtension } },
{ provide: PlatformUtilsService, useValue: { getDevice: () => DeviceType.UnknownBrowser } }, { provide: PlatformUtilsService, useValue: { getDevice: () => DeviceType.UnknownBrowser } },
{ provide: SYSTEM_THEME_OBSERVABLE, useValue: new BehaviorSubject("system") },
{ provide: ThemeStateService, useValue: { selectedTheme$: new BehaviorSubject("system") } },
{ provide: AnonLayoutWrapperDataService, useValue: { setAnonLayoutWrapperData } }, { provide: AnonLayoutWrapperDataService, useValue: { setAnonLayoutWrapperData } },
{ {
provide: AccountService, provide: AccountService,