master
Boris Voropaev 2023-11-02 11:39:21 +03:00
parent f47c522ead
commit fc72ea8bc3
6 changed files with 19 additions and 10 deletions

View File

@ -1,3 +1,8 @@
export const html = { export const html = {
project:'app-root' project:'app-root',
header: null,
leftContent: null,
footer: null,
rightContent: null,
ico:null,
} }

View File

@ -1,12 +1,10 @@
<div class="item" [ngClass]="itemClass"> <div class="item" [ngClass]="itemClass">
<drop-down *ngIf="children?.length" <drop-down *ngIf="children?.length"
ico="chevron_right_24" [visible]="toggle" [target]="menu" [angle]="[0,90]"> ico="chevron_right_24" [visible]="toggle" (toggle)="toggle=$event" [target]="menu" [angle]="[0,90]">
</drop-down> </drop-down>
<a [routerLink]="item.link"> <a [routerLink]="item.link">
{{item.name}} {{item.name}}
</a> </a>
</div> </div>
<div #menu class="sub-menu" [ngClass]="itemClass">
<div #menu class="sub-menu" [ngClass]="menuClass"> <pages-menu *ngIf="children?.length" [items]="children" [lavel]="lavel+1"></pages-menu>
<pages-menu *ngIf="children?.length" [items]="children" [level]="level+1"></pages-menu>
</div>

View File

@ -9,7 +9,7 @@ import {Subscription} from 'rxjs';
}) })
export class PagesMenuItemComponent { export class PagesMenuItemComponent {
@Input() item: any; @Input() item: any;
@Input() level: number; @Input() lavel: number;
public toggle=false; public toggle=false;
currentURL:string; currentURL:string;
@ -45,7 +45,7 @@ export class PagesMenuItemComponent {
let menuClass = { let menuClass = {
selected: this.toggle selected: this.toggle
} }
menuClass['level-'+(this.level+1)] = true; menuClass['lavel-'+(this.lavel+1)] = true;
return menuClass return menuClass
} }
@ -55,6 +55,7 @@ export class PagesMenuItemComponent {
parent: this.parent&&!this.current, parent: this.parent&&!this.current,
current: this.current current: this.current
} }
itemClass['lavel-'+(this.lavel+1)] = true;
return itemClass return itemClass
} }
} }

View File

@ -1,4 +1,5 @@
import { Component, Input, OnChanges } from '@angular/core'; import { Component, Input, OnChanges } from '@angular/core';
import { html } from '@environments/htmlenv';
@Component({ @Component({
selector: 'ico', selector: 'ico',
@ -27,7 +28,9 @@ export class IcoComponent {
this.width = this.size[0] this.width = this.size[0]
this.height = this.size[1] this.height = this.size[1]
} }
this.url = `assets/images/icons/${this.ico}.svg#ico` let src = html.ico||'assets/images/icons/';
this.url = `${src}${this.ico}.svg#ico`
console.log(this.url)
} }

View File

@ -3,5 +3,6 @@ export const html = {
header: null, header: null,
leftContent: null, leftContent: null,
footer: null, footer: null,
rightContent: null rightContent: null,
ico:null,
} }

View File

@ -4,4 +4,5 @@ export const html = {
leftContent:'../../../../../projects/vniigaz/src/assets/html/left-content.component.html', leftContent:'../../../../../projects/vniigaz/src/assets/html/left-content.component.html',
footer:'../../../../../projects/vniigaz/src/assets/html/footer.component.html', footer:'../../../../../projects/vniigaz/src/assets/html/footer.component.html',
rightContent:'../../../../../projects/vniigaz/src/assets/html/right-content.component.html', rightContent:'../../../../../projects/vniigaz/src/assets/html/right-content.component.html',
ico:"assets/images/ico/"
} }