155 lines
4.1 KiB
HTML
155 lines
4.1 KiB
HTML
<clr-vertical-nav
|
|
#sidebarNav
|
|
id="sidebarNav"
|
|
[class.closed]="!sidebarOpen"
|
|
[style.width.px]="sidebarWidth"
|
|
[style.max-width.px]="sidebarMaxWidth"
|
|
[class.resizing]="resizing"
|
|
>
|
|
<div
|
|
*ngIf="isMainRoute('view')"
|
|
class="d-flex justify-content-center sub-dropdown"
|
|
>
|
|
<clr-dropdown>
|
|
<button class="dropdown-toggle btn btn-primary" clrDropdownTrigger>
|
|
{{ getSubPage() }}
|
|
<clr-icon shape="caret down"></clr-icon>
|
|
</button>
|
|
<clr-dropdown-menu *clrIfOpen>
|
|
<a
|
|
*ngIf="isMainRoute('view')"
|
|
clrVerticalNavLink
|
|
(click)="navigateToViewer()"
|
|
routerLinkActive="active"
|
|
>Data</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('view') && serverType === 'SASVIYA'"
|
|
clrVerticalNavLink
|
|
routerLink="/view/viya-api-explorer"
|
|
routerLinkActive="active"
|
|
>API Explorer</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('view') && serverType === 'SAS9'"
|
|
clrVerticalNavLink
|
|
routerLink="/view/lineage"
|
|
routerLinkActive="active"
|
|
>Lineage</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('view') && serverType === 'SAS9'"
|
|
clrVerticalNavLink
|
|
routerLink="/view/metadata"
|
|
routerLinkActive="active"
|
|
>Metadata</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('view')"
|
|
clrVerticalNavLink
|
|
routerLink="/view/usernav"
|
|
routerLinkActive="active"
|
|
>
|
|
Users</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('approve')"
|
|
clrVerticalNavLink
|
|
routerLink="/review/approve/submitted"
|
|
routerLinkActive="active"
|
|
>Submitted</a
|
|
>
|
|
<a
|
|
*ngIf="isMainRoute('approve')"
|
|
clrVerticalNavLink
|
|
routerLink="/review/approve/toapprove"
|
|
routerLinkActive="active"
|
|
>To Approve</a
|
|
>
|
|
</clr-dropdown-menu>
|
|
</clr-dropdown>
|
|
</div>
|
|
<clr-tabs class="p-10" *ngIf="isMainRoute('view/usernav')">
|
|
<clr-tab>
|
|
<button
|
|
[routerLink]="['/view/usernav/users']"
|
|
class="user-nav-btn"
|
|
clrTabLink
|
|
>
|
|
<p class="zero-margin"><clr-icon shape="user"></clr-icon> Users</p>
|
|
</button>
|
|
<clr-tab-content> </clr-tab-content>
|
|
</clr-tab>
|
|
|
|
<clr-tab>
|
|
<button
|
|
[routerLink]="['/view/usernav/groups']"
|
|
class="user-nav-btn"
|
|
clrTabLink
|
|
>
|
|
<p class="zero-margin"><clr-icon shape="users"></clr-icon> Groups</p>
|
|
</button>
|
|
<clr-tab-content *clrIfActive="isMainRoute('/view/usernav/groups')">
|
|
</clr-tab-content>
|
|
</clr-tab>
|
|
|
|
<clr-tab *ngIf="serverType === 'SAS9'">
|
|
<button
|
|
[routerLink]="['/view/usernav/roles']"
|
|
class="user-nav-btn"
|
|
clrTabLink
|
|
>
|
|
<p class="zero-margin">
|
|
<clr-icon shape="blocks-group"></clr-icon> Roles
|
|
</p>
|
|
</button>
|
|
<clr-tab-content *clrIfActive="isMainRoute('/view/usernav/roles')">
|
|
</clr-tab-content>
|
|
</clr-tab>
|
|
</clr-tabs>
|
|
|
|
<div
|
|
*ngIf="isMainRoute('home')"
|
|
class="d-flex justify-content-center sub-dropdown"
|
|
>
|
|
<clr-dropdown>
|
|
<button class="dropdown-toggle btn btn-primary" clrDropdownTrigger>
|
|
{{ getSubPage() }}
|
|
<clr-icon shape="caret down"></clr-icon>
|
|
</button>
|
|
<clr-dropdown-menu *clrIfOpen>
|
|
<a
|
|
clrVerticalNavLink
|
|
routerLink="/home/tables"
|
|
routerLinkActive="active"
|
|
>Tables</a
|
|
>
|
|
<a
|
|
clrVerticalNavLink
|
|
routerLink="/home/excel-maps"
|
|
routerLinkActive="active"
|
|
>Excel Maps</a
|
|
>
|
|
<a
|
|
clrVerticalNavLink
|
|
routerLink="/home/multi-load"
|
|
routerLinkActive="active"
|
|
>Multi Load</a
|
|
>
|
|
</clr-dropdown-menu>
|
|
</clr-dropdown>
|
|
</div>
|
|
|
|
<div class="nav-divider"></div>
|
|
|
|
<div (scroll)="onTreeScroll($event)" class="nav-tree">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
|
|
<span
|
|
class="resize-handle"
|
|
[class.resizing]="resizing"
|
|
(mousedown)="resizeStart()"
|
|
></span>
|
|
</clr-vertical-nav>
|