TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-08-11 15:27:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

action page

Browse Source
This commit is contained in:
Max Peintner
2025-07-17 13:39:05 +02:00
parent d85c813e3c
commit e053b83bab
7 changed files with 43 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.html
View File

@@ -1,7 +1,5 @@
<h2>{{ 'ACTIONSTWO.EXECUTION.TITLE' | translate }}</h2>
<cnsl-info-section [type]="InfoSectionType.ALERT">
{{ 'ACTIONSTWO.BETA_NOTE' | translate }}
</cnsl-info-section>
<p class="cnsl-secondary-text">{{ 'ACTIONSTWO.EXECUTION.DESCRIPTION' | translate }}</p>
<cnsl-actions-two-actions-table

4
console/src/app/modules/actions-two/actions-two-targets/actions-two-targets.component.html
View File

@@ -1,7 +1,5 @@
<h2>{{ 'ACTIONSTWO.TARGET.TITLE' | translate }}</h2>
<cnsl-info-section [type]="InfoSectionType.ALERT">
{{ 'ACTIONSTWO.BETA_NOTE' | translate }}
</cnsl-info-section>
<p class="cnsl-secondary-text">{{ 'ACTIONSTWO.TARGET.DESCRIPTION' | translate }}</p>
<cnsl-actions-two-targets-table

7
console/src/app/modules/nav/nav.component.scss
View File

@@ -72,7 +72,6 @@
color: map-get($foreground, text);
opacity: 0.8;
// Active indicator line
&::after {
content: '';
position: absolute;
@@ -80,9 +79,9 @@
left: 0;
right: 0;
width: 0;
height: 1px;
height: 2px;
background-color: map-get($foreground, text);
transition: width 0.2s ease;
// transition: width 0.2s ease;
border-radius: 2px;
z-index: 999;
}
@@ -130,7 +129,7 @@
color: map-get($primary, default-contrast);
&::after {
width: 100%; // Full width for testing
width: 100%;
}
.c_label {

23
console/src/app/pages/actions/actions.component.html
View File

@@ -1,14 +1,23 @@
<div class="max-width-container">
<div class="enlarged-container">
<h1>{{ 'ORG.PAGES.LIST' | translate }}</h1>
<p class="org-desc cnsl-secondary-text">{{ 'ORG.PAGES.LISTDESCRIPTION' | translate }}</p>
<h1>{{ 'ACTIONSTWO.EXECUTION.TITLE' | translate }}</h1>
<cnsl-info-section [type]="InfoSectionType.ALERT">
{{ 'ACTIONSTWO.BETA_NOTE' | translate }}
</cnsl-info-section>
<cnsl-meta-layout>
<cnsl-sidenav [(setting)]="currentSetting" [settingsList]="settingsList">
<ng-container *ngIf="currentSetting.id === 'actions'"> actions </ng-container>
<cnsl-sidenav
[indented]="true"
[setting]="currentSetting$()"
(settingChange)="currentSetting$.set($event)"
[settingsList]="settingsList"
>
<ng-container *ngIf="currentSetting$().id === 'actions'">
<cnsl-actions-two-actions></cnsl-actions-two-actions>
</ng-container>
<ng-container *ngIf="currentSetting.id === 'targets'"> targets </ng-container>
<ng-container *ngIf="currentSetting$().id === 'targets'">
<cnsl-actions-two-targets></cnsl-actions-two-targets>
</ng-container>
</cnsl-sidenav>
</cnsl-meta-layout>
</div>
</div>

10
console/src/app/pages/actions/actions.component.ts
View File

@@ -1,10 +1,11 @@
import { Component } from '@angular/core';
import { Component, signal } from '@angular/core';
import { enterAnimations } from 'src/app/animations';
import { InfoSectionType } from 'src/app/modules/info-section/info-section.component';
import { SidenavSetting } from 'src/app/modules/sidenav/sidenav.component';
import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/breadcrumb.service';
const ACTIONS: SidenavSetting = { id: 'general', i18nKey: 'MENU.ACTIONS' };
const TARGETS: SidenavSetting = { id: 'roles', i18nKey: 'MENU.TARGETS' };
const ACTIONS: SidenavSetting = { id: 'actions', i18nKey: 'MENU.ACTIONS' };
const TARGETS: SidenavSetting = { id: 'targets', i18nKey: 'MENU.TARGETS' };
@Component({
selector: 'cnsl-actions',
@@ -14,7 +15,8 @@ const TARGETS: SidenavSetting = { id: 'roles', i18nKey: 'MENU.TARGETS' };
})
export class ActionsComponent {
public settingsList: SidenavSetting[] = [ACTIONS, TARGETS];
public currentSetting = this.settingsList[0];
protected readonly currentSetting$ = signal<SidenavSetting>(this.settingsList[0]);
protected readonly InfoSectionType = InfoSectionType;
constructor(breadcrumbService: BreadcrumbService) {
const iamBread = new Breadcrumb({

15
console/src/app/pages/actions/actions.module.ts
View File

@@ -7,10 +7,23 @@ import { ActionsRoutingModule } from './actions-routing.module';
import { ActionsComponent } from './actions.component';
import { MetaLayoutModule } from 'src/app/modules/meta-layout/meta-layout.module';
import { SidenavModule } from 'src/app/modules/sidenav/sidenav.module';
import { ActionsTwoActionsComponent } from 'src/app/modules/actions-two/actions-two-actions/actions-two-actions.component';
import ActionsTwoModule from 'src/app/modules/actions-two/actions-two.module';
import { FormsModule } from '@angular/forms';
import { InfoSectionModule } from 'src/app/modules/info-section/info-section.module';
@NgModule({
declarations: [ActionsComponent],
imports: [CommonModule, ActionsRoutingModule, OrgTableModule, TranslateModule, MetaLayoutModule, SidenavModule],
imports: [
CommonModule,
FormsModule,
ActionsRoutingModule,
OrgTableModule,
TranslateModule,
InfoSectionModule,
SidenavModule,
ActionsTwoModule,
],
exports: [ActionsComponent],
})
export default class ActionsModule {}

1
console/src/assets/i18n/en.json
View File

@@ -431,6 +431,7 @@
"SHOWORGS": "Show All Organizations",
"GRANTS": "Authorizations",
"ACTIONS": "Actions",
"TARGETS": "Targets",
"PRIVACY": "Privacy",
"TOS": "Terms of Service",
"OPENSHORTCUTSTOOLTIP": "Type ? to show keyboard shortcuts",