{{index+1}}
-
+
@@ -160,7 +160,7 @@ {{'Archived Forms'|translate}}
{{index+1}}
-
+
- {{form.title}}
+ {{form|formTitleFromInfo}}
|
@@ -87,7 +87,7 @@
|
- {{form.title}}
+ {{form|formTitleFromInfo}}
|
diff --git a/editor/src/app/pipes/format-form-title-from-info.pipe.ts b/editor/src/app/pipes/format-form-title-from-info.pipe.ts
new file mode 100644
index 0000000000..9e8e9ebeb4
--- /dev/null
+++ b/editor/src/app/pipes/format-form-title-from-info.pipe.ts
@@ -0,0 +1,32 @@
+import { Pipe, PipeTransform } from '@angular/core';
+@Pipe({
+ name: 'formTitleFromInfo',
+})
+export class FormTitleFromInfoPipe implements PipeTransform {
+ transform(formInfo) {
+ if(formInfo.id){
+ if(!formInfo.title){
+ return formInfo.id
+ }
+ if(!formInfo.title.includes('t-lang')) return formInfo.title;
+ if(formInfo.title.includes('t-lang')) {
+ const titleDomString = new DOMParser().parseFromString(formInfo.title, 'text/html')
+ const formTitleEnglish = titleDomString.querySelector('t-lang[en]')
+ formInfo.title = formTitleEnglish ? formTitleEnglish.textContent : titleDomString.querySelector('t-lang').textContent
+ return formInfo.title
+ }
+ }
+ if(formInfo.formId){
+ if(!formInfo.formTitle){
+ return formInfo.formId
+ }
+ if(!formInfo.formTitle.includes('t-lang')) return formInfo.formTitle;
+ if(formInfo.formTitle.includes('t-lang')) {
+ const titleDomString = new DOMParser().parseFromString(formInfo.formTitle, 'text/html')
+ const formTitleEnglish = titleDomString.querySelector('t-lang[en]')
+ formInfo.formTitle = formTitleEnglish ? formTitleEnglish.textContent : titleDomString.querySelector('t-lang').textContent
+ return formInfo.formTitle
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/editor/src/app/shared/shared.module.ts b/editor/src/app/shared/shared.module.ts
index 14307583f4..a1dc616ea1 100644
--- a/editor/src/app/shared/shared.module.ts
+++ b/editor/src/app/shared/shared.module.ts
@@ -22,6 +22,7 @@ import {ProcessGuard} from "./_guards/process-guard.service";
import { ProcessMonitorDialogComponent } from './_components/process-monitor-dialog/process-monitor-dialog.component';
import { MatDialogModule } from '@angular/material/dialog';
import {MatProgressBarModule} from "@angular/material/progress-bar";
+import { FormTitleFromInfoPipe } from '../pipes/format-form-title-from-info.pipe';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -48,6 +49,7 @@ import {MatProgressBarModule} from "@angular/material/progress-bar";
TangyLoadingComponent,
BreadcrumbComponent,
UnsanitizeHtmlPipe,
+ FormTitleFromInfoPipe,
NgxPermissionsModule,
HasAPermissionDirective,
HasSomePermissionsDirective,
@@ -57,6 +59,7 @@ import {MatProgressBarModule} from "@angular/material/progress-bar";
declarations: [
TangyLoadingComponent,
UnsanitizeHtmlPipe,
+ FormTitleFromInfoPipe,
BreadcrumbComponent,
HasAPermissionDirective,
HasSomePermissionsDirective,
|