Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Added owner and member labels to project details

Browse Source
This commit is contained in:
Adina Țeudan 2020-11-12 18:53:00 +02:00
parent 15e17654fa
commit 63b3d1c383
4 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html
View File

@ -1,16 +1,16 @@
<div class="actions-row" *ngIf="permissionsService.isManager()">
<button (click)="openDeleteProjectDialog($event)" mat-icon-button matTooltipPosition="above" [matTooltip]="'project-details.delete' | translate">
<div *ngIf="permissionsService.isManager()" class="actions-row">
<button (click)="openDeleteProjectDialog($event)" [matTooltip]="'project-details.delete' | translate" mat-icon-button matTooltipPosition="above">
<mat-icon svgIcon="red:trash"></mat-icon>
</button>
<button (click)="openEditProjectDialog($event)" mat-icon-button matTooltipPosition="above" [matTooltip]="'project-details.edit' | translate">
<button (click)="openEditProjectDialog($event)" [matTooltip]="'project-details.edit' | translate" mat-icon-button matTooltipPosition="above">
<mat-icon svgIcon="red:edit"></mat-icon>
</button>
<div
[matTooltip]="(appStateService.activeProject.allFilesApproved ? 'report.action' : 'report.unavailable') | translate"
*ngIf="permissionsService.isManagerAndOwner()"
[matTooltip]="(appStateService.activeProject.allFilesApproved ? 'report.action' : 'report.unavailable') | translate"
matTooltipPosition="above"
>
<button (click)="downloadRedactionReport($event)" mat-icon-button [disabled]="!appStateService.activeProject.allFilesApproved">
<button (click)="downloadRedactionReport($event)" [disabled]="!appStateService.activeProject.allFilesApproved" mat-icon-button>
<mat-icon svgIcon="red:report"></mat-icon>
</button>
</div>
@ -20,12 +20,16 @@
{{ appStateService.activeProject.project.projectName }}
</div>
<div class="owner flex-row mt-16">
<redaction-initials-avatar [userId]="appStateService.activeProject.project.ownerId" size="large" withName="true"></redaction-initials-avatar>
<div class="mt-24">
<div class="all-caps-label" translate="project-details.owner"></div>
<div class="mt-12">
<redaction-initials-avatar [userId]="appStateService.activeProject.project.ownerId" size="large" withName="true"></redaction-initials-avatar>
</div>
</div>
<div class="project-team mt-16">
<div class="flex mt-20 members-container">
<div class="mt-16">
<div class="all-caps-label" translate="project-details.members"></div>
<div class="flex members-container mt-12">
<div *ngFor="let userId of displayMembers" class="member">
<redaction-initials-avatar [userId]="userId" size="large"></redaction-initials-avatar>
</div>
@ -38,20 +42,20 @@
</div>
</div>
<div class="mt-24" *ngIf="hasFiles">
<div *ngIf="hasFiles" class="mt-24">
<redaction-simple-doughnut-chart
(toggleFilter)="toggleFilter('statusFilters', $event)"
[config]="documentsChartData"
[filter]="filters.statusFilters"
[radius]="70"
[strokeWidth]="15"
[subtitle]="'project-overview.project-details.charts.documents-in-project'"
direction="row"
[filter]="filters.statusFilters"
(toggleFilter)="toggleFilter('statusFilters', $event)"
></redaction-simple-doughnut-chart>
</div>
<div class="mt-24 legend" *ngIf="hasFiles">
<div *ngFor="let filter of filters.needsWorkFilters" [class.active]="filter.checked" (click)="toggleFilter('needsWorkFilters', filter.key)">
<div *ngIf="hasFiles" class="mt-24 legend">
<div (click)="toggleFilter('needsWorkFilters', filter.key)" *ngFor="let filter of filters.needsWorkFilters" [class.active]="filter.checked">
<redaction-type-filter [filter]="filter"></redaction-type-filter>
</div>
</div>

4
apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.scss
View File

@ -38,6 +38,10 @@
margin-top: 8px;
}
.mt-12 {
margin-top: 12px;
}
.mt-16 {
margin-top: 16px;
}

1
apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html
View File

@ -44,7 +44,6 @@
<input #fileInput (change)="uploadFiles($event.target['files'])" class="file-upload-input" multiple="true" type="file" />
</div>
</div>
tmp
<div class="flex red-content-inner">
<div class="left-container">
<div class="grid-container bulk-select">

4
apps/red-ui/src/assets/i18n/en.json
View File

@ -168,7 +168,9 @@
"download-redaction-report": "Download Redaction Report",
"reanalyse-project": "Reanalyze Project"
}
}
},
"owner": "Owner",
"members": "Members"
},
"project-overview": {
"under-approval": "Under Approval",