-
- }
-
- @if (state.value(); as value) {
-
-
-
- @if (isImporting()) {
-
-
- Loading...
-
- Importing...
- } @else if (isExporting()) {
-
- Loading...
-
- Exporting...
- }
-
-
-
-
-
+ @if (state.value(); as value) {
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+ (false);
protected totalWidth = signal(window.innerWidth);
+
private rightColumnWidthLocalStorageKey = 'editor';
protected rightColumnWidth = linkedSignal({
source: () => this.totalWidth(),
@@ -159,19 +75,24 @@ export class EditorPage {
return this.loadRightColumnWidth(this.rightColumnWidthLocalStorageKey) ?? input / 2;
},
});
- private apiConstantsService = inject(ApiConstantsService);
- protected unsafeEnvironment = computed(() => this.apiConstantsService.info.value()?.hosting.unsafeEnvironment ?? false);
+
private editorStateService = inject(EditorStateService);
protected state: Resource = this.editorStateService.savedState;
- private editorMenuService = inject(EditorMenuService);
- protected isImporting = this.editorMenuService.isImporting;
- protected isExporting = this.editorMenuService.isExporting;
+
private editorSettingsService = inject(EditorSettingsService);
private editorResponsivenessService = inject(EditorResponsivenessService);
private settingsService = inject(EditorSettingsService);
protected settings: Signal = this.settingsService.settings;
+ private router = inject(Router);
+
constructor() {
+ effect(() => {
+ if (!this.state.isLoading() && this.state.value() === null) {
+ this.router.navigate(['/', 'welcome']).then();
+ }
+ });
+
effect(() => {
const rightColumnWidth = this.rightColumnWidth();
this.saveRightColumnWidth(this.rightColumnWidthLocalStorageKey, rightColumnWidth);
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor.routes.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/editor.routes.ts
index 3a236765..8b29470f 100644
--- a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor.routes.ts
+++ b/src/FacturXDotNet.WebEditor/src/app/features/editor/editor.routes.ts
@@ -1,58 +1,75 @@
import { Routes } from '@angular/router';
-import { EditorPage } from './editor.page';
-import { XmpTab } from './tabs/xmp/xmp.tab';
-import { CiiTab } from './tabs/cii/cii.tab';
-import { AttachmentsTab } from './tabs/attachments/attachments.tab';
-import { EditorSettingsTab } from './tabs/settings/editor-settings.tab';
-import { EditorSettingsGeneralTab } from './tabs/settings/tabs/editor-settings-general/editor-settings-general.tab';
-import { EditorSettingsPdfProfilesTab } from './tabs/settings/tabs/editor-settings-pdf-profiles/editor-settings-pdf-profiles.tab';
-import { EditorSettingsPdfProfileCreateTab } from './tabs/settings/tabs/editor-settings-pdf-profiles/editor-settings-pdf-profile-create.tab';
-import { EditorSettingsPdfProfileEditTab } from './tabs/settings/tabs/editor-settings-pdf-profiles/editor-settings-pdf-profile-edit.tab';
+import { EditorLayout } from './editor.layout';
+import { XmpTab } from './editor-tabs/editor-xmp/xmp.tab';
+import { CiiTab } from './editor-tabs/editor-cii/cii.tab';
+import { AttachmentsTab } from './editor-tabs/editor-attachments/attachments.tab';
+import { EditorSettingsTab } from './editor-tabs/editor-settings/editor-settings.tab';
+import { EditorSettingsGeneralTab } from './editor-tabs/editor-settings/editor-settings-tabs/editor-settings-general/editor-settings-general.tab';
+import { EditorSettingsPdfProfilesTab } from './editor-tabs/editor-settings/editor-settings-tabs/editor-settings-pdf-profiles/editor-settings-pdf-profiles.tab';
+import { EditorSettingsPdfProfileCreateTab } from './editor-tabs/editor-settings/editor-settings-tabs/editor-settings-pdf-profiles/editor-settings-pdf-profile-create.tab';
+import { EditorSettingsPdfProfileEditTab } from './editor-tabs/editor-settings/editor-settings-tabs/editor-settings-pdf-profiles/editor-settings-pdf-profile-edit.tab';
import { resetPdfProfileOverride } from './guards/reset-pdf-profile-override';
+import { EditorWelcomePage } from './editor-welcome.page';
+import { EditorPage } from './editor.page';
export const routes: Routes = [
{
path: '',
- component: EditorPage,
+ component: EditorLayout,
children: [
{
- path: 'xmp',
- component: XmpTab,
- },
- {
- path: 'cii',
- component: CiiTab,
- },
- {
- path: 'attachments',
- component: AttachmentsTab,
+ path: 'welcome',
+ component: EditorWelcomePage,
},
{
- path: 'settings',
- component: EditorSettingsTab,
+ path: '',
+ component: EditorPage,
children: [
{
path: '',
pathMatch: 'full',
- component: EditorSettingsGeneralTab,
+ redirectTo: 'cii',
},
{
- path: 'profiles/create',
- component: EditorSettingsPdfProfileCreateTab,
- canDeactivate: [resetPdfProfileOverride],
+ path: 'xmp',
+ component: XmpTab,
},
{
- path: 'profiles/edit/:profileId',
- component: EditorSettingsPdfProfileEditTab,
- canDeactivate: [resetPdfProfileOverride],
+ path: 'cii',
+ component: CiiTab,
},
{
- path: 'profiles',
- component: EditorSettingsPdfProfilesTab,
+ path: 'attachments',
+ component: AttachmentsTab,
},
{
- path: '**',
- redirectTo: '',
+ path: 'settings',
+ component: EditorSettingsTab,
+ children: [
+ {
+ path: '',
+ pathMatch: 'full',
+ component: EditorSettingsGeneralTab,
+ },
+ {
+ path: 'profiles/create',
+ component: EditorSettingsPdfProfileCreateTab,
+ canDeactivate: [resetPdfProfileOverride],
+ },
+ {
+ path: 'profiles/edit/:profileId',
+ component: EditorSettingsPdfProfileEditTab,
+ canDeactivate: [resetPdfProfileOverride],
+ },
+ {
+ path: 'profiles',
+ component: EditorSettingsPdfProfilesTab,
+ },
+ {
+ path: '**',
+ redirectTo: '',
+ },
+ ],
},
],
},
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/guards/reset-pdf-profile-override.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/guards/reset-pdf-profile-override.ts
index bf21515f..f674dda0 100644
--- a/src/FacturXDotNet.WebEditor/src/app/features/editor/guards/reset-pdf-profile-override.ts
+++ b/src/FacturXDotNet.WebEditor/src/app/features/editor/guards/reset-pdf-profile-override.ts
@@ -1,6 +1,6 @@
import { CanDeactivateFn } from '@angular/router';
import { inject } from '@angular/core';
-import { EditorPdfViewerService } from '../components/editor-pdf-viewer/editor-pdf-viewer.service';
+import { EditorPdfViewerService } from '../editor-tabs/editor-pdf-viewer/editor-pdf-viewer.service';
export const resetPdfProfileOverride: CanDeactivateFn = () => {
const editorPdfViewerService = inject(EditorPdfViewerService);
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-pdf-generation-profiles.service.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-pdf-generation-profiles.service.ts
similarity index 98%
rename from src/FacturXDotNet.WebEditor/src/app/features/editor/editor-pdf-generation-profiles.service.ts
rename to src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-pdf-generation-profiles.service.ts
index b99bdc40..2afbd9d6 100644
--- a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-pdf-generation-profiles.service.ts
+++ b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-pdf-generation-profiles.service.ts
@@ -1,5 +1,5 @@
import { computed, Injectable, signal, WritableSignal } from '@angular/core';
-import { IStandardPdfGeneratorLanguagePackDto } from '../../core/api/api.models';
+import { IStandardPdfGeneratorLanguagePackDto } from '../../../core/api/api.models';
@Injectable({
providedIn: 'root',
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-responsiveness.service.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-responsiveness.service.ts
similarity index 100%
rename from src/FacturXDotNet.WebEditor/src/app/features/editor/editor-responsiveness.service.ts
rename to src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-responsiveness.service.ts
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-settings.service.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-settings.service.ts
similarity index 100%
rename from src/FacturXDotNet.WebEditor/src/app/features/editor/editor-settings.service.ts
rename to src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-settings.service.ts
diff --git a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-state.service.ts b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-state.service.ts
similarity index 98%
rename from src/FacturXDotNet.WebEditor/src/app/features/editor/editor-state.service.ts
rename to src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-state.service.ts
index db0119d6..20dfe13c 100644
--- a/src/FacturXDotNet.WebEditor/src/app/features/editor/editor-state.service.ts
+++ b/src/FacturXDotNet.WebEditor/src/app/features/editor/services/editor-state.service.ts
@@ -1,6 +1,6 @@
import { Injectable, resource, Resource } from '@angular/core';
import { IDBPDatabase, openDB } from 'idb';
-import { ICrossIndustryInvoice, IXmpMetadata } from '../../core/api/api.models';
+import { ICrossIndustryInvoice, IXmpMetadata } from '../../../core/api/api.models';
@Injectable({
providedIn: 'root',
+
- } @else if (state.isLoading()) {
-
+
+
-
- } @else {
-
- Loading...
-
- }
-
-
-
-
- `,
- styles: `
- .backdrop {
- background-color: rgba(0, 0, 0, 0.5);
+
}
`,
+ styles: ``,
})
export class EditorPage {
- protected apiUrl = inject(API_BASE_URL);
protected pdfTab = computed(() => this.settings().pdfTab);
protected disablePointerEvents = signal
-
+
-
- Do not share sensitive data
- This application is hosted in an unsafe cloud environment. Although I do not store your data, or use it for any purpose other than the application, the hosting
- environment is beyond my control.
-
-
- About self-hosting...
+
+
+ } @else if (state.isLoading()) {
+
+
-
-
+ Loading...
- © 2025 Ismail Bennani, made with and . The tools are open source and released under the MIT
- License, feel free to use, modify, and share.
-
-