index.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!--
  2. @license
  3. Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
  4. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  5. The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  6. The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  7. Code distributed by Google as part of the polymer project is also
  8. subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  9. -->
  10. <!doctype html>
  11. <html lang="en">
  12. <head>
  13. <meta charset="utf-8">
  14. <base href="/">
  15. <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  16. <title>TO DO</title>
  17. <meta name="description" content="Polymer Shop Demo">
  18. <link rel="shortcut icon" sizes="32x32" href="images/shop-icon-32.png">
  19. <meta name="twitter:card" content="summary">
  20. <meta name="twitter:site" content="@Polymer">
  21. <meta property="og:type" content="website">
  22. <meta property="og:site_name" content="SHOP">
  23. <meta name="theme-color" content="#fff">
  24. <link rel="manifest" href="manifest.json">
  25. <style>
  26. body {
  27. margin: 0;
  28. font-family: 'Roboto', 'Noto', sans-serif;
  29. font-size: 13px;
  30. line-height: 0.5;
  31. min-height: 100vh;
  32. }
  33. /* styling for render while resources are loading */
  34. shop-app[unresolved] {
  35. display: block;
  36. min-height: 101vh;
  37. line-height: 68px;
  38. text-align: center;
  39. font-size: 16px;
  40. font-weight: 600;
  41. letter-spacing: 0.3em;
  42. color: #202020;
  43. padding: 0 16px;
  44. overflow: visible;
  45. }
  46. </style>
  47. </head>
  48. <body>
  49. <main>
  50. <!-- <shop-app unresolved>TO DO</shop-app> -->
  51. <!-- <todo-view></todo-view> -->
  52. <pos-pumps-element></pos-pumps-element>
  53. </main>
  54. <script>
  55. // HACK(keanulee): The Redux package assumes `process` exists - mock it here before
  56. // the module is loaded.
  57. window.process = {
  58. env: {
  59. NODE_ENV: 'production'
  60. }
  61. };
  62. </script>
  63. <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
  64. <script>
  65. // Subset of fetch polyfill for IE11 (supports GET requests for JSON only).
  66. // Requires Promise to be defined.
  67. window.fetch = window.fetch || function(url) {
  68. return new Promise(function(resolve, reject) {
  69. var xhr = new XMLHttpRequest();
  70. xhr.onload = function() {
  71. resolve({
  72. json: function() {
  73. return new Promise(function(resolve, reject) {
  74. try {
  75. resolve(JSON.parse(xhr.responseText));
  76. } catch (e) {
  77. reject(e);
  78. }
  79. });
  80. }
  81. });
  82. };
  83. xhr.onerror = reject;
  84. xhr.open('GET', url);
  85. xhr.send();
  86. });
  87. };
  88. </script>
  89. <script>
  90. if ('serviceWorker' in window.navigator) {
  91. window.addEventListener('load', function() {
  92. window.navigator.serviceWorker.register('service-worker.js', {scope: '/'});
  93. });
  94. }
  95. </script>
  96. </body>
  97. </html>