diff --git a/modules/ui/src/app/app.component.scss b/modules/ui/src/app/app.component.scss index d5589fabd..46db2a291 100644 --- a/modules/ui/src/app/app.component.scss +++ b/modules/ui/src/app/app.component.scss @@ -102,6 +102,7 @@ $nav-open-btn-width: 210px; width: $nav-close-btn-width; display: flex; justify-content: flex-start; + padding-inline: 8px; } .app-sidebar-button:first-child { diff --git a/modules/ui/src/app/app.component.spec.ts b/modules/ui/src/app/app.component.spec.ts index 901c08795..859cc7d64 100644 --- a/modules/ui/src/app/app.component.spec.ts +++ b/modules/ui/src/app/app.component.spec.ts @@ -58,6 +58,7 @@ import { selectInterfaces, selectMenuOpened, } from './store/selectors'; +import { MatIconTestingModule } from '@angular/material/icon/testing'; describe('AppComponent', () => { let component: AppComponent; @@ -111,6 +112,7 @@ describe('AppComponent', () => { MatSidenavModule, BypassComponent, CalloutComponent, + MatIconTestingModule, ], providers: [ { provide: TestRunService, useValue: mockService }, @@ -141,6 +143,7 @@ describe('AppComponent', () => { AppComponent, FakeGeneralSettingsComponent, FakeSpinnerComponent, + FakeShutdownAppComponent, FakeVersionComponent, ], }); @@ -655,6 +658,14 @@ class FakeGeneralSettingsComponent { }) class FakeSpinnerComponent {} +@Component({ + selector: 'app-shutdown-app', + template: '
', +}) +class FakeShutdownAppComponent { + @Input() disable!: boolean; +} + @Component({ selector: 'app-version', template: '
', diff --git a/modules/ui/src/app/app.component.ts b/modules/ui/src/app/app.component.ts index 55d6ab9dc..21605e630 100644 --- a/modules/ui/src/app/app.component.ts +++ b/modules/ui/src/app/app.component.ts @@ -44,6 +44,7 @@ import { GeneralSettingsComponent } from './pages/settings/general-settings.comp import { AppStore } from './app.store'; const DEVICES_LOGO_URL = '/assets/icons/devices.svg'; +const DEVICES_RUN_URL = '/assets/icons/device_run.svg'; const REPORTS_LOGO_URL = '/assets/icons/reports.svg'; const TESTRUN_LOGO_URL = '/assets/icons/testrun_logo_small.svg'; const TESTRUN_LOGO_COLOR_URL = '/assets/icons/testrun_logo_color.svg'; @@ -94,6 +95,10 @@ export class AppComponent implements OnInit { 'devices', this.domSanitizer.bypassSecurityTrustResourceUrl(DEVICES_LOGO_URL) ); + this.matIconRegistry.addSvgIcon( + 'device_run', + this.domSanitizer.bypassSecurityTrustResourceUrl(DEVICES_RUN_URL) + ); this.matIconRegistry.addSvgIcon( 'reports', this.domSanitizer.bypassSecurityTrustResourceUrl(REPORTS_LOGO_URL) @@ -173,4 +178,12 @@ export class AppComponent implements OnInit { consentShown() { this.appStore.setContent(); } + + testrunInProgress(status?: string): boolean { + return ( + status === StatusOfTestrun.InProgress || + status === StatusOfTestrun.WaitingForDevice || + status === StatusOfTestrun.Monitoring + ); + } } diff --git a/modules/ui/src/app/app.module.ts b/modules/ui/src/app/app.module.ts index 42ade0ddd..753aaadc4 100644 --- a/modules/ui/src/app/app.module.ts +++ b/modules/ui/src/app/app.module.ts @@ -44,6 +44,8 @@ import { EffectsModule } from '@ngrx/effects'; import { AppEffects } from './store/effects'; import { CdkTrapFocus } from '@angular/cdk/a11y'; import { SettingsDropdownComponent } from './pages/settings/components/settings-dropdown/settings-dropdown.component'; +import { ShutdownAppComponent } from './components/shutdown-app/shutdown-app.component'; +import { WindowProvider } from './providers/window.provider'; @NgModule({ declarations: [AppComponent, GeneralSettingsComponent], @@ -71,8 +73,10 @@ import { SettingsDropdownComponent } from './pages/settings/components/settings- EffectsModule.forRoot([AppEffects]), CdkTrapFocus, SettingsDropdownComponent, + ShutdownAppComponent, ], providers: [ + WindowProvider, { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, diff --git a/modules/ui/src/app/components/device-item/device-item.component.html b/modules/ui/src/app/components/device-item/device-item.component.html index 0496d74fb..84117dd34 100644 --- a/modules/ui/src/app/components/device-item/device-item.component.html +++ b/modules/ui/src/app/components/device-item/device-item.component.html @@ -61,8 +61,6 @@ attr.aria-label="Start new testrun for device {{ label }}" class="button-start" mat-flat-button> - - play_arrow +