Revize 0ac4f267
Přidáno uživatelem Václav Jirák před téměř 6 roky(ů)
| frontend/src/app/user-approval/user-approval.component.html | ||
|---|---|---|
| 1 |
<div class="user-approval-container"> |
|
| 2 |
|
|
| 3 |
<div class="component-header"> |
|
| 4 |
Schvalování uživatelů |
|
| 5 |
</div> |
|
| 6 |
|
|
| 7 |
<div class="user-approval-list"> |
|
| 8 |
<div class="row user-to-approve-container" *ngFor="let user of usersToApprove"> |
|
| 9 |
<div class="col-lg-4"> |
|
| 10 |
{{user.name}}
|
|
| 11 |
</div> |
|
| 12 |
<div class="col-lg-4"> |
|
| 13 |
{{user.email}}
|
|
| 14 |
</div> |
|
| 15 |
<div class="col-lg-2"> |
|
| 16 |
{{user.date | date:'yyyy/MM/dd'}}
|
|
| 17 |
</div> |
|
| 18 |
<div class="col-lg-2"> |
|
| 19 |
<div class="btn btn-success approve-user-btn" (click)="userApproved(user, true)">✓</div> |
|
| 20 |
<div class="btn btn-danger reject-user-btn" (click)="userApproved(user, false)">X</div> |
|
| 21 |
</div> |
|
| 22 |
</div> |
|
| 23 |
</div> |
|
| 24 |
|
|
| 25 |
</div> |
|
| frontend/src/app/user-approval/user-approval.component.sass | ||
|---|---|---|
| 1 |
@import '../../common-styles/basic-component' |
|
| 2 |
|
|
| 3 |
.user-approval-container |
|
| 4 |
@extend .basic-component |
|
| 5 |
|
|
| 6 |
.user-to-approve-container |
|
| 7 |
border-bottom: 1px solid gainsboro |
|
| 8 |
margin: 0 |
|
| 9 |
padding: 10px |
|
| 10 |
line-height: 35px |
|
| 11 |
|
|
| 12 |
.approve-user-btn |
|
| 13 |
margin-right: 2px |
|
| frontend/src/app/user-approval/user-approval.component.ts | ||
|---|---|---|
| 1 |
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
| 2 |
import { UserToApprove } from './user-to-approve.model';
|
|
| 3 |
|
|
| 4 |
|
|
| 5 |
@Component({
|
|
| 6 |
selector: 'app-user-approval', |
|
| 7 |
templateUrl: './user-approval.component.html', |
|
| 8 |
styleUrls: ['./user-approval.component.sass'] |
|
| 9 |
}) |
|
| 10 |
export class UserApprovalComponent {
|
|
| 11 |
|
|
| 12 |
@Input() usersToApprove: UserToApprove[]; |
|
| 13 |
@Output() userApprovedAction = new EventEmitter<{user: UserToApprove, approved: boolean}>();
|
|
| 14 |
|
|
| 15 |
constructor() { }
|
|
| 16 |
|
|
| 17 |
userApproved(approvedUser: UserToApprove, isApproved: boolean) {
|
|
| 18 |
this.userApprovedAction.emit({user: approvedUser, approved: isApproved});
|
|
| 19 |
} |
|
| 20 |
|
|
| 21 |
} |
|
| frontend/src/app/user-approval/user-approval.module.ts | ||
|---|---|---|
| 1 |
import { NgModule } from '@angular/core';
|
|
| 2 |
import { UserApprovalComponent } from './user-approval.component';
|
|
| 3 |
import { BrowserModule } from '@angular/platform-browser';
|
|
| 4 |
|
|
| 5 |
@NgModule({
|
|
| 6 |
declarations: [ UserApprovalComponent ], |
|
| 7 |
exports: [ UserApprovalComponent ], |
|
| 8 |
imports: [ BrowserModule ] |
|
| 9 |
}) |
|
| 10 |
export class UserApprovalModule { }
|
|
| frontend/src/app/user-approval/user-to-approve.model.ts | ||
|---|---|---|
| 1 |
export class UserToApprove {
|
|
| 2 |
name: string; |
|
| 3 |
email: string; |
|
| 4 |
date: Date; |
|
| 5 |
} |
|
Také k dispozici: Unified diff
Re #7263 User approval component implemented