Compare commits
3 Commits
1e7a347c83
...
b8ba97cb2e
Author | SHA1 | Date | |
---|---|---|---|
b8ba97cb2e | |||
0c672e90ce | |||
7bce7a6538 |
@ -7,6 +7,5 @@
|
|||||||
</div>
|
</div>
|
||||||
<skirda-text>description</skirda-text>
|
<skirda-text>description</skirda-text>
|
||||||
</div>
|
</div>
|
||||||
<skirda-icon *ngIf="!collapsed" name="play" size="24" (click)="run(game)" color="var(--sk-primary-accent)"></skirda-icon>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<skirda-section-label *ngIf="!collapsed">
|
<skirda-section-label *ngIf="!collapsed">
|
||||||
Pinned games <div class="count">{{games.length}}</div>
|
Games <div class="count">{{games.length}}</div>
|
||||||
</skirda-section-label>
|
</skirda-section-label>
|
||||||
<skirda-icon name="library" size="20" *ngIf="collapsed"></skirda-icon>
|
<skirda-icon name="library" size="20" *ngIf="collapsed"></skirda-icon>
|
||||||
<div class="games">
|
<div class="games">
|
||||||
|
@ -47,7 +47,7 @@
|
|||||||
<!-- 6. Вызываем в нужном месте (в html компонента) открытие попап окна и передаем в метод из ts шаблон
|
<!-- 6. Вызываем в нужном месте (в html компонента) открытие попап окна и передаем в метод из ts шаблон
|
||||||
(название переменной popupContent должно совпадать с аттрибутом
|
(название переменной popupContent должно совпадать с аттрибутом
|
||||||
у описанного шаблона из пункта 2 (<ng-template #popupContent>)) -->
|
у описанного шаблона из пункта 2 (<ng-template #popupContent>)) -->
|
||||||
<skirda-button size="large" appearance="primary" (click)="openPopup(popupContent)">
|
<skirda-button size="large" appearance="primary" (click)="run(game)">
|
||||||
<skirda-icon name="play" size="32"></skirda-icon>
|
<skirda-icon name="play" size="32"></skirda-icon>
|
||||||
<skirda-heading size="1">Play</skirda-heading>
|
<skirda-heading size="1">Play</skirda-heading>
|
||||||
</skirda-button>
|
</skirda-button>
|
||||||
|
@ -5,6 +5,7 @@ import { PopupService } from 'projects/ui/src/lib/popup/popup.service'
|
|||||||
import { Subscription } from 'rxjs'
|
import { Subscription } from 'rxjs'
|
||||||
import { Game } from 'src/app/interfaces/game.interface'
|
import { Game } from 'src/app/interfaces/game.interface'
|
||||||
import { UiService } from 'src/app/services/ui.service'
|
import { UiService } from 'src/app/services/ui.service'
|
||||||
|
import { LauncherService } from 'src/app/services/launcher.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-game-page',
|
selector: 'app-game-page',
|
||||||
@ -43,10 +44,17 @@ export class GamePageComponent implements OnInit, OnDestroy {
|
|||||||
constructor(
|
constructor(
|
||||||
private router: Router,
|
private router: Router,
|
||||||
|
|
||||||
|
private launcher: LauncherService,
|
||||||
|
|
||||||
// 4. Импортировать сервис для попап окон
|
// 4. Импортировать сервис для попап окон
|
||||||
private popup: PopupService
|
private popup: PopupService
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
|
run(game: Game) {
|
||||||
|
//console.log('Game to run ' + game.title)
|
||||||
|
this.launcher.RunGame(game)
|
||||||
|
}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {
|
||||||
this.observeNavigation()
|
this.observeNavigation()
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user