-
- Progress: {{ (progress * 100).toFixed(0) }}%
-
-
-
+
-
-
+
+
- Initializing StartOS
+
+ Progress: {{ (progress * 100).toFixed(0) }}%
+
- {{ getMessage(progress) }}
-{{ getMessage(progress) }}
+
-
-
-
- Skip
-
- (not recommended)
-
-
-
-
-
-
- Go to login
-
-
-
+
+
diff --git a/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.scss b/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.scss
index 48b198525..9ee892c79 100644
--- a/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.scss
+++ b/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.scss
@@ -1,12 +1,4 @@
-#trusted {
- max-width: 40%;
-}
-
-#untrusted {
- max-width: 50%;
-}
-
-.center-container {
+:host {
padding: 1rem;
display: flex;
flex-direction: column;
@@ -15,69 +7,38 @@
min-height: 100vh;
}
-ion-card {
- color: var(--ion-color-dark);
- background: #414141;
- box-shadow: 0 4px 4px rgba(17, 17, 17, 0.144);
- border-radius: 35px;
- padding: 1.5rem;
- width: 100%;
-
- h1 {
- font-weight: bold;
- font-size: 1.5rem;
- padding-bottom: 1.5rem;
- }
-
- p {
- font-size: 21px;
- line-height: 25px;
- margin-bottom: 30px;
- margin-top: 0;
- }
+[tuiButton] {
+ text-transform: uppercase;
+ font-weight: bold;
+ border-radius: 10rem;
+ margin-top: 1rem;
}
-.text-center {
+.card {
+ max-width: max(70%, 40rem);
text-align: center;
+ align-items: center !important;
+ gap: 0 !important;
+}
+
+h1 {
+ margin: 1rem;
+ font-weight: bold;
+ font-size: 1.5rem;
+}
+
+p {
+ font-size: 1.3rem;
+ line-height: 1.5rem;
+ margin: 0 0 2rem;
}
ol {
- font-size: 17px;
- line-height: 25px;
+ font-size: 1rem;
+ line-height: 1.5rem;
text-align: left;
-
- li {
- padding-bottom: 24px;
- }
-
- ion-button {
- margin-top: 10px;
- }
}
-.refresh {
- --background: var(--ion-color-success-shade);
+li {
+ padding-bottom: 1.5rem;
}
-
-.wiz-icon {
- font-size: 64px;
-}
-
-.skip_detail {
- display: block;
- font-size: 0.8rem;
- margin-top: -13px;
- padding-bottom: 0.5rem;
-}
-
-@media (max-width: 700px) {
- #trusted, #untrusted {
- max-width: 100%;
- }
-}
-
-@media (min-width: 701px) and (max-width: 1200px) {
- #trusted, #untrusted {
- max-width: 75%;
- }
-}
\ No newline at end of file
diff --git a/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.ts b/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.ts
index fde1c968f..0d6b71b6b 100644
--- a/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.ts
+++ b/web/projects/ui/src/app/apps/login/ca-wizard/ca-wizard.component.ts
@@ -1,25 +1,37 @@
-import { Component, Inject } from '@angular/core'
+import { CommonModule, DOCUMENT } from '@angular/common'
+import { Component, inject } from '@angular/core'
+import { RELATIVE_URL } from '@start9labs/shared'
+import {
+ TuiAppearanceModule,
+ TuiButtonModule,
+ TuiCardModule,
+ TuiIconModule,
+ TuiSurfaceModule,
+} from '@taiga-ui/experimental'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import { ConfigService } from 'src/app/services/config.service'
-import { RELATIVE_URL } from '@start9labs/shared'
-import { DOCUMENT } from '@angular/common'
-import { WINDOW } from '@ng-web-apis/common'
@Component({
+ standalone: true,
selector: 'ca-wizard',
templateUrl: './ca-wizard.component.html',
styleUrls: ['./ca-wizard.component.scss'],
+ imports: [
+ CommonModule,
+ TuiIconModule,
+ TuiButtonModule,
+ TuiAppearanceModule,
+ TuiCardModule,
+ TuiSurfaceModule,
+ ],
})
export class CAWizardComponent {
- caTrusted = false
+ private readonly api = inject(ApiService)
+ private readonly relativeUrl = inject(RELATIVE_URL)
+ private readonly document = inject(DOCUMENT)
- constructor(
- private readonly api: ApiService,
- public readonly config: ConfigService,
- @Inject(RELATIVE_URL) private readonly relativeUrl: string,
- @Inject(DOCUMENT) public readonly document: Document,
- @Inject(WINDOW) private readonly windowRef: Window,
- ) {}
+ readonly config = inject(ConfigService)
+ caTrusted = false
async ngOnInit() {
await this.testHttps().catch(e =>
@@ -27,17 +39,12 @@ export class CAWizardComponent {
)
}
- download() {
- this.document.getElementById('install-cert')?.click()
- }
-
refresh() {
this.document.location.reload()
}
launchHttps() {
- const host = this.config.getHost()
- this.windowRef.open(`https://${host}`, '_self')
+ this.document.defaultView?.open(`https://${this.config.getHost()}`, '_self')
}
private async testHttps() {
diff --git a/web/projects/ui/src/app/apps/login/login.module.ts b/web/projects/ui/src/app/apps/login/login.module.ts
index 753bfe94e..82b683ff7 100644
--- a/web/projects/ui/src/app/apps/login/login.module.ts
+++ b/web/projects/ui/src/app/apps/login/login.module.ts
@@ -1,12 +1,17 @@
-import { NgModule } from '@angular/core'
-import { RouterModule, Routes } from '@angular/router'
import { CommonModule } from '@angular/common'
+import { NgModule } from '@angular/core'
import { FormsModule } from '@angular/forms'
-import { IonicModule } from '@ionic/angular'
-import { LoginPage } from './login.page'
+import { RouterModule, Routes } from '@angular/router'
+import { TuiErrorModule, TuiTextfieldControllerModule } from '@taiga-ui/core'
+import {
+ TuiButtonModule,
+ TuiCardModule,
+ TuiSurfaceModule,
+} from '@taiga-ui/experimental'
+import { TuiInputPasswordModule } from '@taiga-ui/kit'
import { CAWizardComponent } from './ca-wizard/ca-wizard.component'
-import { SharedPipesModule } from '@start9labs/shared'
-import { TuiHintModule, TuiTooltipModule } from '@taiga-ui/core'
+import { LoginPage } from './login.page'
+import { LoginWarningComponent } from './warning.component'
const routes: Routes = [
{
@@ -19,12 +24,16 @@ const routes: Routes = [
imports: [
CommonModule,
FormsModule,
- IonicModule,
- SharedPipesModule,
+ CAWizardComponent,
+ LoginWarningComponent,
+ TuiButtonModule,
+ TuiCardModule,
+ TuiSurfaceModule,
+ TuiInputPasswordModule,
+ TuiTextfieldControllerModule,
+ TuiErrorModule,
RouterModule.forChild(routes),
- TuiTooltipModule,
- TuiHintModule,
],
- declarations: [LoginPage, CAWizardComponent],
+ declarations: [LoginPage],
})
export class LoginPageModule {}
diff --git a/web/projects/ui/src/app/apps/login/login.page.html b/web/projects/ui/src/app/apps/login/login.page.html
index 99f6abbe8..1343a9316 100644
--- a/web/projects/ui/src/app/apps/login/login.page.html
+++ b/web/projects/ui/src/app/apps/login/login.page.html
@@ -1,93 +1,26 @@
-
-
-
-
+
+
-
+
+
+
-
-
-
- 
-
- Login to StartOS
-
-
-
-
-
-
-
-
-
-
+
+
+
+ `,
+ styles: [
+ `
+ @import '@taiga-ui/core/styles/taiga-ui-local';
+
+ :host {
+ @include center-left();
+ top: 1rem;
+ width: max(50%, 20rem);
+ }
+
+ button {
+ float: right;
+ margin: 0.5rem 0 0.5rem 1rem;
+ }
+ `,
+ ],
+ imports: [NgIf, TuiButtonModule, TuiIconsModule, TuiNotificationModule],
+})
+export class LoginWarningComponent {
+ private readonly windowRef = inject(WINDOW)
+ readonly config = inject(ConfigService)
+
+ launchHttps() {
+ this.windowRef.open(`https://${this.config.getHost()}`, '_self')
+ }
+}
diff --git a/web/projects/ui/src/app/apps/portal/components/form.component.ts b/web/projects/ui/src/app/apps/portal/components/form.component.ts
new file mode 100644
index 000000000..9c7295520
--- /dev/null
+++ b/web/projects/ui/src/app/apps/portal/components/form.component.ts
@@ -0,0 +1,166 @@
+import { CommonModule } from '@angular/common'
+import {
+ ChangeDetectionStrategy,
+ Component,
+ inject,
+ Input,
+ OnInit,
+} from '@angular/core'
+import { FormGroup, ReactiveFormsModule } from '@angular/forms'
+import { RouterModule } from '@angular/router'
+import { InputSpec } from '@start9labs/start-sdk/lib/config/configTypes'
+import {
+ tuiMarkControlAsTouchedAndValidate,
+ TuiValueChangesModule,
+} from '@taiga-ui/cdk'
+import { TuiDialogContext, TuiModeModule } from '@taiga-ui/core'
+import { TuiButtonModule } from '@taiga-ui/experimental'
+import { TuiDialogFormService } from '@taiga-ui/kit'
+import { POLYMORPHEUS_CONTEXT } from '@tinkoff/ng-polymorpheus'
+import { compare, Operation } from 'fast-json-patch'
+import { FormModule } from 'src/app/common/form/form.module'
+import { InvalidService } from 'src/app/common/form/invalid.service'
+import { FormService } from 'src/app/services/form.service'
+
+export interface ActionButton {
+ text: string
+ handler?: (value: T) => Promise | void
+ link?: string
+}
+
+export interface FormContext {
+ spec: InputSpec
+ buttons: ActionButton[]
+ value?: T
+ patch?: Operation[]
+}
+
+@Component({
+ standalone: true,
+ selector: 'app-form',
+ template: `
+
+ `,
+ styles: [
+ `
+ footer {
+ position: sticky;
+ bottom: 0;
+ z-index: 10;
+ display: flex;
+ justify-content: flex-end;
+ padding: 1rem 0;
+ margin: 1rem 0 -1rem;
+ gap: 1rem;
+ background: var(--tui-elevation-01);
+ border-top: 1px solid var(--tui-base-02);
+ }
+ `,
+ ],
+ imports: [
+ CommonModule,
+ ReactiveFormsModule,
+ RouterModule,
+ TuiValueChangesModule,
+ TuiButtonModule,
+ TuiModeModule,
+ FormModule,
+ ],
+ providers: [InvalidService],
+ changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class FormComponent> implements OnInit {
+ private readonly dialogFormService = inject(TuiDialogFormService)
+ private readonly formService = inject(FormService)
+ private readonly invalidService = inject(InvalidService)
+ private readonly context = inject>>(
+ POLYMORPHEUS_CONTEXT,
+ { optional: true },
+ )
+
+ @Input() spec = this.context?.data.spec || {}
+ @Input() buttons = this.context?.data.buttons || []
+ @Input() patch = this.context?.data.patch || []
+ @Input() value?: T = this.context?.data.value
+
+ form = new FormGroup({})
+
+ ngOnInit() {
+ this.dialogFormService.markAsPristine()
+ this.form = this.formService.createForm(this.spec, this.value)
+ this.process(this.patch)
+ }
+
+ onReset() {
+ const { value } = this.form
+
+ this.form = this.formService.createForm(this.spec)
+ this.process(compare(this.form.value, value))
+ tuiMarkControlAsTouchedAndValidate(this.form)
+ this.markAsDirty()
+ }
+
+ async onClick(handler: Required>['handler']) {
+ tuiMarkControlAsTouchedAndValidate(this.form)
+ this.invalidService.scrollIntoView()
+
+ if (this.form.valid && (await handler(this.form.value as T))) {
+ this.close()
+ }
+ }
+
+ markAsDirty() {
+ this.dialogFormService.markAsDirty()
+ }
+
+ close() {
+ this.context?.$implicit.complete()
+ }
+
+ private process(patch: Operation[]) {
+ patch.forEach(({ op, path }) => {
+ const control = this.form.get(path.substring(1).split('/'))
+
+ if (!control || !control.parent) return
+
+ if (op !== 'remove') {
+ control.markAsDirty()
+ control.markAsTouched()
+ }
+
+ control.parent.markAsDirty()
+ control.parent.markAsTouched()
+ })
+ }
+}
diff --git a/web/projects/ui/src/app/apps/portal/components/header/connection.component.ts b/web/projects/ui/src/app/apps/portal/components/header/connection.component.ts
index cdf9a4377..3bf249263 100644
--- a/web/projects/ui/src/app/apps/portal/components/header/connection.component.ts
+++ b/web/projects/ui/src/app/apps/portal/components/header/connection.component.ts
@@ -12,9 +12,12 @@ import { DataModel } from 'src/app/services/patch-db/data-model'
template: `
).watch$(
+ 'ui',
+ 'gaming',
+ 'snake',
+ 'high-score',
+ )
+}
+
+const OPTIONS: IsActiveMatchOptions = {
+ paths: 'exact',
+ queryParams: 'ignored',
+ fragment: 'ignored',
+ matrixParams: 'ignored',
}
diff --git a/web/projects/ui/src/app/apps/portal/components/header/menu.component.ts b/web/projects/ui/src/app/apps/portal/components/header/menu.component.ts
index 253a3b0a7..0df040ae8 100644
--- a/web/projects/ui/src/app/apps/portal/components/header/menu.component.ts
+++ b/web/projects/ui/src/app/apps/portal/components/header/menu.component.ts
@@ -16,6 +16,7 @@ import { AuthService } from 'src/app/services/auth.service'
import { ABOUT } from './about.component'
import { getAllPackages } from 'src/app/util/get-package-data'
import { DataModel } from 'src/app/services/patch-db/data-model'
+import { HeaderConnectionComponent } from './connection.component'
@Component({
selector: 'header-menu',
@@ -26,7 +27,9 @@ import { DataModel } from 'src/app/services/patch-db/data-model'
-
+
-
+
`,
styles: [
@@ -97,7 +99,7 @@ import { ConfigDepComponent } from '../components/config-dep.component'
standalone: true,
imports: [
CommonModule,
- FormPageModule,
+ FormComponent,
TuiLoaderModule,
TuiNotificationModule,
TuiButtonModule,
@@ -107,8 +109,8 @@ import { ConfigDepComponent } from '../components/config-dep.component'
providers: [InvalidService],
})
export class ServiceConfigModal {
- @ViewChild(FormPage)
- private readonly form?: FormPage>
+ @ViewChild(FormComponent)
+ private readonly form?: FormComponent>
readonly pkgId = this.context.data.pkgId
readonly dependentInfo = this.context.data.dependentInfo
diff --git a/web/projects/ui/src/app/apps/portal/routes/service/routes/actions.component.ts b/web/projects/ui/src/app/apps/portal/routes/service/routes/actions.component.ts
index 3a2856529..52e6371da 100644
--- a/web/projects/ui/src/app/apps/portal/routes/service/routes/actions.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/service/routes/actions.component.ts
@@ -13,6 +13,7 @@ import { TUI_PROMPT } from '@taiga-ui/kit'
import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus'
import { PatchDB } from 'patch-db-client'
import { filter, switchMap, timer } from 'rxjs'
+import { FormComponent } from 'src/app/apps/portal/components/form.component'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import {
Action,
@@ -22,7 +23,6 @@ import {
} from 'src/app/services/patch-db/data-model'
import { hasCurrentDeps } from 'src/app/util/has-deps'
import { FormDialogService } from 'src/app/services/form-dialog.service'
-import { FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { ServiceActionComponent } from '../components/action.component'
import { ServiceActionSuccessComponent } from '../components/action-success.component'
import { DesktopService } from '../../../services/desktop.service'
@@ -97,7 +97,7 @@ export class ServiceActionsRoute {
.subscribe()
} else {
if (action['input-spec'] && !isEmptyObject(action['input-spec'])) {
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: action.name,
data: {
spec: action['input-spec'],
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/backups/components/physical.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/backups/components/physical.component.ts
index 019db58ee..5b6357993 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/backups/components/physical.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/backups/components/physical.component.ts
@@ -9,9 +9,8 @@ import {
import { TuiForModule } from '@taiga-ui/cdk'
import { TuiSvgModule } from '@taiga-ui/core'
import { TuiButtonModule } from '@taiga-ui/experimental'
-import { UnknownDisk } from 'src/app/services/api/api.types'
-import { IonicModule } from '@ionic/angular'
import { UnitConversionPipesModule } from '@start9labs/shared'
+import { UnknownDisk } from 'src/app/services/api/api.types'
@Component({
selector: 'table[backupsPhysical]',
@@ -69,7 +68,6 @@ import { UnitConversionPipesModule } from '@start9labs/shared'
TuiForModule,
TuiSvgModule,
TuiButtonModule,
- IonicModule,
UnitConversionPipesModule,
],
})
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/backups/modals/targets.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/backups/modals/targets.component.ts
index 4c93e3a0d..ce89c9566 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/backups/modals/targets.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/backups/modals/targets.component.ts
@@ -9,7 +9,7 @@ import { TuiNotificationModule } from '@taiga-ui/core'
import { TuiButtonModule, TuiFadeModule } from '@taiga-ui/experimental'
import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus'
import { BehaviorSubject } from 'rxjs'
-import { FormPage } from 'src/app/apps/ui/modals/form/form.page'
+import { FormComponent } from 'src/app/apps/portal/components/form.component'
import { configBuilderToSpec } from 'src/app/util/configBuilderToSpec'
import {
cifsSpec,
@@ -17,7 +17,7 @@ import {
dropboxSpec,
googleDriveSpec,
remoteBackupTargetSpec,
-} from 'src/app/apps/ui/pages/backups/types/target-types'
+} from '../types/target'
import { FormDialogService } from 'src/app/services/form-dialog.service'
import {
BackupTarget,
@@ -126,7 +126,7 @@ export class BackupsTargetsModal implements OnInit {
}
async onUpdate(value: BackupTarget) {
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: 'Update Target',
data: {
value,
@@ -147,7 +147,7 @@ export class BackupsTargetsModal implements OnInit {
}
async addPhysical(disk: UnknownDisk) {
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: 'New Physical Target',
data: {
spec: await configBuilderToSpec(diskBackupTargetSpec),
@@ -173,7 +173,7 @@ export class BackupsTargetsModal implements OnInit {
}
async addRemote() {
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: 'New Remote Target',
data: {
spec: await configBuilderToSpec(remoteBackupTargetSpec),
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/backups/services/restore.service.ts b/web/projects/ui/src/app/apps/portal/routes/system/backups/services/restore.service.ts
index b1f6b3faf..72c37c877 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/backups/services/restore.service.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/backups/services/restore.service.ts
@@ -14,12 +14,12 @@ import {
take,
tap,
} from 'rxjs'
-import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { BackupTarget } from 'src/app/services/api/api.types'
import {
PROMPT,
PromptOptions,
-} from 'src/app/apps/ui/modals/prompt/prompt.component'
+} from 'src/app/apps/portal/modals/prompt.component'
+import { ApiService } from 'src/app/services/api/embassy-api.service'
+import { BackupTarget } from 'src/app/services/api/api.types'
import { TARGET, TARGET_RESTORE } from '../modals/target.component'
import { RECOVER } from '../modals/recover.component'
import { RecoverData } from '../types/recover-data'
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/backups/types/target.ts b/web/projects/ui/src/app/apps/portal/routes/system/backups/types/target.ts
new file mode 100644
index 000000000..fa129fdef
--- /dev/null
+++ b/web/projects/ui/src/app/apps/portal/routes/system/backups/types/target.ts
@@ -0,0 +1,121 @@
+import { Config } from '@start9labs/start-sdk/lib/config/builder/config'
+import { Value } from '@start9labs/start-sdk/lib/config/builder/value'
+import { Variants } from '@start9labs/start-sdk/lib/config/builder/variants'
+
+export const dropboxSpec = Config.of({
+ name: Value.text({
+ name: 'Name',
+ description: 'A friendly name for this Dropbox target',
+ placeholder: 'My Dropbox',
+ required: { default: null },
+ }),
+ token: Value.text({
+ name: 'Access Token',
+ description: 'The secret access token for your custom Dropbox app',
+ required: { default: null },
+ masked: true,
+ }),
+ path: Value.text({
+ name: 'Path',
+ description: 'The fully qualified path to the backup directory',
+ placeholder: 'e.g. /Desktop/my-folder',
+ required: { default: null },
+ }),
+})
+
+export const googleDriveSpec = Config.of({
+ name: Value.text({
+ name: 'Name',
+ description: 'A friendly name for this Google Drive target',
+ placeholder: 'My Google Drive',
+ required: { default: null },
+ }),
+ path: Value.text({
+ name: 'Path',
+ description: 'The fully qualified path to the backup directory',
+ placeholder: 'e.g. /Desktop/my-folder',
+ required: { default: null },
+ }),
+ key: Value.file({
+ name: 'Private Key File',
+ description:
+ 'Your Google Drive service account private key file (.json file)',
+ required: { default: null },
+ extensions: ['json'],
+ }),
+})
+
+export const cifsSpec = Config.of({
+ name: Value.text({
+ name: 'Name',
+ description: 'A friendly name for this Network Folder',
+ placeholder: 'My Network Folder',
+ required: { default: null },
+ }),
+ hostname: Value.text({
+ name: 'Hostname',
+ description:
+ 'The hostname of your target device on the Local Area Network.',
+ warning: null,
+ placeholder: `e.g. 'My Computer' OR 'my-computer.local'`,
+ required: { default: null },
+ patterns: [],
+ }),
+ path: Value.text({
+ name: 'Path',
+ description: `On Windows, this is the fully qualified path to the shared folder, (e.g. /Desktop/my-folder).\n\n On Linux and Mac, this is the literal name of the shared folder (e.g. my-shared-folder).`,
+ placeholder: 'e.g. my-shared-folder or /Desktop/my-folder',
+ required: { default: null },
+ }),
+ username: Value.text({
+ name: 'Username',
+ description: `On Linux, this is the samba username you created when sharing the folder.\n\n On Mac and Windows, this is the username of the user who is sharing the folder.`,
+ required: { default: null },
+ placeholder: 'My Network Folder',
+ }),
+ password: Value.text({
+ name: 'Password',
+ description: `On Linux, this is the samba password you created when sharing the folder.\n\n On Mac and Windows, this is the password of the user who is sharing the folder.`,
+ required: false,
+ masked: true,
+ placeholder: 'My Network Folder',
+ }),
+})
+
+export const remoteBackupTargetSpec = Config.of({
+ type: Value.union(
+ {
+ name: 'Target Type',
+ required: { default: 'dropbox' },
+ },
+ Variants.of({
+ dropbox: {
+ name: 'Dropbox',
+ spec: dropboxSpec,
+ },
+ 'google-drive': {
+ name: 'Google Drive',
+ spec: googleDriveSpec,
+ },
+ cifs: {
+ name: 'Network Folder',
+ spec: cifsSpec,
+ },
+ }),
+ ),
+})
+
+export const diskBackupTargetSpec = Config.of({
+ name: Value.text({
+ name: 'Name',
+ description: 'A friendly name for this physical target',
+ placeholder: 'My Physical Target',
+ required: { default: null },
+ }),
+ path: Value.text({
+ name: 'Path',
+ description: 'The fully qualified path to the backup directory',
+ placeholder: 'e.g. /Backups/my-folder',
+ required: { default: null },
+ }),
+})
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/sidebars.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/sidebars.component.ts
index 2a74e64b8..71439d651 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/sidebars.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/sidebars.component.ts
@@ -13,7 +13,7 @@ import { MarketplaceSidebarService } from '../services/sidebar.service'
`
:host {
position: fixed;
- inset: 7.5rem 0 0;
+ inset: 3.5rem 0 0;
pointer-events: none;
transform: translate3d(0, 0, 0);
}
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/registry.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/registry.component.ts
index 79c1150e0..d6c656507 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/registry.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/registry.component.ts
@@ -21,11 +21,11 @@ import { TUI_PROMPT } from '@taiga-ui/kit'
import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus'
import { PatchDB } from 'patch-db-client'
import { combineLatest, filter, firstValueFrom, map, Subscription } from 'rxjs'
+import { FormComponent } from 'src/app/apps/portal/components/form.component'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import { DataModel, UIStore } from 'src/app/services/patch-db/data-model'
import { MarketplaceService } from 'src/app/services/marketplace.service'
import { FormDialogService } from 'src/app/services/form-dialog.service'
-import { FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { MarketplaceRegistryComponent } from '../components/registry.component'
import { getMarketplaceValueSpec, getPromptOptions } from '../utils/registry'
@@ -112,7 +112,7 @@ export class MarketplaceRegistryModal {
add() {
const { name, spec } = getMarketplaceValueSpec()
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: name,
data: {
spec,
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/domains/domains.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/domains/domains.component.ts
index 9bff2a680..0ec33bbf9 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/domains/domains.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/domains/domains.component.ts
@@ -6,14 +6,16 @@ import { TuiButtonModule } from '@taiga-ui/experimental'
import { TUI_PROMPT } from '@taiga-ui/kit'
import { PatchDB } from 'patch-db-client'
import { filter, firstValueFrom, map } from 'rxjs'
-import { DataModel } from 'src/app/services/patch-db/data-model'
-import { FormContext, FormPage } from 'src/app/apps/ui/modals/form/form.page'
-import { FormDialogService } from 'src/app/services/form-dialog.service'
+import {
+ FormComponent,
+ FormContext,
+} from 'src/app/apps/portal/components/form.component'
import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { getCustomSpec } from 'src/app/apps/ui/pages/system/domains/domain.const'
-import { getStart9ToSpec } from './constants'
-import { DomainsTableComponent } from './table.component'
+import { FormDialogService } from 'src/app/services/form-dialog.service'
+import { DataModel } from 'src/app/services/patch-db/data-model'
+import { getCustomSpec, getStart9ToSpec } from './constants'
import { DomainsInfoComponent } from './info.component'
+import { DomainsTableComponent } from './table.component'
@Component({
template: `
@@ -121,7 +123,7 @@ export class SettingsDomainsComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
async claim() {
@@ -146,7 +148,7 @@ export class SettingsDomainsComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
private getNetworkStrategy(strategy: any) {
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/email/email.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/email/email.component.ts
index f70e30f2a..c29a9213b 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/email/email.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/email/email.component.ts
@@ -24,24 +24,22 @@ import { EmailInfoComponent } from './info.component'
template: `
-
-
`,
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/menu.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/menu.component.ts
index 66f7b2474..bff56bfcc 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/menu.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/menu.component.ts
@@ -17,9 +17,12 @@ import {
} from '@taiga-ui/core'
import { TUI_PROMPT } from '@taiga-ui/kit'
import { filter } from 'rxjs'
+import {
+ FormComponent,
+ FormContext,
+} from 'src/app/apps/portal/components/form.component'
import { Proxy } from 'src/app/services/patch-db/data-model'
import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { FormContext, FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { FormDialogService } from 'src/app/services/form-dialog.service'
import { DELETE_OPTIONS, ProxyUpdate } from './constants'
@@ -132,6 +135,6 @@ export class ProxiesMenuComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
}
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/proxies.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/proxies.component.ts
index 6ca2f6595..3dfc3ae29 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/proxies.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/proxies/proxies.component.ts
@@ -4,8 +4,11 @@ import { ErrorService, LoadingService } from '@start9labs/shared'
import { TuiDialogOptions, TuiDialogService } from '@taiga-ui/core'
import { TuiButtonModule } from '@taiga-ui/experimental'
import { PatchDB } from 'patch-db-client'
+import {
+ FormComponent,
+ FormContext,
+} from 'src/app/apps/portal/components/form.component'
import { DataModel } from 'src/app/services/patch-db/data-model'
-import { FormContext, FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { FormDialogService } from 'src/app/services/form-dialog.service'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import { ProxiesTableComponent } from './table.component'
@@ -58,7 +61,7 @@ export class SettingsProxiesComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
private async save({ name, config }: WireguardSpec): Promise {
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/ssh/table.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/ssh/table.component.ts
index e9195ccb6..729baaae1 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/ssh/table.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/ssh/table.component.ts
@@ -12,11 +12,11 @@ import {
TuiLinkModule,
} from '@taiga-ui/core'
import { TuiButtonModule } from '@taiga-ui/experimental'
+import { PROMPT } from 'src/app/apps/portal/modals/prompt.component'
import { SSHKey } from 'src/app/services/api/api.types'
-import { PROMPT } from '../../../../../../ui/modals/prompt/prompt.component'
import { filter, take } from 'rxjs'
import { ErrorService, LoadingService } from '@start9labs/shared'
-import { ApiService } from '../../../../../../../services/api/embassy-api.service'
+import { ApiService } from 'src/app/services/api/embassy-api.service'
import { TUI_PROMPT, TuiPromptData } from '@taiga-ui/kit'
import { TuiForModule } from '@taiga-ui/cdk'
@@ -35,7 +35,7 @@ import { TuiForModule } from '@taiga-ui/cdk'
{{ key.hostname }}
- {{ key['created-at'] | date : 'medium' }}
+ {{ key['created-at'] | date: 'medium' }}
{{ key.alg }}
{{ key.fingerprint }}
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/table.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/table.component.ts
index 8e9e0cd16..c25991f45 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/table.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/table.component.ts
@@ -15,9 +15,12 @@ import {
TuiIconModule,
TuiTitleModule,
} from '@taiga-ui/experimental'
+import {
+ FormComponent,
+ FormContext,
+} from 'src/app/apps/portal/components/form.component'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import { FormDialogService } from 'src/app/services/form-dialog.service'
-import { FormContext, FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { Wifi, WiFiForm, wifiSpec } from './utils'
import { SettingsWifiComponent } from './wifi.component'
@@ -142,7 +145,7 @@ export class WifiTableComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
}
}
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/wifi.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/wifi.component.ts
index 53c7ee378..68c8ef5ef 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/wifi.component.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/routes/wifi/wifi.component.ts
@@ -25,18 +25,17 @@ import {
} from '@taiga-ui/experimental'
import { PatchDB } from 'patch-db-client'
import { catchError, defer, merge, Observable, of, Subject, map } from 'rxjs'
+import {
+ FormComponent,
+ FormContext,
+} from 'src/app/apps/portal/components/form.component'
import { ApiService } from 'src/app/services/api/embassy-api.service'
import { DataModel } from 'src/app/services/patch-db/data-model'
import { WifiInfoComponent } from './info.component'
import { WifiTableComponent } from './table.component'
import { parseWifi, WifiData, WiFiForm } from './utils'
-import { RR } from '../../../../../../../services/api/api.types'
-import {
- FormContext,
- FormPage,
-} from '../../../../../../ui/modals/form/form.page'
import { wifiSpec } from '../../../../../../ui/pages/system/wifi/wifi.const'
-import { FormDialogService } from '../../../../../../../services/form-dialog.service'
+import { FormDialogService } from 'src/app/services/form-dialog.service'
@Component({
template: `
@@ -143,7 +142,7 @@ export class SettingsWifiComponent {
},
}
- this.formDialog.open(FormPage, options)
+ this.formDialog.open(FormComponent, options)
}
async saveAndConnect(ssid: string, password?: string): Promise {
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/settings/settings.service.ts b/web/projects/ui/src/app/apps/portal/routes/system/settings/settings.service.ts
index e069ab3d3..f8884cd70 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/settings/settings.service.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/settings/settings.service.ts
@@ -6,14 +6,14 @@ import { TUI_PROMPT } from '@taiga-ui/kit'
import { PatchDB } from 'patch-db-client'
import { filter, from, take } from 'rxjs'
import { switchMap } from 'rxjs/operators'
+import { FormComponent } from 'src/app/apps/portal/components/form.component'
+import { PROMPT } from 'src/app/apps/portal/modals/prompt.component'
import { ProxyService } from 'src/app/services/proxy.service'
-import { FormPage } from 'src/app/apps/ui/modals/form/form.page'
import { configBuilderToSpec } from 'src/app/util/configBuilderToSpec'
import { getServerInfo } from 'src/app/util/get-server-info'
import { FormDialogService } from 'src/app/services/form-dialog.service'
import { DataModel } from 'src/app/services/patch-db/data-model'
import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { PROMPT } from 'src/app/apps/ui/modals/prompt/prompt.component'
import { passwordSpec, PasswordSpec, SettingBtn } from './settings.types'
@@ -160,7 +160,7 @@ export class SettingsService {
switchMap(() => from(configBuilderToSpec(passwordSpec))),
)
.subscribe(spec => {
- this.formDialog.open(FormPage, {
+ this.formDialog.open(FormComponent, {
label: 'Change Master Password',
data: {
spec,
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/snek/snek.component.ts b/web/projects/ui/src/app/apps/portal/routes/system/snek/snek.component.ts
deleted file mode 100644
index 6eb12a532..000000000
--- a/web/projects/ui/src/app/apps/portal/routes/system/snek/snek.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core'
-
-@Component({
- template: 'Here be snek',
- standalone: true,
- changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export default class SnekComponent {}
diff --git a/web/projects/ui/src/app/apps/portal/routes/system/system.module.ts b/web/projects/ui/src/app/apps/portal/routes/system/system.module.ts
index 92691e6e2..9b0c6768c 100644
--- a/web/projects/ui/src/app/apps/portal/routes/system/system.module.ts
+++ b/web/projects/ui/src/app/apps/portal/routes/system/system.module.ts
@@ -46,12 +46,6 @@ const ROUTES: Routes = [
loadComponent: () => import('./updates/updates.component'),
data: toNavigationItem('/portal/system/updates'),
},
- {
- title: systemTabResolver,
- path: 'snek',
- loadComponent: () => import('./snek/snek.component'),
- data: toNavigationItem('/portal/system/snek'),
- },
]
@NgModule({ imports: [RouterModule.forChild(ROUTES)] })
diff --git a/web/projects/ui/src/app/apps/portal/services/breadcrumbs.service.ts b/web/projects/ui/src/app/apps/portal/services/breadcrumbs.service.ts
index 631ee0605..89593a545 100644
--- a/web/projects/ui/src/app/apps/portal/services/breadcrumbs.service.ts
+++ b/web/projects/ui/src/app/apps/portal/services/breadcrumbs.service.ts
@@ -30,7 +30,7 @@ export class BreadcrumbsService extends BehaviorSubject {
const packages = await getAllPackages(this.patch)
try {
- this.next(toBreadcrumbs(page, packages))
+ this.next(toBreadcrumbs(page.split('?')[0], packages))
} catch (e) {
this.next([])
}
diff --git a/web/projects/ui/src/app/services/patch-db/patch-db.module.ts b/web/projects/ui/src/app/services/patch-db/patch-db.module.ts
deleted file mode 100644
index 3c816e339..000000000
--- a/web/projects/ui/src/app/services/patch-db/patch-db.module.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { PatchDB } from 'patch-db-client'
-import { Injector, NgModule } from '@angular/core'
-import { PATCH_SOURCE, sourceFactory } from './patch-db.factory'
-
-// This module is purely for providers organization purposes
-@NgModule({
- providers: [
- {
- provide: PATCH_SOURCE,
- deps: [Injector],
- useFactory: sourceFactory,
- },
- {
- provide: PatchDB,
- deps: [PATCH_SOURCE],
- useClass: PatchDB,
- },
- ],
-})
-export class PatchDbModule {}
diff --git a/web/projects/ui/src/app/services/patch-db/patch-db.providers.ts b/web/projects/ui/src/app/services/patch-db/patch-db.providers.ts
new file mode 100644
index 000000000..e47f1a9a5
--- /dev/null
+++ b/web/projects/ui/src/app/services/patch-db/patch-db.providers.ts
@@ -0,0 +1,16 @@
+import { PatchDB } from 'patch-db-client'
+import { Injector } from '@angular/core'
+import { PATCH_SOURCE, sourceFactory } from './patch-db.factory'
+
+export const PATCH_DB_PROVIDERS = [
+ {
+ provide: PATCH_SOURCE,
+ deps: [Injector],
+ useFactory: sourceFactory,
+ },
+ {
+ provide: PatchDB,
+ deps: [PATCH_SOURCE],
+ useClass: PatchDB,
+ },
+]
diff --git a/web/projects/ui/src/styles.scss b/web/projects/ui/src/styles.scss
index 0ebb45238..2a92038a5 100644
--- a/web/projects/ui/src/styles.scss
+++ b/web/projects/ui/src/styles.scss
@@ -369,15 +369,21 @@ ul {
}
.g-page {
+ @include customize-scroll();
+
display: block;
- height: 100%;
+ height: calc(100% - 0.375rem);
padding: 1px 2rem 3rem;
box-sizing: border-box;
overflow: auto;
isolation: isolate;
+ backdrop-filter: blur(2rem);
+ margin: 0 0.375rem;
+ border-radius: 0.375rem;
// TODO: Theme
- background: #373a3f;
+ background: rgb(55 58 63 / 90%);
+ box-shadow: inset 0 1px rgb(255 255 255 / 10%);
}
.g-edged {
Trust Your Root CA
-- Download and trust your server's Root Certificate Authority to establish - a secure (HTTPS) connection. You will need to repeat this on every - device you use to connect to your server. -
--
-
-
- Bookmark this page
- - Save this page so you can access it later. You can also find the
- address in the
-
StartOS-info.html- file downloaded at the end of initial setup. -
- -
- Download your server's Root CA
- - Your server uses its Root CA to generate SSL/TLS certificates for
- itself and installed services. These certificates are then used to
- encrypt network traffic with your client devices.
-
-- Download - --
- -
- Trust your server's Root CA
- - Follow instructions for your OS. By trusting your server's Root CA,
- your device can verify the authenticity of encrypted communications
- with your server.
-
-- View Instructions - --
- -
- Test
- - Refresh the page. If refreshing the page does not work, you may need
- to quit and re-open your browser, then revisit this page.
-
-- Refresh - --
-
Root CA Trusted!
-- You have successfully trusted your server's Root CA and may now log in - securely. -
-
+
-
+Trust Your Root CA
++ Download and trust your server's Root Certificate Authority to establish a + secure (HTTPS) connection. You will need to repeat this on every device you + use to connect to your server. +
+-
+
-
+ Bookmark this page
+ - Save this page so you can access it later. You can also find the address
+ in the
+
StartOS-info.html+ file downloaded at the end of initial setup. +
+ -
+ Download your server's Root CA
+ - Your server uses its Root CA to generate SSL/TLS certificates for itself
+ and installed services. These certificates are then used to encrypt
+ network traffic with your client devices.
+
+ + Download + +
+ -
+ Trust your server's Root CA
+ - Follow instructions for your OS. By trusting your server's Root CA, your
+ device can verify the authenticity of encrypted communications with your
+ server.
+
+ + View Instructions + +
+ -
+ Test
+ - Refresh the page. If refreshing the page does not work, you may need to
+ quit and re-open your browser, then revisit this page.
+
+ +
+
(not recommended)
+
+Root CA Trusted!
++ You have successfully trusted your server's Root CA and may now log in + securely. +
+ +
-
+
+
+
diff --git a/web/projects/ui/src/app/apps/login/login.page.scss b/web/projects/ui/src/app/apps/login/login.page.scss
index 690d97591..65bc582b1 100644
--- a/web/projects/ui/src/app/apps/login/login.page.scss
+++ b/web/projects/ui/src/app/apps/login/login.page.scss
@@ -1,76 +1,35 @@
-.content {
- --background: #333333;
+@import '@taiga-ui/core/styles/taiga-ui-local';
+
+:host {
+ background: var(--tui-base-02);
}
-.grid {
- height: 100%;
- max-width: 540px;
-}
-
-.row {
- height: 100%;
+.card {
+ @include center-all();
+ overflow: visible;
align-items: center;
text-align: center;
+ width: max(50%, 20rem);
}
-.banner {
- position: absolute;
- padding: 20px;
- width: 100%;
- display: inline-block;
-
- ion-item {
- max-width: 800px;
- margin: auto;
- }
-}
-
-ion-card {
- background: #414141;
- box-shadow: 0 4px 4px rgba(17, 17, 17, 0.144);
- border-radius: 35px;
- min-height: 16rem;
- contain: unset;
- overflow: unset;
- position: relative;
-}
-
-ion-item {
- --background: transparent;
- --border-radius: 0px;
-}
-
-.title {
- padding-top: 55px;
- color: #e0e0e0;
- font-size: 1.3rem;
+.logo {
+ @include center-left();
+ top: -17%;
+ width: 6rem;
}
.header {
- &-icon {
- width: 100px;
- position: absolute;
- left: 50%;
- margin-left: -50px;
- top: -17%;
- z-index: 100;
- }
-}
-
-.login-button {
- height: 45px;
- width: 120px;
- --border-radius: 50px;
- margin: 0 auto;
- margin-top: 27px;
- margin-bottom: 10px;
-}
-
-.item-interactive {
- --highlight-background: #5260ff !important;
+ margin: 2rem 0 1rem;
+ text-align: center;
+ font-size: 2rem;
}
.error {
- display: block;
- padding-top: 4px;
+ min-height: 2.5rem;
+}
+
+.button {
+ width: 10rem;
+ border-radius: 10rem;
+ margin-bottom: 1rem;
}
diff --git a/web/projects/ui/src/app/apps/login/login.page.ts b/web/projects/ui/src/app/apps/login/login.page.ts
index 86430ff36..b910c0c62 100644
--- a/web/projects/ui/src/app/apps/login/login.page.ts
+++ b/web/projects/ui/src/app/apps/login/login.page.ts
@@ -8,7 +8,6 @@ import { LoadingService } from '@start9labs/shared'
import { TuiDestroyService } from '@taiga-ui/cdk'
import { takeUntil } from 'rxjs'
import { DOCUMENT } from '@angular/common'
-import { WINDOW } from '@ng-web-apis/common'
@Component({
selector: 'login',
@@ -18,7 +17,6 @@ import { WINDOW } from '@ng-web-apis/common'
})
export class LoginPage {
password = ''
- unmasked = false
error = ''
constructor(
@@ -29,14 +27,8 @@ export class LoginPage {
private readonly api: ApiService,
public readonly config: ConfigService,
@Inject(DOCUMENT) public readonly document: Document,
- @Inject(WINDOW) private readonly windowRef: Window,
) {}
- launchHttps() {
- const host = this.config.getHost()
- this.windowRef.open(`https://${host}`, '_self')
- }
-
async submit() {
this.error = ''
diff --git a/web/projects/ui/src/app/apps/login/warning.component.ts b/web/projects/ui/src/app/apps/login/warning.component.ts
new file mode 100644
index 000000000..9166a3b9a
--- /dev/null
+++ b/web/projects/ui/src/app/apps/login/warning.component.ts
@@ -0,0 +1,60 @@
+import { NgIf } from '@angular/common'
+import { Component, inject } from '@angular/core'
+import { WINDOW } from '@ng-web-apis/common'
+import { TuiNotificationModule } from '@taiga-ui/core'
+import { TuiButtonModule, TuiIconsModule } from '@taiga-ui/experimental'
+import { ConfigService } from 'src/app/services/config.service'
+
+@Component({
+ standalone: true,
+ selector: 'login-warning',
+ template: `
+
+ Login to StartOS
+ +Http detected
++ Tor is faster over https. Your Root CA must be trusted. + + View instructions + +
+
-
+
+ 
+
+
+