@if (loading()) {
} @else if (!triageResult()) { No triage results are available for this page. Please right-click on a form field and select 'Triage Autofill Issues' to analyze the page. } @if (triageResult(); as result) { {{ result.pageUrl }} URL {{ result.analyzedAt | date: "medium" }} Analyzed {{ eligibleCount() }} of {{ result.fields.length }} fields Eligible @if (result.targetElementRef) { {{ result.targetElementRef }} Target Element } @if (result.pageContext) {

Page Information

 {{ result.pageContext.title }} {{ "title" | i18n }} {{ result.pageContext.totalForms }} Total Forms {{ result.pageContext.totalFields }} Total Fields }

Version Information

 {{ result.extensionVersion }} Extension Version {{ result.browserInfo.name }} {{ result.browserInfo.version }} Browser

Fields

 @for (field of result.fields; track $index) { @if (isFieldExpanded()($index)) {
@if (field.htmlId) {

ID: {{ field.htmlId }}

} @if (field.htmlName) {

Name: {{ field.htmlName }}

} @if (field.htmlType) {

Type: {{ field.htmlType }}

} @if (field.placeholder) {

Placeholder: {{ field.placeholder }}

} @if (field.autocomplete) {

Autocomplete: {{ field.autocomplete }}

} @if (field.ariaLabel) {

ARIA Label: {{ field.ariaLabel }}

} @if (field.formIndex !== undefined) {

Form Index: {{ field.formIndex }}

}

Field State

Viewable: {{ field.viewable !== false ? ("yes" | i18n) : ("no" | i18n) }} Readonly: {{ field.readonly ? ("yes" | i18n) : ("no" | i18n) }} {{ "disabled" | i18n }}: {{ field.disabled ? ("yes" | i18n) : ("no" | i18n) }}
@if (field.tagName || field.elementNumber !== undefined || field.htmlClass) {

Element Metadata

@if (field.tagName) {

Tag Name: {{ field.tagName }}

} @if (field.elementNumber !== undefined) {

Element Position: #{{ field.elementNumber }}

} @if (field.htmlClass) {

CSS Classes: {{ field.htmlClass }}

} @if (field.title) {

{{ "title" | i18n }}: {{ field.title }}

} @if (field.tabindex) {

Tabindex: {{ field.tabindex }}

} @if (field.maxLength !== undefined) {

Max Length: {{ field.maxLength }}

}
} @if (field.labelLeft || field.labelRight || field.labelTag || field.labelTop) {

Label Context

@if (field.labelLeft) {

Label Left: "{{ field.labelLeft }}"

} @if (field.labelRight) {

Label Right: "{{ field.labelRight }}"

} @if (field.labelTag) {

Label Tag: "{{ field.labelTag }}"

} @if (field.labelTop) {

Label Top: "{{ field.labelTop }}"

}
} @if (field.formContext) {

Form Information

@if (field.formContext.htmlId) {

Form ID: {{ field.formContext.htmlId }}

} @if (field.formContext.htmlName) {

Form Name: {{ field.formContext.htmlName }}

} @if (field.formContext.htmlAction) {

Form Action: {{ field.formContext.htmlAction }}

} @if (field.formContext.htmlMethod) {

Form Method: {{ field.formContext.htmlMethod }}

}

Fields in Form: {{ field.formContext.fieldCount }}

} @if ( field.valuePreview || field.checked !== undefined || (field.selectOptions && field.selectOptions.length > 0) ) {

Value & State

@if (field.valuePreview) {

{{ "value" | i18n }}: {{ field.valuePreview }}

} @if (field.checked !== undefined) {

Checked: {{ field.checked ? ("yes" | i18n) : ("no" | i18n) }}

} @if (field.selectOptions && field.selectOptions.length > 0) {

Select Options: {{ field.selectOptions.length }} {{ "options" | i18n }}

{{ field.selectOptions.slice(0, 3).join(", ") }}{{ field.selectOptions.length > 3 ? "..." : "" }}

}
} @if ( field.dataStripe || field.inlineMenuFillType || field.fieldQualifier || field.accountCreationFieldType || field.rel || field.showPasskeys || field.ariaHasPopup ) {

Special Attributes

@if (field.dataStripe) {

Data-Stripe: {{ field.dataStripe }}

} @if (field.inlineMenuFillType) {

Inline Menu Fill Type: {{ field.inlineMenuFillType }}

} @if (field.fieldQualifier) {

Field Qualifier: {{ field.fieldQualifier }}

} @if (field.accountCreationFieldType) {

Account Creation Field Type: {{ field.accountCreationFieldType }}

} @if (field.rel) {

Rel: {{ field.rel }}

} @if (field.showPasskeys) {

Show Passkeys: {{ field.showPasskeys }}

} @if (field.ariaHasPopup) {

ARIA Has-Popup: {{ field.ariaHasPopup }}

}
}

Conditions

@for (condition of field.conditions; track condition.description) {
@if (condition.passed) { } @else { } {{ condition.description }}
}
} } } @if (triageResult()) { }