Terncode/pixel.horse
1
0
Fork 0
mirror of https://github.com/Terncode/pixel.horse.git synced 2026-09-24 21:55:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

tslint changes

Browse Source
This commit is contained in:
Jeremy Simpson
2019-08-30 01:52:40 -07:00
parent 7603879d35
commit 7f7efbb94b
446 changed files with 70650 additions and 70661 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ts/components/tools/shared/tools-frame/tools-frame.ts
+62 -62
View File
@@ -4,73 +4,73 @@ import { Sprite, PonyInfo } from '../../../../common/interfaces';
let openedPopover: ToolsFrame;
@Component({
selector: 'tools-frame',
templateUrl: 'tools-frame.pug',
styleUrls: ['tools-frame.scss'],
selector: 'tools-frame',
templateUrl: 'tools-frame.pug',
styleUrls: ['tools-frame.scss'],
})
export class ToolsFrame {
@Input() x = 0;
@Input() y = 0;
@Input() sprites!: Sprite[];
@Input() frame!: number;
@Input() pony!: PonyInfo;
@Input() reverseExtra = false;
@Input() circle?: string;
@Output() frameChange = new EventEmitter<number>();
popoverIsOpen = false;
placement = 'right';
private savedFrame = 0;
private selected = false;
constructor(private element: ElementRef) {
}
get sprite() {
return this.sprites[this.frame];
}
closePopover = () => {
if (this.popoverIsOpen) {
this.togglePopover();
}
}
togglePopover() {
const rect = (this.element.nativeElement as HTMLElement).getBoundingClientRect();
this.placement = (rect.left < (window.innerWidth / 2)) ? 'right' : 'left';
@Input() x = 0;
@Input() y = 0;
@Input() sprites!: Sprite[];
@Input() frame!: number;
@Input() pony!: PonyInfo;
@Input() reverseExtra = false;
@Input() circle?: string;
@Output() frameChange = new EventEmitter<number>();
popoverIsOpen = false;
placement = 'right';
private savedFrame = 0;
private selected = false;
constructor(private element: ElementRef) {
}
get sprite() {
return this.sprites[this.frame];
}
closePopover = () => {
if (this.popoverIsOpen) {
this.togglePopover();
}
}
togglePopover() {
const rect = (this.element.nativeElement as HTMLElement).getBoundingClientRect();
this.placement = (rect.left < (window.innerWidth / 2)) ? 'right' : 'left';
if (!this.popoverIsOpen) {
if (openedPopover) {
openedPopover.popoverIsOpen = false;
}
if (!this.popoverIsOpen) {
if (openedPopover) {
openedPopover.popoverIsOpen = false;
}
openedPopover = this;
}
openedPopover = this;
}
this.popoverIsOpen = !this.popoverIsOpen;
this.popoverIsOpen = !this.popoverIsOpen;
if (this.popoverIsOpen) {
this.selected = false;
window.addEventListener('mousedown', this.closePopover);
} else {
window.removeEventListener('mousedown', this.closePopover);
}
if (this.popoverIsOpen) {
this.selected = false;
window.addEventListener('mousedown', this.closePopover);
} else {
window.removeEventListener('mousedown', this.closePopover);
}
setTimeout(() => { }, 10);
}
select(index: number) {
this.selected = true;
this.frame = index;
this.togglePopover();
this.frameChange.emit(this.frame);
}
enter(index: number) {
if (!this.selected) {
this.savedFrame = this.frame;
this.frame = index;
this.frameChange.emit(this.frame);
}
}
leave() {
if (!this.selected) {
this.frame = this.savedFrame;
this.frameChange.emit(this.frame);
}
}
setTimeout(() => { }, 10);
}
select(index: number) {
this.selected = true;
this.frame = index;
this.togglePopover();
this.frameChange.emit(this.frame);
}
enter(index: number) {
if (!this.selected) {
this.savedFrame = this.frame;
this.frame = index;
this.frameChange.emit(this.frame);
}
}
leave() {
if (!this.selected) {
this.frame = this.savedFrame;
this.frameChange.emit(this.frame);
}
}
}