56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<div fxFlexFill>
|
|
<div fxFlex class="container">
|
|
<!-- search start-->
|
|
<ucap-local-organization-tenant-search
|
|
(keyDownEnter)="onKeyDownEnter($event)"
|
|
(searchCancel)="onClickCancel()"
|
|
></ucap-local-organization-tenant-search>
|
|
<!-- search end-->
|
|
|
|
<mat-tab-group mat-stretch-tabs class="tap-container">
|
|
<!--그룹-->
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<!-- <button class="icon-button">
|
|
<i class="mid mid-24 mdi-account-multiple"></i>
|
|
</button> -->
|
|
<p>그룹</p>
|
|
</ng-template>
|
|
<div fxFlexFill>
|
|
<div class="mat-tab-frame dialog-tab-grouplist">
|
|
<app-sections-group-list
|
|
fxFlexFill
|
|
[searchObj]="searchObj"
|
|
[checkable]="true"
|
|
(checkUser)="onCheckUser($event)"
|
|
></app-sections-group-list>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
<!--조직-->
|
|
<mat-tab>
|
|
<ng-template mat-tab-label>
|
|
<!-- <button class="icon-button">
|
|
<i class="mid mid-24 mdi-account-multiple"></i>
|
|
</button> -->
|
|
<p>조직도</p>
|
|
</ng-template>
|
|
<div fxFlexFill>
|
|
<!-- <div class="mat-tab-frame dialog-tab-grouplist">
|
|
<app-sections-organization-tree></app-sections-organization-tree>
|
|
</div> -->
|
|
<div>
|
|
<span *ngFor="let breadcrumb of breadcrumbs">
|
|
<button mat-raised-button>{{ breadcrumb.label }}</button>
|
|
>
|
|
</span>
|
|
</div>
|
|
<div class="organization-tree">
|
|
<app-sections-organization-tree></app-sections-organization-tree>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|
|
</div>
|