funky-framadate-front/src/app/features/administration/administration.component.ts

import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Subscription } from 'rxjs';

import { Poll } from '../../core/models/poll.model';
import { DOCUMENT } from '@angular/common';

@Component({
	selector: 'app-administration',
	templateUrl: './administration.component.html',
	styleUrls: ['./administration.component.scss'],
})
export class AdministrationComponent implements OnInit, OnDestroy {
	public poll: Poll;
	private routeSubscription: Subscription;

	constructor(private route: ActivatedRoute, @Inject(DOCUMENT) private document: any) {}

	ngOnInit(): void {
		this.routeSubscription = this.route.data.subscribe((data: { poll: Poll }) => {
			console.log('data', data);
			if (data.poll) {
				this.poll = data.poll;
			}

			// focus on first field of the creation form
			const firstField = this.document.querySelector('app-admin-form select');
			if (firstField) {
				console.log('focus on ', firstField);
				firstField.focus();
			} else {
				console.log('no first field of form');
			}
		});
	}

	ngOnDestroy(): void {
		if (this.routeSubscription) {
			this.routeSubscription.unsubscribe();
		}
	}
}