octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2024-11-10 15:20:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

toggle status lists

Browse Source
This commit is contained in:
Jesse Lucas 2020-03-11 21:22:43 -04:00
parent 61b4de581d
commit cf3de8cf35
5 changed files with 29 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/status-list/status-list.component.html
View File

@ -1,3 +1,3 @@
<app-status-toggle></app-status-toggle>
<app-folder-list></app-folder-list>
<app-device-list></app-device-list>
<app-status-toggle (statusEvent)="onToggle($event)"></app-status-toggle>
<app-folder-list *ngIf="currentStatus===status.Folders"></app-folder-list>
<app-device-list *ngIf="currentStatus===status.Devices"></app-device-list>

8
src/app/status-list/status-list.component.ts
View File

@ -1,4 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { Status } from '../status';
@Component({
selector: 'app-status-list',
@ -6,10 +8,16 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./status-list.component.scss']
})
export class StatusListComponent implements OnInit {
public currentStatus: Status = Status.Folders;
public status = Status;
constructor() { }
ngOnInit(): void {
}
onToggle(s: Status) {
console.log("holy moly", s);
this.currentStatus = s;
}
}

6
src/app/status-toggle/status-toggle.component.html
View File

@ -1,4 +1,4 @@
<mat-button-toggle-group name="fontStyle" aria-label="Font Style">
<mat-button-toggle value="folders" (click)="onSelect(toggleAction.Folders)">Folders</mat-button-toggle>
<mat-button-toggle value=" devices" (click)="onSelect(toggleAction.Devices)">Devices</mat-button-toggle>
<mat-button-toggle-group name="fontStyle" aria-label="Font Style" value="folders">
<mat-button-toggle value="folders" (click)="onSelect(status.Folders)">Folders</mat-button-toggle>
<mat-button-toggle value="devices" (click)="onSelect(status.Devices)">Devices</mat-button-toggle>
</mat-button-toggle-group>

24
src/app/status-toggle/status-toggle.component.ts
View File

@ -1,9 +1,7 @@
import { Component, OnInit } from '@angular/core';
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
import { Status } from '../status';
export enum ToggleAction {
Folders = 1,
Devices,
}
@Component({
selector: 'app-status-toggle',
@ -12,20 +10,20 @@ export enum ToggleAction {
})
export class StatusToggleComponent implements OnInit {
public toggleAction = ToggleAction
constructor() { }
public status = Status
@Output() statusEvent = new EventEmitter<Status>();
constructor() { }
ngOnInit(): void {
}
onSelect(label: ToggleAction): void {
console.log("here?");
switch (label) {
case ToggleAction.Folders:
onSelect(s: Status): void {
this.statusEvent.emit(s);
switch (s) {
case Status.Folders:
console.log("folder action");
break;
case ToggleAction.Devices:
case Status.Devices:
console.log("Device action");
break;
}

4
src/app/status.ts Normal file
View File

@ -0,0 +1,4 @@
export enum Status {
Folders = 1,
Devices,
}