mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-06 06:12:16 +00:00
7ede3ec189
# Which Problems Are Solved This PR fixes a visualization issue for the projects description <img width="826" alt="Screenshot 2024-05-29 at 17 05 50" src="https://github.com/zitadel/zitadel/assets/10165752/18407fad-1e11-47f2-a1df-ba9a5ebf4e69"> # How the Problems Are Solved The [innerHTML] directive renders the `<br/>` line breaks in the translation. # Additional Context - https://discord.com/channels/927474939156643850/1245354943926374422/1245354943926374422 Co-authored-by: Elio Bischof <[email protected]>
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<div class="max-width-container">
|
|
<div class="enlarged-container">
|
|
<div class="project-title-row">
|
|
<h1>{{ 'DESCRIPTIONS.PROJECTS.TITLE' | translate }}</h1>
|
|
<a mat-icon-button href="https://zitadel.com/docs/concepts/structure/projects" rel="noreferrer" target="_blank">
|
|
<mat-icon class="icon">info_outline</mat-icon>
|
|
</a>
|
|
</div>
|
|
<p
|
|
class="sub cnsl-secondary-text max-width-description"
|
|
[innerHTML]="'DESCRIPTIONS.PROJECTS.DESCRIPTION' | translate"
|
|
></p>
|
|
|
|
<div class="projects-controls">
|
|
<div class="project-toggle-group">
|
|
<cnsl-nav-toggle
|
|
label="{{ 'DESCRIPTIONS.PROJECTS.OWNED.TITLE' | translate }}"
|
|
[count]="mgmtService.ownedProjectsCount | async"
|
|
(clicked)="setType(ProjectType.PROJECTTYPE_OWNED)"
|
|
[active]="(projectType$ | async) === ProjectType.PROJECTTYPE_OWNED"
|
|
></cnsl-nav-toggle>
|
|
<cnsl-nav-toggle
|
|
label="{{ 'DESCRIPTIONS.PROJECTS.GRANTED.TITLE' | translate }}"
|
|
[count]="mgmtService.grantedProjectsCount | async"
|
|
(clicked)="setType(ProjectType.PROJECTTYPE_GRANTED)"
|
|
[active]="(projectType$ | async) === ProjectType.PROJECTTYPE_GRANTED"
|
|
></cnsl-nav-toggle>
|
|
</div>
|
|
<span class="fill-space"></span>
|
|
<button class="grid-btn" (click)="grid = !grid" mat-icon-button data-e2e="toggle-grid">
|
|
<i *ngIf="grid" class="show list view las la-th-list"></i>
|
|
<i *ngIf="!grid" class="las la-border-all"></i>
|
|
</button>
|
|
</div>
|
|
<p class="sub cnsl-secondary-text max-width-description">
|
|
{{
|
|
((projectType$ | async) === ProjectType.PROJECTTYPE_OWNED
|
|
? 'DESCRIPTIONS.PROJECTS.OWNED.DESCRIPTION'
|
|
: 'DESCRIPTIONS.PROJECTS.GRANTED.DESCRIPTION'
|
|
) | translate
|
|
}}
|
|
</p>
|
|
<cnsl-project-grid
|
|
*ngIf="grid"
|
|
[projectType$]="projectType$"
|
|
[zitadelProjectId]="zitadelProjectId"
|
|
(emitAddProject)="addProject()"
|
|
>
|
|
</cnsl-project-grid>
|
|
|
|
<cnsl-project-list *ngIf="!grid" [projectType$]="projectType$" [zitadelProjectId]="zitadelProjectId">
|
|
</cnsl-project-list>
|
|
</div>
|
|
</div>
|