diff --git a/console/src/app/app.component.html b/console/src/app/app.component.html index f9d20ed499..428cff6f7a 100644 --- a/console/src/app/app.component.html +++ b/console/src/app/app.component.html @@ -59,7 +59,9 @@ {{ 'MENU.PERSONAL_INFO' | translate }} -
0">{{'PROJECT.PAGES.PINNED' | translate}}
+ +{{'PROJECT.PAGES.NOITEMS' | translate}}
+ +0">{{'PROJECT.PAGES.ALL' | translate}}
+ ++ {{'PROJECT.PAGES.NOITEMS' | translate}}
{{ 'PROJECT.PAGES.DESCRIPTION' | translate }}
-This belongs to Zitadel project. If you change something, - Zitadel - may not behave as intended!
+{{'PROJECT.PAGES.ZITADELPROJECT' | translate}}
0">{{'PROJECT.PAGES.PINNED' | translate}}
+ +0">{{'PROJECT.PAGES.ALL' | translate}}
+ +{{'PROJECT.PAGES.NOITEMS' | translate}}
diff --git a/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.scss b/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.scss index 82714b1ae3..93d55018c5 100644 --- a/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.scss +++ b/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.scss @@ -52,14 +52,6 @@ color: #8795a1; } - .selection-icon { - opacity: 0; - position: absolute; - top: -12px; - left: -12px; - user-select: none; - } - img { height: 50px; width: 50px; @@ -132,16 +124,27 @@ } .edit-button { + opacity: 0; + user-select: none; position: absolute; bottom: 0; right: 0; margin: 0; margin-bottom: 0.25rem; + color: #8795a1; + + &:hover { + color: white; + } + + &.selected { + opacity: 1; + } } &:hover { - .selection-icon { + .edit-button { opacity: 1; } @@ -159,7 +162,7 @@ } } - .selection-icon { + .edit-button { opacity: 1; } diff --git a/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.ts b/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.ts index aaa221c0d1..d5457ec3e3 100644 --- a/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.ts +++ b/console/src/app/pages/owned-projects/owned-project-grid/owned-project-grid.component.ts @@ -1,10 +1,9 @@ import { animate, animateChild, query, stagger, style, transition, trigger } from '@angular/animations'; import { SelectionModel } from '@angular/cdk/collections'; -import { Component, EventEmitter, Input, Output } from '@angular/core'; +import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core'; import { Router } from '@angular/router'; import { ProjectState, ProjectType, ProjectView } from 'src/app/proto/generated/management_pb'; -import { ProjectService } from 'src/app/services/project.service'; -import { ToastService } from 'src/app/services/toast.service'; +import { AuthService } from 'src/app/services/auth.service'; @Component({ selector: 'app-owned-project-grid', @@ -30,8 +29,10 @@ import { ToastService } from 'src/app/services/toast.service'; ]), ], }) -export class OwnedProjectGridComponent { +export class OwnedProjectGridComponent implements OnChanges { @Input() items: Array{{ 'USER.PROFILE.DESCRIPTION' | translate }}