Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const screenConfig = {
- uiFramework: "material-ui",
- name: "mihyLoginScreen",
- components: {
- mihyLoginGrid: {
- componentPath: "Grid",
- children: {
- mihyEmptyRow: {
- componentPath: "Grid",
- props: {
- item: true,
- sm: 4
- }
- },
- mihyLoginItem: {
- componentPath: "Grid",
- props: {
- item: true,
- sm: 4,
- xs: 12
- },
- children: {
- mihyLoginCard: {
- componentPath: "Card",
- children: {
- mihyLoginCardContent: {
- componentPath: "CardContent",
- children: {
- mihyLoginHeader: {
- componentPath: "Typography",
- children: {
- "mihy-login-header-text": {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Login"
- }
- }
- },
- props: {
- align: "center",
- variant: "title"
- }
- },
- mihyloginDiv: {
- uiFramework: "custom-atoms",
- componentPath: "Div",
- props: {
- className: "text-center"
- },
- children: {
- mihyLoginUsername: {
- componentPath: "TextField",
- props: {
- label: "Username",
- margin: "normal",
- fullWidth: true,
- autoFocus: true,
- required: true
- },
- required: true,
- jsonPath: "body.mihy.username",
- pattern: "^([a-zA-Z0-9@.])+$"
- },
- mihyLoginPassword: {
- componentPath: "TextField",
- props: {
- label: "Password",
- type: "password",
- margin: "normal",
- fullWidth: true,
- required: true
- },
- jsonPath: "body.mihy.password",
- required: true,
- pattern: "^([a-zA-Z0-9!])+$"
- },
- mihyBreakOne: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- mihyBreakTwo: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- mihyLoginButton: {
- componentPath: "Button",
- props: {
- variant: "contained",
- color: "primary",
- fullWidth: true
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Login"
- }
- }
- },
- onClickDefination: {
- action: "submit",
- method: "get",
- endPoint: "afbc.com",
- purpose: "authLogin"
- }
- }
- }
- }
- }
- }
- },
- props: { classes: { root: "container-margin" } }
- }
- }
- }
- },
- props: { container: true }
- },
- tradeDetails: {
- componentPath: "Card",
- children: {
- "tradeDetailsLable": {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Please Provide Trade Details"
- }
- },
- BreakSeven: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakEight: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "licenseType": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "License Type",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select License Type",
- placeholder: "Select License Type",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select License Type"
- }
- }
- },
- }
- }
- },
- "tradeMobility": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Mobility",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please select your currency",
- value: "Abc",
- placeholder: "Select Trade Mobility",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Mobility"
- }
- }
- },
- }
- }
- },
- BreakOne: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakTwo: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeName": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "Name of Trade",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Example Diljit Da Dhaba",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeCommencementDate": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "Trade Commencement Date",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Trade Commencement Date",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- BreakThree: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakFour: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeGSTNO": {
- componentPath: "TextField",
- props: {
- label: "Trade GST No.",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Trade GST No.",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeOperationalArea": {
- componentPath: "TextField",
- props: {
- label: "Operational Area (Sq Ft)",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Operational Area in Sq Ft",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- BreakFve: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakSix: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeNoOfEmployee": {
- componentPath: "TextField",
- props: {
- label: "No Of Employees",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter No Of Employees",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- BreakNine: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakTen: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- tradeUnitCard: {
- componentPath: "Card",
- children: {
- "tradeUnitLable": {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Trade Unit"
- }
- },
- BreakEleven: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakTwelve: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeCategory": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Category",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Category",
- placeholder: "Select Trade Category",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Category"
- }
- }
- },
- }
- }
- },
- "tradeType": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Type",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Type",
- placeholder: "Select Trade Type",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Type"
- }
- }
- },
- }
- }
- },
- "tradeSubType": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Sub Type",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Sub Type",
- placeholder: "Select Trade Sub Type",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Sub Type"
- }
- }
- },
- }
- }
- },
- Break13: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break14: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "uomfield": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "UOM (Unit Of Measurement)",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "UOM (Unit Of Measurement)",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "uOMValueField": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "UOM Value",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter UOM Value",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- }
- },
- Break15: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break16: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- accessoriesCard: {
- componentPath: "Card",
- children: {
- "accessoriesLable": {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Accessories"
- }
- },
- BreakEleven: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- BreakTwelve: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeCategory": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Category",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Category",
- placeholder: "Select Trade Category",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Category"
- }
- }
- },
- }
- }
- },
- "tradeType": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Type",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Type",
- placeholder: "Select Trade Type",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Type"
- }
- }
- },
- }
- }
- },
- "tradeSubType": {
- componentPath: "TextField",
- props: {
- select: true,
- required: true,
- label: "Trade Sub Type",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select Trade Sub Type",
- placeholder: "Select Trade Sub Type",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select Trade Sub Type"
- }
- }
- },
- }
- }
- },
- Break13: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break14: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "uomfield": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "UOM (Unit Of Measurement)",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "UOM (Unit Of Measurement)",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "uOMValueField": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "UOM Value",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter UOM Value",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- }
- }
- }
- },
- tradeLocDetails: {
- componentPath: "Card",
- children: {
- "tradeLocDetailsLable": {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Please Provide Trade Locaton Details"
- }
- },
- Break15: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break16: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "propertyID": {
- componentPath: "TextField",
- props: {
- label: "Property ID",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Property ID",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeCity": {
- componentPath: "TextField",
- props: {
- select: true,
- label: "Trade City",
- InputLabelProps: {
- shrink: true,
- },
- helperText: "Please Select City",
- placeholder: "Select Trade City",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- children: {
- menuItem: {
- componentPath: "MenuItem",
- props: {
- value: "Abc"
- },
- children: {
- mihyLoginButtonText: {
- uiFramework: "custom-atoms",
- componentPath: "Label",
- props: {
- label: "Select City"
- }
- }
- },
- }
- }
- },
- Break17: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break18: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeDoorHouse": {
- componentPath: "TextField",
- props: {
- label: "Door/House No.",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Door/House No",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeBuildingColonyName": {
- componentPath: "TextField",
- props: {
- label: "Building/Colony Name",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Building/Colony Name",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- Break19: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break20: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradeStreetName": {
- componentPath: "TextField",
- props: {
- label: "Street Name",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Street Name",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeMohalla": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "Mohalla",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Mohalla",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- Break21: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break22: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradePincode": {
- componentPath: "TextField",
- props: {
- label: "PinCode",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Pincode",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- "tradeGISCoord": {
- componentPath: "TextField",
- props: {
- required: true,
- label: "GIS Coordinates",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Select your trade location on map",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- Break23: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- Break24: {
- uiFramework: "custom-atoms",
- componentPath: "Break"
- },
- "tradePincode": {
- componentPath: "TextField",
- props: {
- label: "Electricity Connection No.",
- InputLabelProps: {
- shrink: true,
- },
- placeholder: "Enter Electricity Connection No. of Trade Location",
- },
- required: true,
- jsonPath: "body.tradeDetails.LicenseType",
- pattern: "^([a-zA-Z0-9@.])+$",
- },
- }
- }
- }
- };
- export default screenConfig;
Add Comment
Please, Sign In to add comment