> = {
label: 'Confirm',
size: 's',
data: {
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/info.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/info.component.ts
index 36c181f30..3cd1a9556 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/info.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/info.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component } from '@angular/core'
-import { TuiNotificationModule } from '@taiga-ui/core'
+import { TuiNotification } from '@taiga-ui/core'
@Component({
selector: 'proxies-info',
@@ -35,6 +35,6 @@ import { TuiNotificationModule } from '@taiga-ui/core'
`,
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true,
- imports: [TuiNotificationModule],
+ imports: [TuiNotification],
})
export class ProxiesInfoComponent {}
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/proxies.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/proxies.component.ts
index fc8912bff..fb6490457 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/proxies.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/proxies.component.ts
@@ -1,8 +1,7 @@
import { CommonModule } from '@angular/common'
import { ChangeDetectionStrategy, Component, inject } from '@angular/core'
import { ErrorService, LoadingService } from '@start9labs/shared'
-import { TuiDialogOptions } from '@taiga-ui/core'
-import { TuiButtonModule } from '@taiga-ui/experimental'
+import { TuiDialogOptions, TuiButton } from '@taiga-ui/core'
import { PatchDB } from 'patch-db-client'
import {
FormComponent,
@@ -20,7 +19,7 @@ import { wireguardSpec, WireguardSpec } from './constants'
Proxies
-
@@ -30,7 +29,7 @@ import { wireguardSpec, WireguardSpec } from './constants'
standalone: true,
imports: [
CommonModule,
- TuiButtonModule,
+ TuiButton,
ProxiesInfoComponent,
ProxiesTableComponent,
],
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/table.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/table.component.ts
index 9d67be0fc..f57c9d2ad 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/table.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/proxies/table.component.ts
@@ -8,13 +8,12 @@ import {
import { ErrorService, LoadingService } from '@start9labs/shared'
import { CB } from '@start9labs/start-sdk'
import {
- TuiDataListModule,
+ TuiButton,
TuiDialogOptions,
TuiDialogService,
- TuiLinkModule,
+ TuiLink,
} from '@taiga-ui/core'
-import { TuiButtonModule, TuiIconsModule } from '@taiga-ui/experimental'
-import { TUI_PROMPT } from '@taiga-ui/kit'
+import { TUI_CONFIRM } from '@taiga-ui/kit'
import { filter } from 'rxjs'
import {
FormComponent,
@@ -58,7 +57,7 @@ import { Proxy } from 'src/app/services/patch-db/data-model'
tuiIconButton
appearance="icon"
size="xs"
- iconLeft="tuiIconEdit2"
+ iconStart="@tui.pencil"
(click)="rename(proxy)"
>
Rename
@@ -67,7 +66,7 @@ import { Proxy } from 'src/app/services/patch-db/data-model'
tuiIconButton
appearance="icon"
size="xs"
- iconLeft="tuiIconTrash2"
+ iconStart="@tui.trash-2"
(click)="delete(proxy)"
>
Delete
@@ -123,7 +122,7 @@ import { Proxy } from 'src/app/services/patch-db/data-model'
`,
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
- imports: [CommonModule, TuiLinkModule, TuiIconsModule, TuiButtonModule],
+ imports: [CommonModule, TuiLink, TuiButton],
})
export class ProxiesTableComponent {
private readonly dialogs = inject(TuiDialogService)
@@ -157,7 +156,7 @@ export class ProxiesTableComponent {
delete({ id }: Proxy) {
this.dialogs
- .open(TUI_PROMPT, DELETE_OPTIONS)
+ .open(TUI_CONFIRM, DELETE_OPTIONS)
.pipe(filter(Boolean))
.subscribe(async () => {
const loader = this.loader.open('Deleting...').subscribe()
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/info.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/info.component.ts
index de821d556..8db8aae9e 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/info.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/info.component.ts
@@ -1,6 +1,6 @@
import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { TuiNotificationModule } from '@taiga-ui/core'
import { CommonModule } from '@angular/common'
+import { TuiNotification } from '@taiga-ui/core'
@Component({
selector: 'router-info',
@@ -45,7 +45,7 @@ import { CommonModule } from '@angular/common'
styles: ['strong { font-size: 1rem }'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: true,
- imports: [CommonModule, TuiNotificationModule],
+ imports: [CommonModule, TuiNotification],
})
export class RouterInfoComponent {
@Input()
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/router.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/router.component.ts
index ffee1e7ae..5e95cb05b 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/router.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/router.component.ts
@@ -1,6 +1,6 @@
+import { TuiTextfieldControllerModule } from '@taiga-ui/legacy'
import { CommonModule } from '@angular/common'
import { ChangeDetectionStrategy, Component, inject } from '@angular/core'
-import { TuiTextfieldControllerModule } from '@taiga-ui/core'
import { PatchDB } from 'patch-db-client'
import { DataModel } from 'src/app/services/patch-db/data-model'
import { RouterInfoComponent } from './info.component'
@@ -47,11 +47,11 @@ import { RouterPortComponent } from './table.component'
min-width: 30rem;
max-width: 40rem;
table-layout: fixed;
- background: var(--tui-base-02);
+ background: var(--tui-background-base-alt);
border-radius: 0.75rem;
font-size: 1rem;
margin: 2rem 0;
- box-shadow: 0 1rem var(--tui-base-02);
+ box-shadow: 0 1rem var(--tui-background-base-alt);
}
`,
],
diff --git a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/table.component.ts b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/table.component.ts
index 2b5ec5812..994914503 100644
--- a/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/table.component.ts
+++ b/web/projects/ui/src/app/routes/portal/routes/system/settings/routes/router/table.component.ts
@@ -8,11 +8,14 @@ import {
} from '@angular/core'
import { FormsModule } from '@angular/forms'
import { CopyService, ErrorService, LoadingService } from '@start9labs/shared'
-import { TuiTextfieldControllerModule } from '@taiga-ui/core'
-import { TuiButtonModule, TuiIconModule } from '@taiga-ui/experimental'
-import { TuiInputModule, TuiInputNumberModule } from '@taiga-ui/kit'
-import { PortForward } from 'src/app/services/patch-db/data-model'
+import { TuiButton, TuiIcon, TuiNumberFormat } from '@taiga-ui/core'
+import {
+ TuiInputModule,
+ TuiInputNumberModule,
+ TuiTextfieldControllerModule,
+} from '@taiga-ui/legacy'
import { ApiService } from 'src/app/services/api/embassy-api.service'
+import { PortForward } from 'src/app/services/patch-db/data-model'
@Component({
selector: 'tr[portForward]',
@@ -20,29 +23,32 @@ import { ApiService } from 'src/app/services/api/embassy-api.service'
-
+
|
-
+
|