130 lines
3.4 KiB
HTML
130 lines
3.4 KiB
HTML
<aside class="sidebar" [class.collapsed]="isCollapsed">
|
|
<nav class="sidebar-nav">
|
|
<div class="nav-item" (click)="toggleSidebar()">
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>Toggle</span>
|
|
</div>
|
|
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'home'"
|
|
(click)="setActive('home')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>Home</span>
|
|
</div>
|
|
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'categories'"
|
|
(click)="setActive('categories')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>categories</span>
|
|
</div>
|
|
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'discounts'"
|
|
(click)="setActive('discounts')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>discounts</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'orders'"
|
|
(click)="setActive('orders')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>orders</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'payment-methods'"
|
|
(click)="setActive('payment-methods')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>payment-methods</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'products'"
|
|
(click)="setActive('products')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>products</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'reviews'"
|
|
(click)="setActive('reviews')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>reviews</span>
|
|
</div>
|
|
<!-- <div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'settings'"
|
|
(click)="setActive('settings')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>settings</span>
|
|
</div> -->
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'shipping-methods'"
|
|
(click)="setActive('shipping-methods')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>shipping-methods</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'shop-info'"
|
|
(click)="setActive('shop-info')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>shop-info</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'supplier-list'"
|
|
(click)="setActive('supplier-list')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>supplier-list</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'users'"
|
|
(click)="setActive('users')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>users</span>
|
|
</div>
|
|
<div
|
|
class="nav-item"
|
|
[class.active]="activeRoute === 'analytics'"
|
|
(click)="setActive('analytics')"
|
|
>
|
|
<app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
|
|
|
|
<span>analytics</span>
|
|
</div>
|
|
</nav>
|
|
</aside>
|