UI Ordering

Configuation

<div id="app"></div>
<script>
    const ordering = {
        dispatchUrl: 'https://dispatch.eotl.supply',
        inventoryUrl: 'https://inventory.eotl.supply',
        coordinator: 'ecologistik',
        api: '/api/',
        lang: 'en',
        currency: '€',
        style: 'theme-white',
        iconPath: '/icons/',
        imagePath: '/items/theme/',
        layout: 'list',
        checkoutHeader: true,
        checkoutType: 'priced'
    }
</script>
<script type="text/javascript" src="js/libs.js"></script>
<script type="text/javascript" src="js/ui-ordering.js"></script>
<script type="text/javascript" src="js/app.js"></script>

coordinator

• coordinator-id - an Open-Dispatch username or identityKey

api

• http://open-inventory.server.com - a URL or path to the JSON of inventory

layout

• list - shows list of items grouped by category (small # of items)
• pages - shows category page then pages of items (large # of items)

Development

Install depedencies from NPM

yarn install

Build the CSS

yarn scss

Compile and hot-reload for development

yarn serve

Compile and minify for production

yarn build

Lint and fix files

yarn lint

See Configuration Reference for customization