<gfs-droppoint>

The gfs-droppoint widget is used to show the available droppoints on the map.

Install

# via bower
$ bower install --save gfs-droppoint

Usage

1. Import Web Components' polyfill:

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

2. Import Custom Element:

<link rel="import" href="bower_components/gfs-droppoint/gfs-droppoint.html">

3. Start using it!

<gfs-droppoint
    container-class="dp-card"
    show-opening-hours="true"
    button-type="standard"
    droppoint-data='{"droppointId":"DPD-123","isStore":false,"providerName":"DPD","distanceInMeters":888,"localizedDistance":"888 meters","droppointDescription":"The Pharmacy at Mayfair (Numark)","geoLocation":{"addressLines":["Shepherd Market"],"town":"London","postCode":"W1J 7UD","countryCode":"GB","directions":"The Pharmacy at Mayfair (Numark)"},"collectionSlots":[{"collectionDate":"2016-11-10T00:00:00Z","timeSlots":[{"from":"09:30","to":"17:00"}]}]}'>
</gfs-droppoint>

More info, demo and all the available properties can be found at GFS widget portal

License

Apache License 2.0