From fd9101ba035370366eb390bce7df84c33207f2ad Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 18:04:28 +0300
Subject: [PATCH 01/10] Polymer init

---
 client/admin/README.md                        |  21 ++++++++
 client/admin/bower.json                       |  19 +++++++
 client/admin/images/favicon-16x16.png         | Bin 0 -> 1061 bytes
 client/admin/index.html                       |  35 +++++++++++++
 client/admin/package-lock.json                |  47 ++++++++++++++++++
 client/admin/package.json                     |  12 +++++
 client/admin/polymer.json                     |   7 +++
 .../mealorder/shell/reducers/reducers.html    |  36 ++++++++++++++
 .../src/mealorder/shell/redux-store.html      |  35 +++++++++++++
 client/admin/wct.conf.json                    |  12 +++++
 10 files changed, 224 insertions(+)
 create mode 100644 client/admin/README.md
 create mode 100644 client/admin/bower.json
 create mode 100644 client/admin/images/favicon-16x16.png
 create mode 100644 client/admin/index.html
 create mode 100644 client/admin/package-lock.json
 create mode 100644 client/admin/package.json
 create mode 100644 client/admin/polymer.json
 create mode 100644 client/admin/src/mealorder/shell/reducers/reducers.html
 create mode 100644 client/admin/src/mealorder/shell/redux-store.html
 create mode 100644 client/admin/wct.conf.json

diff --git a/client/admin/README.md b/client/admin/README.md
new file mode 100644
index 00000000..518fde0e
--- /dev/null
+++ b/client/admin/README.md
@@ -0,0 +1,21 @@
+# \<MealOrder-element\>
+
+
+
+## Install the Polymer-CLI
+
+First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.
+
+## Viewing Your Element
+
+```
+$ polymer serve
+```
+
+## Running Tests
+
+```
+$ polymer test
+```
+
+Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
diff --git a/client/admin/bower.json b/client/admin/bower.json
new file mode 100644
index 00000000..a1a5f19f
--- /dev/null
+++ b/client/admin/bower.json
@@ -0,0 +1,19 @@
+{
+  "name": "MealOrder-Admin",
+  "description": "",
+  "main": "index.html",
+  "dependencies": {
+    "polymer": "Polymer/polymer#^2.0.0",
+    "app-layout": "PolymerElements/app-layout#^2.0.0",
+    "app-route": "PolymerElements/app-route#^2.0.0",
+    "iron-form": "PolymerElements/iron-form#^2.0.0",
+    "polymer-redux": "^1.0.5"
+  },
+  "devDependencies": {
+    "web-component-tester": "Polymer/web-component-tester#^6.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
+  },
+  "resolutions": {
+    "polymer": "^2.0.0"
+  }
+}
diff --git a/client/admin/images/favicon-16x16.png b/client/admin/images/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..be3450ddc9883462d1bf4e72be6b64008354acce
GIT binary patch
literal 1061
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJOS+@4BLl<6e(pbstU$g(vPY0F
z14ET614BbI1H;e%K>8&EL#Y7+!>a@a2CEqi4C48d;*Yv9Fff(`_=LDJv|a{k)1G+?
z#6U*Pml#?uF|<Ji1$wVBw4f@0D+Z~AO1Uk+U%CGU#GF5W|NZ~}AHu%%_UHPWA0ce9
z3D-F~uE4cG1R3F`0WF2ITQ37mn0n?dvSOe)KtUjQ{`ogU{Y8-C=1VMXm(`}<0vc<#
z_}-ig@9w_;X}jnyP#0g%RsYow*WLK|@yB1Fmir%m>Ce6mbU@<fC;K0K`S$zY!;imu
zPrNpmbDOE{^10{Ve*gWq@zy8R={K2LFaP}W@57Hj2OoYB?714Y?orCtC*Obni(LOm
zu;<$0M_+f|{mk2aHFNt@pfA7v`s=&$fy|^ES6+Qzd*fr>!Iw@;?rF}rweZq=*7hqv
zuT4Jv=JnS<7W3~~F1Y*V+aGDC-*v!1cPI(+1H~cdls|u8Z;Rm3di-^%iouH`YO8q-
zUi^qKc(In<;KgkvgBNei4PF>1vV99SSjhEnv#jdfe@{EbSsH%do@~bQZ;q5Y&<w^T
zZ+91YR$hU<AOj0LB8wRqxP?KOkzv*x37{Z*iKnkC`$H}%K5ogEHz(c!3cd1laSV~T
zY}$W4$jMQ_B|Xq^(V`iQf}3XuvmJ@tyC^$DIql#aVK#>!mF4T7?)kcM-O9@$0TD-j
z%{i*NG}Xl^ptAL(j<{It)X-T0TW`B$Yi`@4l%3US5>Ql{TgyB<y34lI<ty)P>)q8I
z@8xBT%*_N%x68;ft1nMKwdd2X6ZdC%Fg+J9d*&d`dRu?}x`{g`n!R|jWL;imHTxa=
zKh1LHr;n@K?7uP9Vg1K|_4x;Or#37<FBYt+@N=Q|!n#F_%yy3tTsQyx;DY>v61Efn
zc=~&?zHThstUCSpk(7#4J+tR=E}gmd=82e+dx|YTSZ4}Zwl82-O9J{@wZt`|BqgyV
z)hf9t6-Y4{85o-D8XD*tnS~gdSQ#2x8JTJu7+Dz@n6%U^MbVI(pOTqYiCcr~%_EXP
z4dGQG5hX#1<q8Ew`DvLssR|{P1*r;|1trN03>9-8f8yaN4Aam!<$wB&=hGktW@T=@
zWNu+)VeiQz%)$yT4JL<En3Xq&D4f1=<;0OQM`Vt$pKkD2;HAg#N?fqylauLGpcM?B
Lu6{1-oD!M<xMSTD

literal 0
HcmV?d00001

diff --git a/client/admin/index.html b/client/admin/index.html
new file mode 100644
index 00000000..54cd4c40
--- /dev/null
+++ b/client/admin/index.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+    <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="node_modules/redux/dist/redux.js"></script>
+    <link rel="icon" href="images/favicon-16x16.png" type="image/png">
+    <title>MealOrder</title>
+    <style>
+    </style>
+</head>
+<body>
+</body>
+</html>
diff --git a/client/admin/package-lock.json b/client/admin/package-lock.json
new file mode 100644
index 00000000..3bcbe46b
--- /dev/null
+++ b/client/admin/package-lock.json
@@ -0,0 +1,47 @@
+{
+  "name": "polymer",
+  "version": "1.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "js-tokens": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+      "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls="
+    },
+    "lodash": {
+      "version": "4.17.5",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.5.tgz",
+      "integrity": "sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw=="
+    },
+    "lodash-es": {
+      "version": "4.17.7",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.7.tgz",
+      "integrity": "sha512-jzqTi3vk4J5Dxq43cNjB0ekfCjPLHixoY2Sc0WHTo+0r928taLqe/VCt02vY5uQBvg0rdXgL3xWkK4X0MCmZcw=="
+    },
+    "loose-envify": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
+      "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
+      "requires": {
+        "js-tokens": "3.0.2"
+      }
+    },
+    "redux": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-3.7.2.tgz",
+      "integrity": "sha512-pNqnf9q1hI5HHZRBkj3bAngGZW/JMCmexDlOxw4XagXY2o1327nHH54LoTjiPJ0gizoqPDRqWyX/00g0hD6w+A==",
+      "requires": {
+        "lodash": "4.17.5",
+        "lodash-es": "4.17.7",
+        "loose-envify": "1.3.1",
+        "symbol-observable": "1.2.0"
+      }
+    },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+    }
+  }
+}
diff --git a/client/admin/package.json b/client/admin/package.json
new file mode 100644
index 00000000..2ccd0d04
--- /dev/null
+++ b/client/admin/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "MealOrder-Admin",
+  "version": "1.0.0",
+  "description": "Admin application for meal order",
+  "scripts": {
+    "test": "polymer test",
+    "postinstall": "bower install"
+  },
+  "dependencies": {
+    "redux": "^3.6.0"
+  }
+}
diff --git a/client/admin/polymer.json b/client/admin/polymer.json
new file mode 100644
index 00000000..2bd10b64
--- /dev/null
+++ b/client/admin/polymer.json
@@ -0,0 +1,7 @@
+{
+  "lint": {
+    "rules": [
+      "polymer-2"
+    ]
+  }
+}
diff --git a/client/admin/src/mealorder/shell/reducers/reducers.html b/client/admin/src/mealorder/shell/reducers/reducers.html
new file mode 100644
index 00000000..576d4986
--- /dev/null
+++ b/client/admin/src/mealorder/shell/reducers/reducers.html
@@ -0,0 +1,36 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<link rel="import" href="../meal-order-admin-app-namespace.html">
+
+<script>
+    {
+        const initialState = {};
+        MealOrderAdminApp.reducer = (state, action) => {
+            if (!state) {
+                return initialState;
+            }
+            switch (action.type) {
+                default :
+                    return state;
+            }
+        }
+    }
+
+</script>
diff --git a/client/admin/src/mealorder/shell/redux-store.html b/client/admin/src/mealorder/shell/redux-store.html
new file mode 100644
index 00000000..630be536
--- /dev/null
+++ b/client/admin/src/mealorder/shell/redux-store.html
@@ -0,0 +1,35 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+
+<link rel="import" href="../../../bower_components/polymer-redux/polymer-redux.html">
+<link rel="import" href="./reducers/reducers.html">
+<script>
+    {
+        /* global Redux, PolymerRedux */
+        const store = Redux.createStore(MealOrderApp.reducer);
+        MealOrderApp.store = store;
+        /**
+         * Redux mixin holds a state of the application.
+         * @polymer
+         * @mixinFunction
+         */
+        MealOrderApp.ReduxMixin = PolymerRedux(MealOrderApp.store);
+    }
+</script>
diff --git a/client/admin/wct.conf.json b/client/admin/wct.conf.json
new file mode 100644
index 00000000..a3a87357
--- /dev/null
+++ b/client/admin/wct.conf.json
@@ -0,0 +1,12 @@
+{
+  "persistent": true,
+  "verbose": true,
+  "plugins": {
+    "sauce": {
+      "disabled": true,
+      "browsers": [
+        "all"
+      ]
+    }
+  }
+}

From 603903e562c2133e121292150591e18514c947a4 Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 18:05:37 +0300
Subject: [PATCH 02/10] Add `MealOrderAdminApp` namespace

---
 .../meal-order-admin-app-namespace.html       | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 client/admin/src/mealorder/meal-order-admin-app-namespace.html

diff --git a/client/admin/src/mealorder/meal-order-admin-app-namespace.html b/client/admin/src/mealorder/meal-order-admin-app-namespace.html
new file mode 100644
index 00000000..56d3e6df
--- /dev/null
+++ b/client/admin/src/mealorder/meal-order-admin-app-namespace.html
@@ -0,0 +1,27 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<script>
+    /**
+     * A bunch of elements for admin meal order application.
+     *
+     * @namespace MealOrderAdminApp
+     */
+    window.MealOrderAdminApp = window.MealOrderAdminApp || {};
+</script>

From a6a24d01b956ac5019c15d79000ea4a2e9fc0843 Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 18:09:16 +0300
Subject: [PATCH 03/10] Create `meal-order-dialog-container` component

---
 client/admin/src/mealorder/app-shell.html     | 40 ++++++++++++
 .../dialog/meal-order-dialog-container.html   | 61 +++++++++++++++++++
 .../meal-order-admin-app-namespace.html       |  0
 3 files changed, 101 insertions(+)
 create mode 100644 client/admin/src/mealorder/app-shell.html
 create mode 100644 client/admin/src/mealorder/dialog/meal-order-dialog-container.html
 rename client/admin/src/mealorder/{ => shell}/meal-order-admin-app-namespace.html (100%)

diff --git a/client/admin/src/mealorder/app-shell.html b/client/admin/src/mealorder/app-shell.html
new file mode 100644
index 00000000..f52be781
--- /dev/null
+++ b/client/admin/src/mealorder/app-shell.html
@@ -0,0 +1,40 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<link rel="import" href="./dialog/meal-order-dialog-container.html">
+
+<dom-module id="app-shell">
+    <template>
+        <meal-order-dialog-container></meal-order-dialog-container>
+        <meal-order-admin-app></meal-order-admin-app>
+    </template>
+    <script>
+        class AppShell extends Polymer.Element {
+            static get is() {
+                return 'app-shell';
+            }
+
+            static get properties() {
+                return {}
+            };
+        }
+
+        window.customElements.define(AppShell.is, AppShell);
+    </script>
+</dom-module>
diff --git a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
new file mode 100644
index 00000000..d8dc67e4
--- /dev/null
+++ b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
@@ -0,0 +1,61 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../shell/redux-store.html">
+
+<dom-module id="meal-order-dialog-container">
+    <template>
+    </template>
+    <script>
+        class MealOrderDialogContainer extends MealOrderApp.ReduxMixin(Polymer.Element) {
+            static get is() {
+                return 'meal-order-dialog-container';
+            }
+
+            static get properties() {
+                return {
+                    dialog: {
+                        type: Object,
+                        statePath: 'currentDialog'
+                    }
+                }
+            };
+
+            static get observers() {
+                return [
+                    '_dialogChanged(dialog)'
+                ];
+            }
+
+            _dialogChanged() {
+                if (this.dialog && this.dialog.tagName) {
+                    const element = document.createElement(this.dialog.tagName);
+                    element.inputData = this.dialog.inputData || {};
+                    element.mode = this.dialog.mode;
+                    const manager = this.shadowRoot.appendChild(element);
+                    const dialog = manager.shadowRoot.querySelector('#dialog');
+                    dialog.open();
+                }
+            }
+        }
+
+        window.customElements.define(MealOrderDialogContainer.is, MealOrderDialogContainer);
+    </script>
+</dom-module>
diff --git a/client/admin/src/mealorder/meal-order-admin-app-namespace.html b/client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html
similarity index 100%
rename from client/admin/src/mealorder/meal-order-admin-app-namespace.html
rename to client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html

From a83214e1c0eb60ac355f1a45900b9d377aad9582 Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 19:05:52 +0300
Subject: [PATCH 04/10] Create `meal-order-admin-app` component

---
 client/admin/bower.json                       |   8 +-
 client/admin/index.html                       |   5 +
 client/admin/package-lock.json                |   2 +-
 .../dialog/meal-order-dialog-container.html   |   2 +-
 .../src/mealorder/meal-order-admin-app.html   | 183 ++++++++++++++++++
 .../src/mealorder/{ => shell}/app-shell.html  |   3 +-
 .../src/mealorder/shell/redux-store.html      |   6 +-
 7 files changed, 201 insertions(+), 8 deletions(-)
 create mode 100644 client/admin/src/mealorder/meal-order-admin-app.html
 rename client/admin/src/mealorder/{ => shell}/app-shell.html (92%)

diff --git a/client/admin/bower.json b/client/admin/bower.json
index a1a5f19f..5a142def 100644
--- a/client/admin/bower.json
+++ b/client/admin/bower.json
@@ -4,10 +4,14 @@
   "main": "index.html",
   "dependencies": {
     "polymer": "Polymer/polymer#^2.0.0",
-    "app-layout": "PolymerElements/app-layout#^2.0.0",
+    "app-layout": "PolymerElements/app-layout#^2.1.0",
     "app-route": "PolymerElements/app-route#^2.0.0",
     "iron-form": "PolymerElements/iron-form#^2.0.0",
-    "polymer-redux": "^1.0.5"
+    "polymer-redux": "^1.0.5",
+    "iron-pages": "PolymerElements/iron-pages#^2.1.1",
+    "iron-selector": "PolymerElements/iron-selector#^2.1.0",
+    "iron-icons": "PolymerElements/iron-icons#^2.1.1",
+    "paper-styles": "PolymerElements/paper-styles#^2.1.0",
   },
   "devDependencies": {
     "web-component-tester": "Polymer/web-component-tester#^6.0.0",
diff --git a/client/admin/index.html b/client/admin/index.html
index 54cd4c40..2ac4d8bc 100644
--- a/client/admin/index.html
+++ b/client/admin/index.html
@@ -26,10 +26,15 @@
     <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
     <script src="node_modules/redux/dist/redux.js"></script>
     <link rel="icon" href="images/favicon-16x16.png" type="image/png">
+    <link rel="import" href="./src/mealorder/shell/app-shell.html">
     <title>MealOrder</title>
     <style>
+        body {
+            font-family: 'Roboto', 'Noto', sans-serif;
+        }
     </style>
 </head>
 <body>
+<app-shell></app-shell>
 </body>
 </html>
diff --git a/client/admin/package-lock.json b/client/admin/package-lock.json
index 3bcbe46b..2e2f29a0 100644
--- a/client/admin/package-lock.json
+++ b/client/admin/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "polymer",
+  "name": "MealOrder-Admin",
   "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
diff --git a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
index d8dc67e4..e7dd25a5 100644
--- a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
+++ b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
@@ -24,7 +24,7 @@
     <template>
     </template>
     <script>
-        class MealOrderDialogContainer extends MealOrderApp.ReduxMixin(Polymer.Element) {
+        class MealOrderDialogContainer extends MealOrderAdminApp.ReduxMixin(Polymer.Element) {
             static get is() {
                 return 'meal-order-dialog-container';
             }
diff --git a/client/admin/src/mealorder/meal-order-admin-app.html b/client/admin/src/mealorder/meal-order-admin-app.html
new file mode 100644
index 00000000..d2dd00f3
--- /dev/null
+++ b/client/admin/src/mealorder/meal-order-admin-app.html
@@ -0,0 +1,183 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<link rel="import" href="../../bower_components/polymer/polymer-element.html">
+<link rel="import" href="../../bower_components/paper-styles/color.html">
+<link rel="import" href="../../bower_components/app-layout/app-drawer/app-drawer.html">
+<link rel="import"
+      href="../../bower_components/app-layout/app-drawer-layout/app-drawer-layout.html">
+<link rel="import" href="../../bower_components/app-layout/app-header/app-header.html">
+<link rel="import"
+      href="../../bower_components/app-layout/app-header-layout/app-header-layout.html">
+<link rel="import"
+      href="../../bower_components/app-layout/app-scroll-effects/app-scroll-effects.html">
+<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">
+<link rel="import" href="../../bower_components/app-route/app-location.html">
+<link rel="import" href="../../bower_components/app-route/app-route.html">
+<link rel="import" href="../../bower_components/iron-pages/iron-pages.html">
+<link rel="import" href="../../bower_components/iron-selector/iron-selector.html">
+<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
+
+<dom-module id="meal-order-admin-app">
+    <template>
+        <style>
+            app-drawer-layout {
+                color: var(--google-grey-700);
+                background-color: var(--paper-grey-50);
+            }
+
+            app-drawer-layout:not([narrow]) [drawer-toggle] {
+                display: none;
+            }
+
+            app-drawer {
+                --app-drawer-content-container: {
+                    background-color: var(--paper-grey-100);
+                }
+            }
+
+            app-header {
+                background-color: var(--paper-grey-700);
+            }
+
+            .main-title {
+                font-size: 1.375em;
+                color: var(--paper-grey-50);
+            }
+
+            app-header app-toolbar .container {
+                display: flex;
+                width: 100%;
+                align-items: center;
+            }
+
+            .app-toolbar-content {
+                color: var(--paper-grey-50);
+            }
+
+            #app-toolbar {
+                background-color: var(--paper-grey-700);
+            }
+
+            .iron-container {
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+                height: 200px;
+                margin-top: 10%;
+            }
+
+            .tab {
+                height: 50px;
+                display: flex;
+                align-items: center;
+                text-decoration: none;
+                color: var(--paper-grey-800);
+            }
+
+            .tab:hover {
+                background-color: var(--paper-grey-200);
+            }
+
+            .tab-icon {
+                width: 30%;
+            }
+
+            .tab-name {
+                width: 60%;
+            }
+
+            #tab-selector .iron-selected {
+                background-color: var(--paper-grey-300);
+                font-weight: bold;
+            }
+        </style>
+
+        <app-location route="{{route}}"
+                      use-hash-as-path></app-location>
+
+        <app-route
+                route="{{route}}"
+                pattern="/:page"
+                data="{{routeData}}"></app-route>
+
+        <app-drawer-layout fullbleed>
+            <app-drawer slot="drawer" align="left">
+                <app-toolbar id="app-toolbar">
+                    <div class="app-toolbar-header">
+                        <div class="main-title">Заказ обедов</div>
+                    </div>
+                </app-toolbar>
+                <iron-selector id="tab-selector" class="iron-container"
+                               selected="[[routeData.page]]" attr-for-selected="data-page">
+                    <a href="/#/vendor/" data-page="vendor" class="tab">
+                        <iron-icon class="tab-icon" icon="icons:assignment-ind"></iron-icon>
+                        <div class="tab-name">Поставщик</div>
+                    </a>
+                    <a href="/#/menu/" data-page="menu" class="tab">
+                        <iron-icon class="tab-icon" icon="icons:content-paste"></iron-icon>
+                        <div class="tab-name">Меню</div>
+                    </a>
+                    <a href="/#/order/" data-page="order" class="tab">
+                        <iron-icon class="tab-icon" icon="icons:assignment"></iron-icon>
+                        <div class="tab-name">Заказ поставщику</div>
+                    </a>
+                    <a href="/#/costs/" data-page="costs" class="tab">
+                        <iron-icon class="tab-icon" icon="icons:credit-card"></iron-icon>
+                        <div class="tab-name">Расходы пользователей</div>
+                    </a>
+                </iron-selector>
+                </div>
+            </app-drawer>
+            <app-header-layout>
+                <app-header slot="header" reveals effects="waterfall">
+                    <app-toolbar>
+                        <div class="container">
+                            <iron-icon class="app-toolbar-content"
+                                       icon="icons:menu"
+                                       drawer-toggle></iron-icon>
+                            <div class="routing-title"></div>
+                        </div>
+                    </app-toolbar>
+                </app-header>
+                <iron-pages
+                        selected="[[routeData.page]]"
+                        attr-for-selected="data-page"
+                        fallback-selection="view404"
+                        role="main">
+                    <!--
+                    <vendor-list data-page="vendor"></vendor-list>
+                    <admin-vendor-menus data-page="menu"></admin-vendor-menus>
+                    <monthly-spending data-page="costs"></monthly-spending>
+                    <vendor-orders data-page="order"></vendor-orders>-->
+                </iron-pages>
+            </app-header-layout>
+        </app-drawer-layout>
+    </template>
+
+    <script>
+        class MealOrderAdminApp extends Polymer.Element {
+            static get is() {
+                return 'meal-order-admin-app';
+            }
+        }
+
+        window.customElements.define(MealOrderAdminApp.is, MealOrderAdminApp);
+    </script>
+</dom-module>
diff --git a/client/admin/src/mealorder/app-shell.html b/client/admin/src/mealorder/shell/app-shell.html
similarity index 92%
rename from client/admin/src/mealorder/app-shell.html
rename to client/admin/src/mealorder/shell/app-shell.html
index f52be781..62d5d19f 100644
--- a/client/admin/src/mealorder/app-shell.html
+++ b/client/admin/src/mealorder/shell/app-shell.html
@@ -17,7 +17,8 @@
   ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
-<link rel="import" href="./dialog/meal-order-dialog-container.html">
+<link rel="import" href="../dialog/meal-order-dialog-container.html">
+<link rel="import" href="../meal-order-admin-app.html">
 
 <dom-module id="app-shell">
     <template>
diff --git a/client/admin/src/mealorder/shell/redux-store.html b/client/admin/src/mealorder/shell/redux-store.html
index 630be536..895b4bbb 100644
--- a/client/admin/src/mealorder/shell/redux-store.html
+++ b/client/admin/src/mealorder/shell/redux-store.html
@@ -23,13 +23,13 @@
 <script>
     {
         /* global Redux, PolymerRedux */
-        const store = Redux.createStore(MealOrderApp.reducer);
-        MealOrderApp.store = store;
+        const store = Redux.createStore(MealOrderAdminApp.reducer);
+        MealOrderAdminApp.store = store;
         /**
          * Redux mixin holds a state of the application.
          * @polymer
          * @mixinFunction
          */
-        MealOrderApp.ReduxMixin = PolymerRedux(MealOrderApp.store);
+        MealOrderAdminApp.ReduxMixin = PolymerRedux(MealOrderAdminApp.store);
     }
 </script>

From 82aeaab1caf2248935392a5111ca6b45e7474ca6 Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 19:11:14 +0300
Subject: [PATCH 05/10] Add test for routing

---
 .../mealorder/meal-order-admin-app_test.html  | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 client/admin/test/mealorder/meal-order-admin-app_test.html

diff --git a/client/admin/test/mealorder/meal-order-admin-app_test.html b/client/admin/test/mealorder/meal-order-admin-app_test.html
new file mode 100644
index 00000000..edabec6d
--- /dev/null
+++ b/client/admin/test/mealorder/meal-order-admin-app_test.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>meal-order-admin test</title>
+
+    <script src="../../bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="../../bower_components/web-component-tester/browser.js"></script>
+    <script src="../../node_modules/redux/dist/redux.js"></script>
+    <link rel="import" href="../../src/mealorder/meal-order-admin-app.html">
+</head>
+<body>
+
+<test-fixture id="MealOrderAdminApp">
+    <template>
+        <meal-order-admin-app></meal-order-admin-app>
+    </template>
+</test-fixture>
+
+<script>
+    function setLocation(url) {
+        window.history.pushState({}, '', url);
+        Polymer.Base.fire('location-changed', {}, {node: window});
+    }
+
+    suite('meal-order-admin-app', function () {
+        let component;
+
+        setup(() => {
+            component = fixture('MealOrderAdminApp');
+        });
+
+        test('should parse url correctly', function () {
+            setLocation('/#/vendor/');
+            assert.equal('vendor', component.routeData.page);
+            setLocation('/#/menu/');
+            assert.equal('menu', component.routeData.page);
+            setLocation('/#/order/');
+            assert.equal('order', component.routeData.page);
+            setLocation('/#/costs/');
+            assert.equal('costs', component.routeData.page);
+        });
+    });
+</script>
+</body>
+</html>

From 8e3d6b7507c47a2a85d7622d861b581ab243004f Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 19:23:35 +0300
Subject: [PATCH 06/10] Add `MealOrderAdminApp` namespace as global

---
 .eslintrc.json                                                  | 1 +
 .../admin/src/mealorder/dialog/meal-order-dialog-container.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index d34030c0..3861d707 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -44,6 +44,7 @@
   "globals": {
     "Polymer": false,
     "MealOrderApp": true,
+    "MealOrderAdminApp": true,
     "assert": false,
     "test": false,
     "suite": false,
diff --git a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
index e7dd25a5..089adaf8 100644
--- a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
+++ b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
@@ -36,7 +36,7 @@
                         statePath: 'currentDialog'
                     }
                 }
-            };
+            }
 
             static get observers() {
                 return [

From fb3cfcc5e08bfd407ff6f22f2889a5509268c395 Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 19:31:55 +0300
Subject: [PATCH 07/10] Remove unnecessary semicolon

---
 client/admin/src/mealorder/shell/app-shell.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/admin/src/mealorder/shell/app-shell.html b/client/admin/src/mealorder/shell/app-shell.html
index 62d5d19f..30ee48c8 100644
--- a/client/admin/src/mealorder/shell/app-shell.html
+++ b/client/admin/src/mealorder/shell/app-shell.html
@@ -33,7 +33,7 @@
 
             static get properties() {
                 return {}
-            };
+            }
         }
 
         window.customElements.define(AppShell.is, AppShell);

From 3fb9263a99227b004b42734c13abfb250822f2cf Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Mon, 30 Apr 2018 23:26:52 +0300
Subject: [PATCH 08/10] Refactor namespace

---
 client/admin/bower.json                             |  2 +-
 .../admin/src/mealorder/meal-order-admin-app.html   | 13 +++++++------
 .../src/mealorder/shell/reducers/reducers.html      |  4 +---
 client/admin/src/mealorder/shell/redux-store.html   |  1 -
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/client/admin/bower.json b/client/admin/bower.json
index 5a142def..b83c73d4 100644
--- a/client/admin/bower.json
+++ b/client/admin/bower.json
@@ -11,7 +11,7 @@
     "iron-pages": "PolymerElements/iron-pages#^2.1.1",
     "iron-selector": "PolymerElements/iron-selector#^2.1.0",
     "iron-icons": "PolymerElements/iron-icons#^2.1.1",
-    "paper-styles": "PolymerElements/paper-styles#^2.1.0",
+    "paper-styles": "PolymerElements/paper-styles#^2.1.0"
   },
   "devDependencies": {
     "web-component-tester": "Polymer/web-component-tester#^6.0.0",
diff --git a/client/admin/src/mealorder/meal-order-admin-app.html b/client/admin/src/mealorder/meal-order-admin-app.html
index d2dd00f3..954defa4 100644
--- a/client/admin/src/mealorder/meal-order-admin-app.html
+++ b/client/admin/src/mealorder/meal-order-admin-app.html
@@ -170,14 +170,15 @@
             </app-header-layout>
         </app-drawer-layout>
     </template>
-
     <script>
-        class MealOrderAdminApp extends Polymer.Element {
-            static get is() {
-                return 'meal-order-admin-app';
+        {
+            class MealOrderAdminApp extends Polymer.Element {
+                static get is() {
+                    return 'meal-order-admin-app';
+                }
             }
-        }
 
-        window.customElements.define(MealOrderAdminApp.is, MealOrderAdminApp);
+            window.customElements.define(MealOrderAdminApp.is, MealOrderAdminApp);
+        }
     </script>
 </dom-module>
diff --git a/client/admin/src/mealorder/shell/reducers/reducers.html b/client/admin/src/mealorder/shell/reducers/reducers.html
index 576d4986..dd4df478 100644
--- a/client/admin/src/mealorder/shell/reducers/reducers.html
+++ b/client/admin/src/mealorder/shell/reducers/reducers.html
@@ -18,10 +18,9 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 <link rel="import" href="../meal-order-admin-app-namespace.html">
-
 <script>
     {
-        const initialState = {};
+        MealOrderAdminApp.initialState = {};
         MealOrderAdminApp.reducer = (state, action) => {
             if (!state) {
                 return initialState;
@@ -32,5 +31,4 @@
             }
         }
     }
-
 </script>
diff --git a/client/admin/src/mealorder/shell/redux-store.html b/client/admin/src/mealorder/shell/redux-store.html
index 895b4bbb..8f85cfb2 100644
--- a/client/admin/src/mealorder/shell/redux-store.html
+++ b/client/admin/src/mealorder/shell/redux-store.html
@@ -17,7 +17,6 @@
   ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
-
 <link rel="import" href="../../../bower_components/polymer-redux/polymer-redux.html">
 <link rel="import" href="./reducers/reducers.html">
 <script>

From e36b800f51e77e52ac26c3277125534f71e1fa70 Mon Sep 17 00:00:00 2001
From: Paul Ageyev <paulageyev@gmail.com>
Date: Tue, 1 May 2018 15:09:55 +0300
Subject: [PATCH 09/10] Add actions to namespace

---
 client/admin/bower.json                       |  4 +-
 client/admin/index.html                       |  6 +--
 .../dialog/meal-order-dialog-container.html   | 52 ++++++++++---------
 .../src/mealorder/meal-order-admin-app.html   | 11 ++++
 .../shell/actions/admin-actions.html          | 24 +++++++++
 .../admin/src/mealorder/shell/app-shell.html  | 18 ++++---
 .../shell/meal-order-admin-app-namespace.html | 14 ++---
 .../mealorder/shell/reducers/reducers.html    |  3 +-
 .../src/mealorder/shell/redux-store.html      |  2 +
 .../mealorder/meal-order-admin-app_test.html  |  1 -
 10 files changed, 87 insertions(+), 48 deletions(-)
 create mode 100644 client/admin/src/mealorder/shell/actions/admin-actions.html

diff --git a/client/admin/bower.json b/client/admin/bower.json
index b83c73d4..6321fb1a 100644
--- a/client/admin/bower.json
+++ b/client/admin/bower.json
@@ -4,12 +4,10 @@
   "main": "index.html",
   "dependencies": {
     "polymer": "Polymer/polymer#^2.0.0",
+    "polymer-redux": "^1.0.5",
     "app-layout": "PolymerElements/app-layout#^2.1.0",
     "app-route": "PolymerElements/app-route#^2.0.0",
-    "iron-form": "PolymerElements/iron-form#^2.0.0",
-    "polymer-redux": "^1.0.5",
     "iron-pages": "PolymerElements/iron-pages#^2.1.1",
-    "iron-selector": "PolymerElements/iron-selector#^2.1.0",
     "iron-icons": "PolymerElements/iron-icons#^2.1.1",
     "paper-styles": "PolymerElements/paper-styles#^2.1.0"
   },
diff --git a/client/admin/index.html b/client/admin/index.html
index 2ac4d8bc..a96db8ef 100644
--- a/client/admin/index.html
+++ b/client/admin/index.html
@@ -23,9 +23,9 @@
     <meta charset="utf-8">
     <meta name="viewport"
           content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-    <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
-    <script src="node_modules/redux/dist/redux.js"></script>
-    <link rel="icon" href="images/favicon-16x16.png" type="image/png">
+    <script src="./bower_components/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="./node_modules/redux/dist/redux.js"></script>
+    <link rel="icon" href="./images/favicon-16x16.png" type="image/png">
     <link rel="import" href="./src/mealorder/shell/app-shell.html">
     <title>MealOrder</title>
     <style>
diff --git a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
index 089adaf8..845f8e71 100644
--- a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
+++ b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
@@ -24,38 +24,40 @@
     <template>
     </template>
     <script>
-        class MealOrderDialogContainer extends MealOrderAdminApp.ReduxMixin(Polymer.Element) {
-            static get is() {
-                return 'meal-order-dialog-container';
-            }
+        {
+            class MealOrderDialogContainer extends MealOrderAdminApp.ReduxMixin(Polymer.Element) {
+                static get is() {
+                    return 'meal-order-dialog-container';
+                }
 
-            static get properties() {
-                return {
-                    dialog: {
-                        type: Object,
-                        statePath: 'currentDialog'
+                static get properties() {
+                    return {
+                        dialog: {
+                            type: Object,
+                            statePath: 'currentDialog'
+                        }
                     }
                 }
-            }
 
-            static get observers() {
-                return [
-                    '_dialogChanged(dialog)'
-                ];
-            }
+                static get observers() {
+                    return [
+                        '_dialogChanged(dialog)'
+                    ];
+                }
 
-            _dialogChanged() {
-                if (this.dialog && this.dialog.tagName) {
-                    const element = document.createElement(this.dialog.tagName);
-                    element.inputData = this.dialog.inputData || {};
-                    element.mode = this.dialog.mode;
-                    const manager = this.shadowRoot.appendChild(element);
-                    const dialog = manager.shadowRoot.querySelector('#dialog');
-                    dialog.open();
+                _dialogChanged() {
+                    if (this.dialog && this.dialog.tagName) {
+                        const element = document.createElement(this.dialog.tagName);
+                        element.inputData = this.dialog.inputData || {};
+                        element.mode = this.dialog.mode;
+                        const manager = this.shadowRoot.appendChild(element);
+                        const dialog = manager.shadowRoot.querySelector('#dialog');
+                        dialog.open();
+                    }
                 }
             }
-        }
 
-        window.customElements.define(MealOrderDialogContainer.is, MealOrderDialogContainer);
+            window.customElements.define(MealOrderDialogContainer.is, MealOrderDialogContainer);
+        }
     </script>
 </dom-module>
diff --git a/client/admin/src/mealorder/meal-order-admin-app.html b/client/admin/src/mealorder/meal-order-admin-app.html
index 954defa4..eab48b9c 100644
--- a/client/admin/src/mealorder/meal-order-admin-app.html
+++ b/client/admin/src/mealorder/meal-order-admin-app.html
@@ -176,6 +176,17 @@
                 static get is() {
                     return 'meal-order-admin-app';
                 }
+
+                static get properties() {
+                    return {
+                        /**
+                         * Route data parsed using `app-route`.
+                         *
+                         * Used for routing.
+                         */
+                        routeData: {}
+                    }
+                }
             }
 
             window.customElements.define(MealOrderAdminApp.is, MealOrderAdminApp);
diff --git a/client/admin/src/mealorder/shell/actions/admin-actions.html b/client/admin/src/mealorder/shell/actions/admin-actions.html
new file mode 100644
index 00000000..5a17328e
--- /dev/null
+++ b/client/admin/src/mealorder/shell/actions/admin-actions.html
@@ -0,0 +1,24 @@
+<!--
+  ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+  ~
+  ~ Redistribution and use in source and/or binary forms, with or without
+  ~ modification, must retain the above copyright notice and the following
+  ~ disclaimer.
+  ~
+  ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+  -->
+<script>
+    {
+        MealOrderAdminApp.AdminActions = {};
+    }
+</script>
diff --git a/client/admin/src/mealorder/shell/app-shell.html b/client/admin/src/mealorder/shell/app-shell.html
index 30ee48c8..e6ef7ca1 100644
--- a/client/admin/src/mealorder/shell/app-shell.html
+++ b/client/admin/src/mealorder/shell/app-shell.html
@@ -26,16 +26,18 @@
         <meal-order-admin-app></meal-order-admin-app>
     </template>
     <script>
-        class AppShell extends Polymer.Element {
-            static get is() {
-                return 'app-shell';
-            }
+        {
+            class AppShell extends Polymer.Element {
+                static get is() {
+                    return 'app-shell';
+                }
 
-            static get properties() {
-                return {}
+                static get properties() {
+                    return {}
+                }
             }
-        }
 
-        window.customElements.define(AppShell.is, AppShell);
+            window.customElements.define(AppShell.is, AppShell);
+        }
     </script>
 </dom-module>
diff --git a/client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html b/client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html
index 56d3e6df..41f45277 100644
--- a/client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html
+++ b/client/admin/src/mealorder/shell/meal-order-admin-app-namespace.html
@@ -18,10 +18,12 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 <script>
-    /**
-     * A bunch of elements for admin meal order application.
-     *
-     * @namespace MealOrderAdminApp
-     */
-    window.MealOrderAdminApp = window.MealOrderAdminApp || {};
+    {
+        /**
+         * A bunch of elements for admin meal order application.
+         *
+         * @namespace MealOrderAdminApp
+         */
+        window.MealOrderAdminApp = window.MealOrderAdminApp || {};
+    }
 </script>
diff --git a/client/admin/src/mealorder/shell/reducers/reducers.html b/client/admin/src/mealorder/shell/reducers/reducers.html
index dd4df478..fde440ab 100644
--- a/client/admin/src/mealorder/shell/reducers/reducers.html
+++ b/client/admin/src/mealorder/shell/reducers/reducers.html
@@ -17,13 +17,12 @@
   ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
-<link rel="import" href="../meal-order-admin-app-namespace.html">
 <script>
     {
         MealOrderAdminApp.initialState = {};
         MealOrderAdminApp.reducer = (state, action) => {
             if (!state) {
-                return initialState;
+                return MealOrderAdminApp.initialState;
             }
             switch (action.type) {
                 default :
diff --git a/client/admin/src/mealorder/shell/redux-store.html b/client/admin/src/mealorder/shell/redux-store.html
index 8f85cfb2..9006e1ff 100644
--- a/client/admin/src/mealorder/shell/redux-store.html
+++ b/client/admin/src/mealorder/shell/redux-store.html
@@ -18,7 +18,9 @@
   ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   -->
 <link rel="import" href="../../../bower_components/polymer-redux/polymer-redux.html">
+<link rel="import" href="./meal-order-admin-app-namespace.html">
 <link rel="import" href="./reducers/reducers.html">
+<link rel="import" href="./actions/admin-actions.html">
 <script>
     {
         /* global Redux, PolymerRedux */
diff --git a/client/admin/test/mealorder/meal-order-admin-app_test.html b/client/admin/test/mealorder/meal-order-admin-app_test.html
index edabec6d..d0bebad2 100644
--- a/client/admin/test/mealorder/meal-order-admin-app_test.html
+++ b/client/admin/test/mealorder/meal-order-admin-app_test.html
@@ -1,4 +1,3 @@
-<!doctype html>
 <!--
   ~ Copyright 2018, TeamDev Ltd. All rights reserved.
   ~

From 260b81b6e9bf01e1e57b462943ce69b2b042586e Mon Sep 17 00:00:00 2001
From: Paul <paulageyev@gmail.com>
Date: Wed, 2 May 2018 13:08:13 +0300
Subject: [PATCH 10/10] Add docs

---
 .../dialog/meal-order-dialog-container.html          | 10 ++++++++++
 client/admin/src/mealorder/meal-order-admin-app.html | 12 ++++++++++++
 client/admin/src/mealorder/shell/app-shell.html      |  7 +++++++
 3 files changed, 29 insertions(+)

diff --git a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
index 845f8e71..96aaae42 100644
--- a/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
+++ b/client/admin/src/mealorder/dialog/meal-order-dialog-container.html
@@ -25,6 +25,13 @@
     </template>
     <script>
         {
+            /**
+             * Dialog container.
+             *
+             * @customElement
+             * @polymer
+             * @appliesMixin MealOrderApp.ReduxMixin
+             */
             class MealOrderDialogContainer extends MealOrderAdminApp.ReduxMixin(Polymer.Element) {
                 static get is() {
                     return 'meal-order-dialog-container';
@@ -32,6 +39,9 @@
 
                 static get properties() {
                     return {
+                        /**
+                         * Current dialog.
+                         */
                         dialog: {
                             type: Object,
                             statePath: 'currentDialog'
diff --git a/client/admin/src/mealorder/meal-order-admin-app.html b/client/admin/src/mealorder/meal-order-admin-app.html
index eab48b9c..eee44ae9 100644
--- a/client/admin/src/mealorder/meal-order-admin-app.html
+++ b/client/admin/src/mealorder/meal-order-admin-app.html
@@ -172,6 +172,18 @@
     </template>
     <script>
         {
+            /**
+             * Main admin meal order component.
+             *
+             * Contains 4 pages with routing:
+             * 1. Vendor list.
+             * 2. Vendor menus.
+             * 3. Monthly spending.
+             * 4. Vendor orders.
+             *
+             * @customElement
+             * @polymer
+             */
             class MealOrderAdminApp extends Polymer.Element {
                 static get is() {
                     return 'meal-order-admin-app';
diff --git a/client/admin/src/mealorder/shell/app-shell.html b/client/admin/src/mealorder/shell/app-shell.html
index e6ef7ca1..9ea28dca 100644
--- a/client/admin/src/mealorder/shell/app-shell.html
+++ b/client/admin/src/mealorder/shell/app-shell.html
@@ -27,6 +27,13 @@
     </template>
     <script>
         {
+            /**
+             * `<app-shell>` component inject
+             * `<meal-order-admin-app>` and `<meal-order-dialog-container>` components.
+             *
+             * @customElement
+             * @polymer
+             */
             class AppShell extends Polymer.Element {
                 static get is() {
                     return 'app-shell';