diff --git a/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.scss b/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.scss
new file mode 100644
index 00000000..6e0ad3aa
--- /dev/null
+++ b/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.scss
@@ -0,0 +1,6 @@
+.formtype-section {
+ float: left;
+}
+.locales-section {
+ float: right;
+}
diff --git a/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.tsx b/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.tsx
index 50554d5d..672f929f 100644
--- a/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.tsx
+++ b/src/react/components/pages/prebuiltPredict/prebuiltPredictPage.tsx
@@ -38,10 +38,12 @@ import "../predict/predictPage.scss";
import PredictResult from "../predict/predictResult";
import {ILoadFileHelper, ILoadFileResult, LoadFileHelper} from "./LoadFileHelper";
import {ITableHelper, ITableState, TableHelper} from "./tableHelper";
+import "./prebuiltPredictPage.scss";
interface IPrebuiltTypes {
name: string;
servicePath: string;
+ useLocale?: boolean;
}
export interface IPrebuiltPredictPageProps extends RouteComponentProps {
@@ -66,6 +68,7 @@ export interface IPrebuiltPredictPageState extends ILoadFileResult, ITableState
highlightedField?: string;
imageAngle: number;
currentPrebuiltType: IPrebuiltTypes;
+ currentLocale: string;
}
function mapStateToProps(state: IApplicationState) {
@@ -87,7 +90,8 @@ export class PrebuiltPredictPage extends React.Component
-
Form type
-
({key: type.name, text: type.name}))}
- defaultSelectedKey={this.state.currentPrebuiltType.name}
- onChange={this.onPrebuiltTypeChange}>
+
+
Form type
+
({key: type.name, text: type.name}))}
+ defaultSelectedKey={this.state.currentPrebuiltType.name}
+ onChange={this.onPrebuiltTypeChange}>
+
+
+
Locale
+
({key: type, text: type}))}
+ defaultSelectedKey={this.state.currentLocale}
+ onChange={this.onLocaleChange}>
+
Upload file and run analysis
@@ -349,6 +368,11 @@ export class PrebuiltPredictPage extends React.Component {
+ const currentLocale: string = option.key as string;
+ this.setState({currentLocale});
+ }
+
private prevPage = () => {
this.setState((prevState) => ({
currentPage: Math.max(1, prevState.currentPage - 1),
@@ -579,10 +603,7 @@ export class PrebuiltPredictPage extends React.Component {
- const endpointURL = url.resolve(
- this.props.prebuiltSettings.serviceURI,
- `/formrecognizer/${constants.prebuiltServiceVersion}${this.state.currentPrebuiltType.servicePath}?includeTextDetails=true`,
- );
+ const endpointURL = this.getPredictionEndpointUrl();
const apiKey = this.props.prebuiltSettings.apiKey;
const headers = {"Content-Type": this.state.file ? this.state.file.type : "application/json", "cache-control": "no-cache"};
@@ -601,6 +622,14 @@ export class PrebuiltPredictPage extends React.Component ServiceHelper.getWithAutoRetry(operationLocation, {headers}, apiKey as string), 120000, 500);
}
+ getPredictionEndpointUrl = (): string => {
+ const endpointUrl = url.resolve(
+ this.props.prebuiltSettings.serviceURI,
+ `/formrecognizer/${constants.prebuiltServiceVersion}${this.state.currentPrebuiltType.servicePath}?includeTextDetails=true`
+ );
+ return endpointUrl + (this.state.currentPrebuiltType.useLocale ? `&locale=${this.state.currentLocale}` : "");
+ }
+
private createBoundingBoxVectorFeature = (text, boundingBox, imageExtent, ocrExtent) => {
const coordinates: number[][] = [];