myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-04-11 14:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restructure; use DaisyUI

Browse Source
This commit is contained in:
Geomitron
2023-11-28 19:50:45 -06:00
parent 49c3f38f99
commit 2eef4d0bee
727 changed files with 1283 additions and 298840 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src-angular/app/components/toolbar/toolbar.component.html
View File

@@ -1,15 +1,15 @@
<div class="ui top menu">
<a class="item" routerLinkActive="active" routerLink="/browse">Browse</a>
<div class="navbar bg-base-100">
<button class="btn btn-square btn-ghost" routerLinkActive="active" routerLink="/browse">Browse</button>
<!-- TODO <a class="item" routerLinkActive="active" routerLink="/library">Library</a> -->
<a class="item" routerLinkActive="active" routerLink="/settings">
<button class="btn btn-square btn-ghost" routerLinkActive="active" routerLink="/settings">
<i *ngIf="updateAvailable" class="teal small circle icon"></i>
<i *ngIf="updateAvailable === null" class="small yellow exclamation triangle icon"></i>
Settings
</a>
</button>
<div class="right menu">
<a class="item traffic-light" (click)="minimize()"><i class="minus icon"></i></a>
<a class="item traffic-light" (click)="toggleMaximized()"><i class="icon window" [ngClass]="isMaximized ? 'restore' : 'maximize'"></i></a>
<a class="item traffic-light close" (click)="close()"><i class="x icon"></i></a>
<a class="item traffic-light" (click)="minimize()"><i class="bi bi-dash-lg"></i></a>
<a class="item traffic-light" (click)="toggleMaximized()"><i class="bi" [ngClass]="isMaximized ? 'bi-window-stack' : 'bi-window'"></i></a>
<a class="item traffic-light close" (click)="close()"><i class="bi bi-x"></i></a>
</div>
</div>

32
src-angular/app/components/toolbar/toolbar.component.ts
View File

@@ -1,7 +1,5 @@
import { ChangeDetectorRef, Component, OnInit } from '@angular/core'
import { ElectronService } from '../../core/services/electron.service'
@Component({
selector: 'app-toolbar',
templateUrl: './toolbar.component.html',
@@ -10,47 +8,47 @@ import { ElectronService } from '../../core/services/electron.service'
export class ToolbarComponent implements OnInit {
isMaximized: boolean
updateAvailable = false
updateAvailable: boolean | null = false
constructor(private electronService: ElectronService, private ref: ChangeDetectorRef) { }
constructor(private ref: ChangeDetectorRef) { }
async ngOnInit() {
this.isMaximized = this.electronService.currentWindow.isMaximized()
this.electronService.currentWindow.on('unmaximize', () => {
this.isMaximized = await window.electron.invoke.isMaximized()
window.electron.on.minimized(() => {
this.isMaximized = false
this.ref.detectChanges()
})
this.electronService.currentWindow.on('maximize', () => {
window.electron.on.maximized(() => {
this.isMaximized = true
this.ref.detectChanges()
})
this.electronService.receiveIPC('update-available', result => {
this.updateAvailable = result != null
window.electron.on.updateAvailable(result => {
this.updateAvailable = result !== null
this.ref.detectChanges()
})
this.electronService.receiveIPC('update-error', () => {
window.electron.on.updateError(() => {
this.updateAvailable = null
this.ref.detectChanges()
})
this.updateAvailable = await this.electronService.invoke('get-update-available', undefined)
this.updateAvailable = await window.electron.invoke.getUpdateAvailable()
this.ref.detectChanges()
}
minimize() {
this.electronService.currentWindow.minimize()
window.electron.emit.minimize()
}
toggleMaximized() {
if (this.isMaximized) {
this.electronService.currentWindow.restore()
async toggleMaximized() {
if (await window.electron.invoke.isMaximized()) {
window.electron.emit.restore()
} else {
this.electronService.currentWindow.maximize()
window.electron.emit.maximize()
}
this.isMaximized = !this.isMaximized
}
close() {
this.electronService.quit()
window.electron.emit.quit()
}
}