Ba meyer master

.eslintrc.js

@@ -18,6 +18,8 @@ module.exports = {
       // "extends": "tslint:recommended",
 
       rules: {
+        "@typescript-eslint/ban-types": ['error'],
+
         // https://eslint.org/docs/rules/indent
         'indent': ['error', 2, {
           "FunctionDeclaration": {"parameters": "first"},

src/app/admin-management/admin-management.module.ts

@@ -9,25 +9,31 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { AdminManagementListComponent } from './admin-management-list/admin-management-list.component';
-import { AdminManagementDetailComponent } from './admin-management-detail/admin-management-detail.component';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatTabsModule } from '@angular/material/tabs';
+/** Component */
+import { UserListComponent } from './user/user-list/user-list.component';
+import { UserDetailComponent } from './user/user-detail/user-detail.component';
+import { PrivilegeComponent } from './privilege/privilege.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 
 export const ADMIN_MANAGEMENT_ROUTES = [
   {
     path: '',
     children: [
-      { path: '', component: AdminManagementListComponent },
-      { path: 'edit/:id', component: AdminManagementDetailComponent },
-      { path: 'create', component: AdminManagementDetailComponent }
+      { path: '', component: UserListComponent },
+      { path: 'edit/:id', component: UserDetailComponent },
+      { path: 'create', component: UserDetailComponent }
     ]
   }
 ];
 
 @NgModule({
   declarations: [
-    AdminManagementListComponent,
-    AdminManagementDetailComponent,
-
+    UserListComponent,
+    UserDetailComponent,
+    PrivilegeComponent,
+
   ],
   imports: [
     CommonModule,
@@ -40,11 +46,18 @@ export const ADMIN_MANAGEMENT_ROUTES = [
     MatFormFieldModule,
     MatInputModule,
     MatButtonToggleModule,
+    MatRadioModule,
+    MatTabsModule,
+    MatCheckboxModule,
     // Form
     FormsModule,
     ReactiveFormsModule
   ],
-  providers: []
+  providers: [
+  ],
+  entryComponents: [
+    UserDetailComponent
+  ]
 })
 export class AdminManagementModule {
 }

src/app/admin-management/privilege/privilege.component.html

@@ -0,0 +1,18 @@
+<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+
+    <ng-container matColumnDef="PRIVILEGE">
+        <th mat-header-cell *matHeaderCellDef> PRIVILEGE </th>
+        <td mat-cell *matCellDef="let element"> {{element.name}} </td>
+    </ng-container>
+
+    <ng-container [matColumnDef]="role.name" *ngFor="let role of roles;trackBy: trackByFn">
+        <th mat-header-cell *matHeaderCellDef> {{role.name}} </th>
+        <td mat-cell *matCellDef="let element; let i = index">
+            <mat-checkbox [checked]="role.privileges.includes(element.name)" (change)="change($event, element, role)">
+            </mat-checkbox> 
+        </td>
+    </ng-container>
+
+    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+</table>

src/app/admin-management/privilege/privilege.component.scss

@@ -0,0 +1,3 @@
+table {
+  width: 100%;
+}

src/app/issue-management/issue-create-dialog/issue-create-dialog.component.spec.ts → src/app/admin-management/privilege/privilege.component.spec.ts

@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { IssueCreateDialogComponent } from './issue-create-dialog.component';
+import { PrivilegeComponent } from './privilege.component';
 
-describe('IssueCreateDialogComponent', () => {
-  let component: IssueCreateDialogComponent;
-  let fixture: ComponentFixture<IssueCreateDialogComponent>;
+describe('PrivilegeComponent', () => {
+  let component: PrivilegeComponent;
+  let fixture: ComponentFixture<PrivilegeComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [IssueCreateDialogComponent]
+      declarations: [ PrivilegeComponent ]
     })
       .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(IssueCreateDialogComponent);
+    fixture = TestBed.createComponent(PrivilegeComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });