Bridge-Multi/src-angular/app/components/toolbar/toolbar.component.ts

import { ChangeDetectorRef, Component, OnInit } from '@angular/core'

import { ElectronService } from '../../core/services/electron.service'

@Component({
	selector: 'app-toolbar',
	templateUrl: './toolbar.component.html',
	styleUrls: ['./toolbar.component.scss'],
})
export class ToolbarComponent implements OnInit {

	isMaximized: boolean
	updateAvailable = false

	constructor(private electronService: ElectronService, private ref: ChangeDetectorRef) { }

	async ngOnInit() {
		this.isMaximized = this.electronService.currentWindow.isMaximized()
		this.electronService.currentWindow.on('unmaximize', () => {
			this.isMaximized = false
			this.ref.detectChanges()
		})
		this.electronService.currentWindow.on('maximize', () => {
			this.isMaximized = true
			this.ref.detectChanges()
		})

		this.electronService.receiveIPC('update-available', result => {
			this.updateAvailable = result != null
			this.ref.detectChanges()
		})
		this.electronService.receiveIPC('update-error', () => {
			this.updateAvailable = null
			this.ref.detectChanges()
		})
		this.updateAvailable = await this.electronService.invoke('get-update-available', undefined)
		this.ref.detectChanges()
	}

	minimize() {
		this.electronService.currentWindow.minimize()
	}

	toggleMaximized() {
		if (this.isMaximized) {
			this.electronService.currentWindow.restore()
		} else {
			this.electronService.currentWindow.maximize()
		}
		this.isMaximized = !this.isMaximized
	}

	close() {
		this.electronService.quit()
	}
}