...
| Code Block | ||
|---|---|---|
| ||
<html>
<head>
<script src="https://dev-meglerpakke.ambita.com/package/mflex.umd.js" charset="utf-8"></script>
</head>
<body>
<h1>
Welcome to Ambita Infoland components!
</h1>
<div id="search" style="height: 75px"></div>
<div id="product-list"></div>
<button id="confirm">Confirm order</button>
<script>
document.addEventListener('DOMContentLoaded', () => {
window.Ambita.mFlex.init({
environment: 'beta',
token: {
access_token: '74246ace-f71f-423f-951a-8a9816a3319a',
token_type: 'Bearer',
expires_in: 3600,
refresh_token: '80194947-73f6-47f6-92ca-66803abb7686',
scope:['infoland.flex'],
expires_at: '2022-09-27T07:47:49.774Z'
},
reference: 'test'
});
window.Ambita.mFlex.search.onSearchResult = (result) => {
console.log(result);
};
window.Ambita.mFlex.search.load('#search');
window.Ambita.mFlex.productList.load('#product-list', {
share:{},
cadastre:{
knr: '0301',
gnr: '224',
bnr: '64',
snr: '18'
}
});
const confirmButton = document.getElementById('confirm');
confirmButton.addEventListener('click', async () => {
const orderNumber = await window.Ambita.mFlex.productList.confirmOrder();
console.log(orderNumber);
});
});
</script>
</body>
</html> |
Component set up
...
Ambita.mFlex.receipt
This function will load the receipt component. Which shows current status about the products, the propertydata the documents were ordered on. As well as the possibility to download the files on the product.
...