mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-29 04:35:13 +00:00
Code Issues Releases Wiki Activity

Layout changes finally work from backend commands

Browse Source
This commit is contained in:
Gabor PEK
2018-04-20 09:26:36 +02:00
committed by Kristóf Tóth
parent a0d5dfdddc
commit f0717eb235
7 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/sidebar/sidebar.component.html
View File

@ -1,4 +1,4 @@
<div class="tfw-ide-pin" *ngFor="let layoutIter of enabledLayouts">
<div *ngIf="layout === layoutIter"><img src="images/{{layoutIter}}_active.svg"></div>
<div *ngIf="layout === layoutIter"><img class="active" src="images/{{layoutIter}}_active.svg"></div>
<div *ngIf="layout !== layoutIter"><img src="images/{{layoutIter}}.svg"></div>
</div>

4
src/app/sidebar/sidebar.component.scss
View File

@ -8,7 +8,9 @@ img {
}
.tfw-ide-pin {
cursor: pointer;
& .active {
box-shadow: 0 4px 8px 0 rgba($tao-blue-500, 0.1), 0 4px 10px 0 rgba($tao-blue-500, 0.09);
}
}

5
src/app/sidebar/sidebar.component.ts
View File

@ -1,4 +1,4 @@
import { Component, OnInit } from '@angular/core';
import { Component, Input, OnInit } from '@angular/core';
import { config } from '../config';
@Component({
@ -8,9 +8,10 @@ import { config } from '../config';
})
export class SidebarComponent implements OnInit {
layout: string = config.dashboard.currentLayout;
@Input() layout: string;
enabledLayouts: Set<string> = config.dashboard.enabledLayouts;
constructor() {}
ngOnInit() {
}
}