andras/life-towers
andras/life-towers
Watch
1
0
Fork
You've already forked life-towers
 0
Code Issues Pull requests 10 Projects Releases Packages 1 Wiki Activity Actions

Add falling animation

Browse source
This commit is contained in:
schmelczerandras 2019-09-01 18:13:21 +02:00
commit db6a31dd85
4 changed files with 213 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/modal/modals/remove-tower/remove-tower.component.html
View file

@ -6,9 +6,7 @@
<p>
You are trying to remove
<span [ngStyle]="{ color: modalService.active.input.baseColor | color }">{{
modalService.active.input.name ? modalService.active.input.name : 'an unnamed tower'
}}</span
<span [ngStyle]="{ color: tower.baseColor | color }">{{ tower.name ? tower.name : 'an unnamed tower' }}</span
>.
</p>

3
src/app/components/modal/modals/remove-tower/remove-tower.component.ts
View file

@ -1,5 +1,6 @@
import { Component } from '@angular/core';
import { ModalService } from '../../../../services/modal.service';
import { Tower } from '../../../../model/tower';
@Component({
selector: 'app-remove-tower',
@ -8,4 +9,6 @@ import { ModalService } from '../../../../services/modal.service';
})
export class RemoveTowerComponent {
constructor(public modalService: ModalService) {}
tower: Tower = this.modalService.active.input;
}

4
src/app/components/modal/modals/settings/settings.component.html
View file

@ -9,11 +9,11 @@
[beforeText]="'Hide create tower button'"
[afterText]="'Show create tower button'"
[default]="!page.userData.hideCreateTowerButton"
(value)="page?.setHideCreateTowerButton(!$event)"
(value)="page.setHideCreateTowerButton(!$event)"
></app-toggle>
</div>
<!-- wrapper for easier styling -->
<p *ngIf="page.towers?.length == 5">There can be a maximum of <strong>5</strong> towers on each page.</p>
<p *ngIf="page.towers.length == 5">There can be a maximum of <strong>5</strong> towers on each page.</p>
<button (click)="deletePage()">Delete current page</button>

8
src/app/components/modal/modals/settings/settings.component.ts
View file

@ -1,4 +1,4 @@
import { Component } from '@angular/core';
import { Component, OnInit } from '@angular/core';
import { ModalService } from '../../../../services/modal.service';
import { DataService } from '../../../../services/data.service';
import { Page } from '../../../../model/page';
@ -8,8 +8,10 @@ import { Page } from '../../../../model/page';
templateUrl: './settings.component.html',
styleUrls: ['./settings.component.scss']
})
export class SettingsComponent {
constructor(public modalService: ModalService, public dataService: DataService) {
export class SettingsComponent implements OnInit {
constructor(public modalService: ModalService, public dataService: DataService) {}
ngOnInit() {
this.modalService.active.input.subscribe(p => (this.page = p));
}