{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Our javascript components is written in Vue.js and available truth following components","type":"text"}]},{"type":"paragraph","content":[{"text":"Table of contents:","type":"text","marks":[{"type":"strong"}]}]},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"style":{"value":"none"}},"macroMetadata":{"macroId":{"value":"95c9013b-7404-4bad-a59b-695b17c7dcd2"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"41a2e9be-c784-4aa0-8132-7ce9512e899c"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Page setup","type":"text"}]},{"type":"paragraph","content":[{"text":"Add the script tag to head and use the library after the dom is ready","type":"text"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"text":"\n\n \n\n\n

\n Welcome to Ambita Infoland components!\n

\n \n\n \n\n","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Component set up","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ambita.mFlex.receipt","type":"text"}]},{"type":"paragraph","content":[{"text":"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.","type":"text"}]},{"type":"paragraph","content":[{"text":"You get the order number from this function: ","type":"text"},{"text":"Ambita.mFlex.productList.confirmOrder","type":"text","marks":[{"type":"link","attrs":{"href":"https://ambita.atlassian.net/wiki/spaces/DOC/pages/2249031852/Infoland+Flex+-+Set+up+components#order"}}]}]},{"type":"codeBlock","content":[{"text":" window.Ambita.mFlex.receipt.load('query-selector', );","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Additional component setup","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ambita.mFlex.init","type":"text"}]},{"type":"paragraph","content":[{"text":"This is used for configuration and injection of the components","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Example","type":"text"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"text":"window.Ambita.mFlex.init({\n environment: 'beta',\n token: tokenObject,\n reference: '123456789',\n technicalReference: '123456789',\n externalDepartmentId: 1234,\n});","type":"text"}]},{"type":"paragraph"},{"type":"table","attrs":{"layout":"full-width","width":1800.0,"localId":"2ba81121-1f1f-4d5b-9f12-b8d9aaaba47b"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"Required","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"Type","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph","content":[{"text":"Options","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"environment","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"True","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"string","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph","content":[{"text":"beta","type":"text","marks":[{"type":"code"}]},{"text":" & ","type":"text"},{"text":"prod","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"The environment you want connect to","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"token","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"True","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"object / string","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"This is where you pass in the token object for the logged in user, returned from the authentication service, see ","type":"text"},{"text":"Authentication","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/DOC/pages/2244215004"}}]},{"text":" for more information. ","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"reference","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"True","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"string","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"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","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"technicalReference","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"False","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"string","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"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 ","type":"text"},{"text":"File deliveries","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/DOC/pages/2249097317"}}]},{"text":" .","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[203.0]},"content":[{"type":"paragraph","content":[{"text":"externalDepartmentId","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[135.0]},"content":[{"type":"paragraph","content":[{"text":"False","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[153.0]},"content":[{"type":"paragraph","content":[{"text":"number","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[215.0]},"content":[{"type":"paragraph"}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[1094.0]},"content":[{"type":"paragraph","content":[{"text":"Used in spesial cases only","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ambita.mFlex.productList.load","type":"text"}]},{"type":"paragraph","content":[{"text":"This function will load product list and takes in a json object as a search query.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Example","type":"text"}]},{"type":"codeBlock","attrs":{"language":"typescript"},"content":[{"text":"window.Ambita.mFlex.productList.load('query-selector', {\n cadastre: {\n knr: '0301',\n gnr: '1',\n bnr: '1',\n fnr: '0',\n snr: '0'\n },\n share: {\n organizationNumber: '123456789',\n shareNumber: '123'\n },\n address: {\n key: '123-123456-12-A'\n }\n});","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Cadastre","type":"text"}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"21a1572a-95ab-44a6-8917-612da690e43e"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"knr","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Municipality number (Kommunenummer)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"gnr","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Cadastre Unit number (Gårdsnummer)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"bnr","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Unit number (Bruksnummer)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"fnr","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Leasehold Unit number (Festenummer)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[117.0]},"content":[{"type":"paragraph","content":[{"text":"snr","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[643.0]},"content":[{"type":"paragraph","content":[{"text":"Section number (Seksjonsnummer)","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Share","type":"text"}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"43be2ab4-e916-435a-9275-c240fe245b2a"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[184.0]},"content":[{"type":"paragraph","content":[{"text":"Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[575.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[184.0]},"content":[{"type":"paragraph","content":[{"text":"organizationNumber","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[575.0]},"content":[{"type":"paragraph","content":[{"text":"Organization number of the cooperative","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[184.0]},"content":[{"type":"paragraph","content":[{"text":"shareNumber","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[575.0]},"content":[{"type":"paragraph","content":[{"text":"The number of the “right of occupation” (andelsnummer)","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"text":"Address","type":"text","marks":[{"type":"strong"}]}]},{"type":"table","attrs":{"layout":"default","width":760.0,"localId":"dee2bc6e-6e98-4538-81c6-a7e746d35c7a"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[184.0]},"content":[{"type":"paragraph","content":[{"text":"Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[574.0]},"content":[{"type":"paragraph","content":[{"text":"Description","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[184.0]},"content":[{"type":"paragraph","content":[{"text":"key","type":"text","marks":[{"type":"code"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[574.0]},"content":[{"type":"paragraph","content":[{"text":"If you have used the search to find the property, the object from the result will contain a address key, add it here, some properties has multiple addresses.","type":"text"}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"anchor","parameters":{"macroParams":{"":{"value":"order"},"legacyAnchorId":{"value":"InfolandFlex-Javascriptcomponents-order"}},"macroMetadata":{"macroId":{"value":"00377044dcd3805f9470918c261aa98fd0f4d61ba4575c74c997382ccae28d48"},"schemaVersion":{"value":"1"},"title":"Anchor"}},"localId":"d193d24d-3751-42ee-b2dc-a3b4476e9395"}},{"text":"Ambita.mFlex.productList.confirmOrder","type":"text"}]},{"type":"paragraph","content":[{"text":"This function will confirm the order with selected products","type":"text"}]},{"type":"codeBlock","content":[{"text":"(async () => {\n try {\n const orderNumber = await window.Ambita.mFlex.productList.confirmOrder();\n // do something with orderNumber\n } catch(error) {\n notifyCustomer(error.message);\n }\n})();","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ambita.mFlex.search.load","type":"text"}]},{"type":"paragraph","content":[{"text":"This function will load the search inside a element","type":"text"}]},{"type":"codeBlock","content":[{"text":"window.Ambita.mFlex.search.load('query-selector');","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ambita.mFlex.search.onSearchResult","type":"text"}]},{"type":"paragraph","content":[{"text":"Set this property to a function, this will be triggered whenever the user finish the search","type":"text"}]},{"type":"codeBlock","content":[{"text":"window.Ambita.mFlex.search.onSearchResult = (result) => {\n console.log(result);\n};","type":"text"}]},{"type":"paragraph","content":[{"text":"Output:","type":"text"}]},{"type":"codeBlock","content":[{"text":"{\n \"itemKeys\": {\n \"cadastre\": \"123-1-1-0-0\",\n \"address\": \"123-12345-12-A\"\n },\n \"productsQuery\": \"cadastre=123-1-1-0-0&address=123-12345-12-A\",\n \"cadastre\": {\n \"title\": \"0123/1/1/0/0\",\n \"id\": \"123-1-1-0-0\",\n \"ident\": {\n \"municipalityNumber\": 123,\n \"cadastralUnitNumber\": 1,\n \"unitNumber\": 1,\n \"leaseholdUnitNumber\": 0,\n \"sectionNumber\": 0,\n \"leasehold\": false,\n \"section\": true\n },\n \"cadastre\": {\n \"knr\": 123,\n \"gnr\": 1,\n \"bnr\": 1,\n \"fnr\": 0,\n \"snr\": 0\n },\n \"subtitle\": \"Gateadresse 1A\",\n \"geojson\": {\n \"type\": \"Feature\",\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [\n 263267.79,\n 6651901.69\n ]\n },\n \"properties\": {\n \"id\": \"123-1-1-0-0\",\n \"title\": \"123/1/1/0/0\",\n \"icon\": \"cube\",\n \"type\": \"group\"\n },\n \"crs\": {\n \"type\": \"name\",\n \"properties\": {\n \"name\": \"urn:ogc:def:crs:EPSG::25833\"\n }\n }\n },\n \"addressesLink\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0/addresses/\",\n \"ownersLink\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0/owners/\",\n \"links\": {\n \"self\": {\n \"rel\": \"Cadastre\",\n \"href\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0\"\n },\n \"cadastre\": {\n \"rel\": \"Cadastre\",\n \"href\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0\"\n },\n \"owners\": {\n \"rel\": \"Person\",\n \"href\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0/owners/\"\n },\n \"addresses\": {\n \"rel\": \"Address\",\n \"href\": \"https://beta-api.ambita.com/realty/v1/cadastres/123-1-1-0-0/addresses/\"\n }\n },\n \"isRegisteredLand\": true,\n \"isHistoricalRegisteredLand\": false,\n \"isTechnicalRegisteredLand\": true,\n \"isHistoricalTechnicalRegisteredLand\": false\n }\n}","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"Next step: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://ambita.atlassian.net/wiki/spaces/DOC/pages/2248671366"}},{"text":" ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Feature request","type":"text"}]},{"type":"paragraph","content":[{"text":"If you have any feature requests, please contact us on ","type":"text"},{"text":"support@ambita.com","type":"text","marks":[{"type":"link","attrs":{"href":"mailto:support@ambita.com"}}]}]},{"type":"paragraph"}],"version":1}

Browser not supported