<div class="logo">
    <div *ngIf="isCollapsed" class="text-center">
        <img src="../../../content/images/logo.png">
    </div>
    <ng-container *ngIf="!isCollapsed">
        {{systemName}}
    </ng-container>
</div>
<ul #slideUL nz-menu [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
    <ng-container *ngFor="let item of menuList">
        <li nz-submenu (nzOpenChange)="openHandler(item)" [(nzOpen)]="item.checked" *ngIf="item.code == resource">
            <span (click)="toggle()" title>
                <i class="anticon {{item.imageUrl}}_normal"></i>
                <span class="nav-text">{{item.name}}</span>
            </span>
            <ul>
                <ng-container *ngFor="let child of item.children">
                    <li class="menu-item-diy" nz-menu-item (click)="goToRoute(child)">
                        <span class="square"></span>{{child.name}}
                    </li>
                </ng-container>
            </ul>
        </li>

        <li nz-submenu (nzOpenChange)="openHandler(item)" [(nzOpen)]="item.checked" *ngIf="!resource && item.code != 'infoResource'">
            <span (click)="toggle()" title>
                <i class="anticon {{item.imageUrl}}_normal"></i>
                <span class="nav-text">{{item.name}}</span>
            </span>
            <ul>
                <ng-container *ngFor="let child of item.children">
                    <li class="menu-item-diy" nz-menu-item (click)="goToRoute(child)">
                        <span class="square"></span>{{child.name}}
                    </li>
                </ng-container>
            </ul>
        </li>
    </ng-container>
</ul>

