_Bastler/we_bstly-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

touchsupport

Browse Source
This commit is contained in:
_Bastler 2021-10-11 17:03:46 +02:00
parent 4ddb51ba55
commit 59ac345933
1 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/app/ui/main/main.component.ts
View File

@ -1,19 +1,19 @@
import {Component, HostListener} from '@angular/core'; import {Component, HostListener} from '@angular/core';
import {AuthService} from '../../services/auth.service';
import {I18nService} from '../../services/i18n.service';
import {ProfileService} from '../../services/profile.service';
import {Router} from '@angular/router'; import {Router} from '@angular/router';
import {DomSanitizer} from '@angular/platform-browser'; import {DomSanitizer} from '@angular/platform-browser';
import {MatIconRegistry} from '@angular/material/icon'; import {MatIconRegistry} from '@angular/material/icon';
import {DateAdapter} from '@angular/material/core'; import {DateAdapter} from '@angular/material/core';
import { fromEvent } from 'rxjs';
import {AuthService} from '../../services/auth.service';
import {I18nService} from '../../services/i18n.service';
import {ProfileService} from '../../services/profile.service';
@Component({ @Component({
selector: 'app-main', selector: 'app-main',
templateUrl: './main.component.html', templateUrl: './main.component.html',
styleUrls: ['./main.component.scss'] styleUrls: ['./main.component.scss']
}) })
export class MainComponent { export class MainComponent {
opened = true; opened = true;
darkTheme = "false"; darkTheme = "false";
@ -23,6 +23,10 @@ export class MainComponent {
locales; locales;
auth; auth;
touchThresh: number = 150;
touchStartX: number;
touchX: number;
constructor( constructor(
private i18n: I18nService, private i18n: I18nService,
private authService: AuthService, private authService: AuthService,
@ -55,6 +59,8 @@ export class MainComponent {
this.darkTheme = "true"; this.darkTheme = "true";
window.document.body.classList.add("dark-theme"); window.document.body.classList.add("dark-theme");
} }
this.touchEvents();
} }
setLocale(locale) { setLocale(locale) {
@ -141,4 +147,29 @@ export class MainComponent {
this.opened = true; this.opened = true;
} }
} }
touchEvents(): void {
fromEvent(document, 'touchstart').subscribe((event: TouchEvent) => {
if (event.touches[ 0 ]) {
this.touchStartX = event.touches[ 0 ].screenX;
}
})
fromEvent(document, 'touchmove').subscribe((event: TouchEvent) => {
if (event.touches[ 0 ]) {
this.touchX = event.touches[ 0 ].screenX;
}
})
fromEvent(document, 'touchend').subscribe((event: TouchEvent) => {
const touchDiff = this.touchStartX - this.touchX;
if (touchDiff < 0 && touchDiff < (this.touchThresh * -1) && !this.opened) {
this.opened = true;
} else if (touchDiff > 0 && touchDiff > this.touchThresh && this.opened) {
this.opened = false;
}
})
}
} }