47 lines
3.4 KiB
HTML
47 lines
3.4 KiB
HTML
<div class="container">
|
|
<div class="full-height-container" >
|
|
<button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.SCRIPTACCOUNT ? 'selected':''"
|
|
(click)="openScriptAccountsOverview()"><mat-icon>inventory_2</mat-icon></button>
|
|
<button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.GAMESYTEM ? 'selected':''"
|
|
(click)="openGamesystemsOverview()"><mat-icon>code</mat-icon></button>
|
|
<button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.CHARACTER ? 'selected':''"
|
|
(click)="openCharactersOverview()"><mat-icon>person</mat-icon></button>
|
|
|
|
<button mat-icon-button class="small-icon-button" [ngClass]="openContent === ModelComponentType.ITEM || openContent === ModelComponentType.ITEMGROUP ? 'selected':''"
|
|
(click)="openOverview(ModelComponentType.ITEM)"><mat-icon>inventory_2</mat-icon></button>
|
|
</div>
|
|
|
|
|
|
<mat-drawer-container class="example-container" autosize>
|
|
<mat-drawer #drawer class="example-sidenav" mode="side">
|
|
<div class="sidenav-header" (click)="resetSelection()">
|
|
<button mat-button [matMenuTriggerFor]="contentMenu">
|
|
<span class="mat-button-wrapper">{{ModelComponentTypeUtillities.toString(openContent)}}
|
|
<mat-icon class="mat-icon">expand_more</mat-icon>
|
|
</span>
|
|
</button>
|
|
|
|
<button mat-icon-button class="small-icon-button close-sidenav-btn" (click)="closeContentOverview()"><mat-icon>close</mat-icon></button>
|
|
<mat-menu #contentMenu="matMenu">
|
|
<button mat-menu-item (click)="openScriptAccountsOverview()">{{ModelComponentTypeUtillities.toString(ModelComponentType.SCRIPTACCOUNT)}}</button>
|
|
<button mat-menu-item (click)="openGamesystemsOverview()">{{ModelComponentTypeUtillities.toString(ModelComponentType.GAMESYTEM)}}</button>
|
|
<button mat-menu-item (click)="openCharactersOverview()">{{ModelComponentTypeUtillities.toString(ModelComponentType.CHARACTER)}}</button>
|
|
<button mat-menu-item (click)="openOverview(ModelComponentType.ITEMGROUP)">{{ModelComponentTypeUtillities.toString(ModelComponentType.ITEM)}}</button>
|
|
</mat-menu>
|
|
</div>
|
|
<app-script-account-overview *ngIf="openContent == ModelComponentType.SCRIPTACCOUNT" #scriptAccountOverview [gameModel]="gameModel" (onOpenScriptAccount)="openModelComponent($event)"></app-script-account-overview>
|
|
<app-gamescript-overview *ngIf="openContent == ModelComponentType.GAMESYTEM" #gamesystemOverview [gameModel]="gameModel" (openGamesystemEditor)="openModelComponent($event)"></app-gamescript-overview>
|
|
<app-character-overview *ngIf="openContent == ModelComponentType.CHARACTER" #characterOverview [gameModel]="gameModel" (onOpenCharacterEditor)="openModelComponent($event)"></app-character-overview>
|
|
<app-item-overview *ngIf="openContent == ModelComponentType.ITEMGROUP || openContent == ModelComponentType.ITEM"
|
|
#itemOverview [gameModel]="gameModel" (openItemgroupEmitter)="openModelComponent($event)"
|
|
(onOpenItemEditor)="openModelComponent($event)"></app-item-overview>
|
|
</mat-drawer>
|
|
|
|
<div class="example-sidenav-content">
|
|
<app-editor #editor (onModelNameUpdate)="onModelNameUpdate()" [gameModel]="gameModel"></app-editor>
|
|
</div>
|
|
|
|
</mat-drawer-container>
|
|
|
|
</div>
|