made example look better

myparcelnl · Nov 2, 2016 · 5cb2c12 · 5cb2c12
1 parent 71c49b0
commit 5cb2c12
Showing 1 changed file with 28 additions and 4 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -642,11 +642,35 @@
       </div>
     </div>
     </template>
+    <script>
+      $(document).ready(function(){
+        window.mypa = {}
+        window.mypa.settings = {
+          number: '679', // String - Required
+          street: 'Hoofdweg', // String - Required
+          postal_code: '2131BC', // String - Required
+          price: {
+            morning: '&#8364; 12,00', // String - Make sure too add the currency in proper format
+            default: '&#8364; 6,00', // String
+            pickup: '&#8364; 9,00', // String
+            pickup_express: '&#8364; 12,00', // String
+            signed: '&#8364; 0,50', // String
+            only_recipient: '&#8364; 0,20', // String
+            combi_options: '&#8364; 0,60', // String
+          }, 
+          base_url: 'https://api.myparcel.nl/delivery_options', // Required
+        }
+        var myparcel = new MyParcel()
+        myparcel.updatePage() 
+      })
+    </script>
   </head>
   <body>
-  <myparcel id="myparcel"></myparcel>
-  <input style="display:none" name='mypa-post-nl-data' id="mypa-input">
-  <input type="checkbox" name='mypa-signed' style="display:none" id="mypa-signed">
-  <input type="checkbox" name='mypa-recipient-only' style="display:none" id="mypa-recipient-only">
+    <div style='width:500;height:400'>
+      <myparcel id="myparcel"></myparcel>
+      <input style="display:none" name='mypa-post-nl-data' id="mypa-input">
+      <input type="checkbox" name='mypa-signed' style="display:none" id="mypa-signed">
+      <input type="checkbox" name='mypa-recipient-only' style="display:none" id="mypa-recipient-only">
+    </div> 
   </body>
 </html>