diff --git a/src/app/drivers/drivers.page.html b/src/app/drivers/drivers.page.html index 6e1912cb..52aab46f 100644 --- a/src/app/drivers/drivers.page.html +++ b/src/app/drivers/drivers.page.html @@ -11,7 +11,7 @@ - + {{id + 1}} @@ -26,8 +26,8 @@ > - {{driver.code || '#' + (id + 1)}} - + {{driver.code || '#' + (id + 1)}} + diff --git a/src/app/drivers/drivers.page.ts b/src/app/drivers/drivers.page.ts index 390bcce1..faf77d09 100644 --- a/src/app/drivers/drivers.page.ts +++ b/src/app/drivers/drivers.page.ts @@ -6,8 +6,10 @@ import { take } from 'rxjs/operators'; import { TranslateService } from '@ngx-translate/core'; +import { Observable } from 'rxjs'; + import { AppSettings, Driver } from '../app-settings'; -import { LoggingService, SpeechService } from '../services'; +import { AppService, LoggingService, SpeechService } from '../services'; import { ColorComponent } from './color.component'; @Component({ @@ -17,15 +19,19 @@ export class DriversPage implements OnDestroy, OnInit { drivers: Driver[]; + orientation: Observable; + readonly placeholder = 'Driver {{number}}'; constructor( + private app: AppService, private logger: LoggingService, private settings: AppSettings, private mc: ModalController, private speech: SpeechService, private translate: TranslateService) { + this.orientation = app.orientation; } ngOnInit() { diff --git a/src/global.scss b/src/global.scss index 345cdfe0..3078b5f8 100644 --- a/src/global.scss +++ b/src/global.scss @@ -63,6 +63,19 @@ ion-input.right-align { } } +/* drivers menu items */ +ion-item.driver { + ion-button { + margin-inline-end: 8px; + } + ion-buttons { + margin-left: 0; + ion-note { + width: 3em; + } + } +} + /* checkered flag blinking in title (only) */ @keyframes blink-checkered-flag { 0% { opacity: 0; }