How to implement
First you want to head over to the section to figure out how to log your users into Infoland.
After you have figured that out, you need to setup a user synchronisation that is described here: .
If your frontend is using NPM, go to NPM to learn how to setup the components in your frontend or you can use our CDN here: CDN. You will also find more information about using the components here Usage
The last thing you need to do is to handle file deliveries, this is described here: File deliveries
...
Infoland.MFlex.init
This is used for configuration of the components
...
Code Block | ||
---|---|---|
| ||
AmbitaInfoland.InfolandMFlex.init({ element: '#app', environment: 'test', category: 'realtestate', token: tokenObject, reference: '123456789', technicalReference: '123456789', priceSurcharge: 1.1, externalDepartmentId: 1234, onOrderConfirmed: (orderId) => { console.log(orderId) } }); |
...
Name | Required | Type | Options | Description |
---|---|---|---|---|
| True | string | This property is used for setting the id of the html element you want the components to load. | |
| True | string |
| The environment you want connect to |
| True | string |
| Determine what type of products that will be available in the product list. If your application have different types of users, you might want to make this dynamic based on the logged in user (brokers and architects might want different products). |
| True | object / string | This is where you pass in the token object for the logged in user, returned from the authentication service, see Authentication for more information. | |
| True | string | The reference property is added to the order when placed. This must be something that connects the order to the entity in your application that the user can relate to and have an understanding of. Could be an ID or key unique to an assignment or a project. The reference will show up on the invoices from Ambita | |
| False | string | The technical reference is added to the order and can be used by your application, in case you want to track the orders. We recommend using this when handling file deliveries, see File deliveries . | |
| False | number | An extra surcharge in percentage that will be displayed only in the components, example: 1.1 = 10% | |
| False | number | Used in spesial cases only | |
| False | function | This function must be used to save the order id in your application, you need this to handle file deliveries later, see File deliveries . |
...
Infoland.
...
MFlex.load
This function will do the actual loading of the components and takes inn a json object as a search query.
...