From 8171234a27da0ba733226d290fd9fc6bbf385031 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 11:13:15 +0100
Subject: [PATCH 01/16] settings image upload error

---
 frontend/src/views/app/Settings.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/app/Settings.vue b/frontend/src/views/app/Settings.vue
index 50a5da8cd..a4ece85e8 100644
--- a/frontend/src/views/app/Settings.vue
+++ b/frontend/src/views/app/Settings.vue
@@ -115,7 +115,7 @@
       </div>
       <div class="text-center py-8 w-full px-8 border-t border-gray-300">
         <h1 class="font-bold text-gray-matcha">Images<span class="text-md font-normal ml-2 opacity-50 text-gray-matcha">{{this.$store.getters.getLoggedInUser.images.length}} / 5</span></h1>
-        <div class="auth-sub-container-error mt-8" v-if="image.error">
+        <div class="auth-sub-container-error mt-8 mx-auto" v-if="image.error">
           <h1 class="auth-sub-container-error-message">{{image.error}}</h1>
         </div>
         <button v-if="this.$store.getters.getLoggedInUser.images.length < 5 && !fetchingImages" class="overflow-hidden relative onboarding-sub-container-content-button-outline border w-full max-w-sm my-4">
@@ -215,10 +215,12 @@ export default {
 
       if (!allowedTypes.includes(file.type)) {
         this.image.error = 'Only images allowed';
+        this.fetchingImages = false;
         return;
       }
       if (file.size > 2000000) {
         this.image.error = 'File too large';
+        this.fetchingImages = false;
         return;
       }
       const formData = new FormData();

From 5d2f1f8cca293fb1e750207da3d8b9f20a30f1f6 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 15:10:27 +0100
Subject: [PATCH 02/16] frontend docker for production

---
 frontend/package.json |   1 +
 frontend/yarn.lock    | 240 ++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 235 insertions(+), 6 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 18e6dc89d..d4ab7940f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,6 +16,7 @@
     "jwt-decode": "^3.0.0",
     "nouislider": "^14.6.2",
     "secure-ls": "^1.2.6",
+    "serve": "^11.3.2",
     "tailwindcss": "^1.8.10",
     "vee-validate": "^3.4.1",
     "vue": "^2.6.11",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 36e5600f5..6c8cb2998 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1648,6 +1648,11 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
+"@zeit/schemas@2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@zeit/schemas/-/schemas-2.6.0.tgz#004e8e553b4cd53d538bd38eac7bcbf58a867fe3"
+  integrity sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg==
+
 accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
@@ -1708,6 +1713,16 @@ ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
 
+ajv@6.5.3:
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.5.3.tgz#71a569d189ecf4f4f321224fecb166f071dd90f9"
+  integrity sha512-LqZ9wY+fx3UMiiPd741yB2pj3hhil+hQc8taf4o2QGRFpWgZ2V5C8HA165DY9sS3fJwsk7uT7ZlFEyC3Ig3lLg==
+  dependencies:
+    fast-deep-equal "^2.0.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
 ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4:
   version "6.12.5"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
@@ -1723,6 +1738,13 @@ alphanum-sort@^1.0.0:
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
   integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
+ansi-align@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
+  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
+  dependencies:
+    string-width "^2.0.0"
+
 ansi-colors@^3.0.0:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
@@ -1811,11 +1833,21 @@ aproba@^1.1.1:
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
+arch@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
 arch@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/arch/-/arch-2.1.2.tgz#0c52bbe7344bb4fa260c443d2cbad9c00ff2f0bf"
   integrity sha512-NTBIIbAfkJeIletyABbVtdPgeKfDafR+1mZV/AyyfC1UkVkp9iUjV+wwmqtUgphHYajbI86jejBJp5e+jkGTiQ==
 
+arg@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-2.0.0.tgz#c06e7ff69ab05b3a4a03ebe0407fac4cba657545"
+  integrity sha512-XxNTUzKnz1ctK3ZIcI2XUPlD96wbHP2nGqkPKpvk/HNRlPveYrXIVSTk9m3LcqOgDPg3B1nMvdV/K8wZd7PG4w==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2134,6 +2166,19 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
+boxen@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.3.0.tgz#55c6c39a8ba58d9c61ad22cd877532deb665a20b"
+  integrity sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==
+  dependencies:
+    ansi-align "^2.0.0"
+    camelcase "^4.0.0"
+    chalk "^2.0.1"
+    cli-boxes "^1.0.0"
+    string-width "^2.0.0"
+    term-size "^1.2.0"
+    widest-line "^2.0.0"
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -2399,6 +2444,11 @@ camelcase-css@^2.0.1:
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
   integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
 
+camelcase@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
+  integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
+
 camelcase@^5.0.0, camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
@@ -2434,6 +2484,15 @@ caseless@~0.12.0:
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
 
+chalk@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.1.tgz#18c49ab16a037b6eb0152cc83e3471338215b66e"
+  integrity sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
 chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -2561,6 +2620,11 @@ clean-stack@^2.0.0:
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
+cli-boxes@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
+  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
+
 cli-cursor@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
@@ -2597,6 +2661,14 @@ cli-width@^3.0.0:
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
   integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
 
+clipboardy@1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-1.2.3.tgz#0526361bf78724c1f20be248d428e365433c07ef"
+  integrity sha512-2WNImOvCRe6r63Gk9pShfkwXsVtKCroMAevIbiae021mS850UkWPbevxsBz3tnvjZIEGvlwaqCPsw+4ulzNgJA==
+  dependencies:
+    arch "^2.1.0"
+    execa "^0.8.0"
+
 clipboardy@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-2.3.0.tgz#3c2903650c68e46a91b388985bc2774287dba290"
@@ -2728,13 +2800,26 @@ component-emitter@^1.2.1:
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
   integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
 
-compressible@~2.0.16:
+compressible@~2.0.14, compressible@~2.0.16:
   version "2.0.18"
   resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
   integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
   dependencies:
     mime-db ">= 1.43.0 < 2"
 
+compression@1.7.3:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.3.tgz#27e0e176aaf260f7f2c2813c3e440adb9f1993db"
+  integrity sha512-HSjyBG5N1Nnz7tF2+O7A9XUhyjru71/fwgNb7oIsEVHR0WShfs2tIS/EySLgiTe98aOK18YDlMXpzjCXY/n9mg==
+  dependencies:
+    accepts "~1.3.5"
+    bytes "3.0.0"
+    compressible "~2.0.14"
+    debug "2.6.9"
+    on-headers "~1.0.1"
+    safe-buffer "5.1.2"
+    vary "~1.1.2"
+
 compression@^1.7.4:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
@@ -2795,6 +2880,11 @@ contains-path@^0.1.0:
   resolved "https://registry.yarnpkg.com/contains-path/-/contains-path-0.1.0.tgz#fe8cf184ff6670b6baef01a9d4861a5cbec4120a"
   integrity sha1-/ozxhP9mcLa67wGp1IYaXL7EEgo=
 
+content-disposition@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4"
+  integrity sha1-DPaLud318r55YcOoUXjLhdunjLQ=
+
 content-disposition@0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
@@ -3197,6 +3287,11 @@ deep-equal@^1.0.1:
     object-keys "^1.1.1"
     regexp.prototype.flags "^1.2.0"
 
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+
 deep-is@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
@@ -3886,6 +3981,19 @@ evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
     md5.js "^1.3.4"
     safe-buffer "^5.1.1"
 
+execa@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+  integrity sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=
+  dependencies:
+    cross-spawn "^5.0.1"
+    get-stream "^3.0.0"
+    is-stream "^1.1.0"
+    npm-run-path "^2.0.0"
+    p-finally "^1.0.0"
+    signal-exit "^3.0.0"
+    strip-eof "^1.0.0"
+
 execa@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-0.8.0.tgz#d8d76bbc1b55217ed190fd6dd49d3c774ecfc8da"
@@ -4030,6 +4138,11 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
+fast-deep-equal@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
+  integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
+
 fast-deep-equal@^3.1.1:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -4057,6 +4170,13 @@ fast-levenshtein@^2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fast-url-parser@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/fast-url-parser/-/fast-url-parser-1.1.3.tgz#f4af3ea9f34d8a271cf58ad2b3759f431f0b318d"
+  integrity sha1-9K8+qfNNiicc9YrSs3WfQx8LMY0=
+  dependencies:
+    punycode "^1.3.2"
+
 faye-websocket@^0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
@@ -4886,6 +5006,11 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
+ini@~1.3.0:
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
+  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
+
 inquirer@^7.1.0:
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
@@ -5745,6 +5870,18 @@ mime-db@1.44.0, "mime-db@>= 1.43.0 < 2":
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
   integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
 
+mime-db@~1.33.0:
+  version "1.33.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.33.0.tgz#a3492050a5cb9b63450541e39d9788d2272783db"
+  integrity sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==
+
+mime-types@2.1.18:
+  version "2.1.18"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.18.tgz#6f323f60a83d11146f831ff11fd66e2fe5503bb8"
+  integrity sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==
+  dependencies:
+    mime-db "~1.33.0"
+
 mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
   version "2.1.27"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
@@ -5792,7 +5929,7 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@^3.0.4:
+minimatch@3.0.4, minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -6214,7 +6351,7 @@ on-finished@~2.3.0:
   dependencies:
     ee-first "1.1.1"
 
-on-headers@~1.0.2:
+on-headers@~1.0.1, on-headers@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
@@ -6492,7 +6629,7 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-is-inside@^1.0.2:
+path-is-inside@1.0.2, path-is-inside@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
   integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
@@ -6517,6 +6654,11 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-to-regexp@2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-2.2.1.tgz#90b617025a16381a879bc82a38d4e8bdeb2bcf45"
+  integrity sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==
+
 path-type@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
@@ -7111,7 +7253,7 @@ punycode@1.3.2:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
   integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
-punycode@^1.2.4:
+punycode@^1.2.4, punycode@^1.3.2:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
   integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
@@ -7184,6 +7326,11 @@ randomfill@^1.0.3:
     randombytes "^2.0.5"
     safe-buffer "^5.1.0"
 
+range-parser@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
+  integrity sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=
+
 range-parser@^1.2.1, range-parser@~1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
@@ -7199,6 +7346,16 @@ raw-body@2.4.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+rc@^1.0.1, rc@^1.1.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
 read-pkg-up@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
@@ -7329,6 +7486,21 @@ regexpu-core@^4.7.0:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
+registry-auth-token@3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.3.2.tgz#851fd49038eecb586911115af845260eec983f20"
+  integrity sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==
+  dependencies:
+    rc "^1.1.6"
+    safe-buffer "^5.0.1"
+
+registry-url@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
+  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
+  dependencies:
+    rc "^1.0.1"
+
 regjsgen@^0.5.1:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
@@ -7630,6 +7802,20 @@ serialize-javascript@^4.0.0:
   dependencies:
     randombytes "^2.1.0"
 
+serve-handler@6.1.3:
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/serve-handler/-/serve-handler-6.1.3.tgz#1bf8c5ae138712af55c758477533b9117f6435e8"
+  integrity sha512-FosMqFBNrLyeiIDvP1zgO6YoTzFYHxLDEIavhlmQ+knB2Z7l1t+kGLHkZIDN7UVWqQAmKI3D20A6F6jo3nDd4w==
+  dependencies:
+    bytes "3.0.0"
+    content-disposition "0.5.2"
+    fast-url-parser "1.1.3"
+    mime-types "2.1.18"
+    minimatch "3.0.4"
+    path-is-inside "1.0.2"
+    path-to-regexp "2.2.1"
+    range-parser "1.2.0"
+
 serve-index@^1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
@@ -7653,6 +7839,21 @@ serve-static@1.14.1:
     parseurl "~1.3.3"
     send "0.17.1"
 
+serve@^11.3.2:
+  version "11.3.2"
+  resolved "https://registry.yarnpkg.com/serve/-/serve-11.3.2.tgz#b905e980616feecd170e51c8f979a7b2374098f5"
+  integrity sha512-yKWQfI3xbj/f7X1lTBg91fXBP0FqjJ4TEi+ilES5yzH0iKJpN5LjNb1YzIfQg9Rqn4ECUS2SOf2+Kmepogoa5w==
+  dependencies:
+    "@zeit/schemas" "2.6.0"
+    ajv "6.5.3"
+    arg "2.0.0"
+    boxen "1.3.0"
+    chalk "2.4.1"
+    clipboardy "1.2.3"
+    compression "1.7.3"
+    serve-handler "6.1.3"
+    update-check "1.5.2"
+
 set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
@@ -8009,7 +8210,7 @@ strict-uri-encode@^1.0.0:
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
   integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
 
-string-width@^2.0.0:
+string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -8118,6 +8319,11 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+strip-json-comments@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
+  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -8225,6 +8431,13 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+term-size@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
+  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
+  dependencies:
+    execa "^0.7.0"
+
 terser-webpack-plugin@^1.4.3:
   version "1.4.5"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b"
@@ -8559,6 +8772,14 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
+update-check@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/update-check/-/update-check-1.5.2.tgz#2fe09f725c543440b3d7dabe8971f2d5caaedc28"
+  integrity sha512-1TrmYLuLj/5ZovwUS7fFd1jMH3NnFDN1y1A8dboedIDt7zs/zJMo6TwwlhYKkSeEwzleeiSBV5/3c9ufAQWDaQ==
+  dependencies:
+    registry-auth-token "3.3.2"
+    registry-url "3.1.0"
+
 upper-case@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
@@ -8985,6 +9206,13 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
+widest-line@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
+  integrity sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==
+  dependencies:
+    string-width "^2.1.1"
+
 word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"

From 62684ea46b30eea366e71205d7d0e51413f5ccb2 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 15:11:00 +0100
Subject: [PATCH 03/16] frontend docker for production

---
 docker-compose.yml  | 4 +---
 frontend.Dockerfile | 5 ++++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index a16753e4d..c88dca66e 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -82,10 +82,8 @@ services:
     build:
       context: .
       dockerfile: frontend.Dockerfile
-    volumes:
-      - './frontend:/frontend'
     ports:
-      - '4242:8080'
+      - '4242:5000'
     networks:
       - backend-net
 
diff --git a/frontend.Dockerfile b/frontend.Dockerfile
index e82ca6225..113631472 100644
--- a/frontend.Dockerfile
+++ b/frontend.Dockerfile
@@ -6,7 +6,10 @@ ENV PATH /frontend/node_modules/.bin:$PATH
 
 COPY frontend/package.json /frontend/package.json
 COPY frontend/yarn.lock /frontend/yarn.lock
+COPY ./frontend .
 
 RUN yarn install
 
-CMD ["yarn", "serve"]
+RUN yarn build
+
+CMD ["serve", "-s", "dist"]

From 29001b0a5ff3aa755dba8fd369d0257d5191d730 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 16:37:05 +0100
Subject: [PATCH 04/16] fixed sliders not appearing

---
 .../src/components/shared/FilterSlider.vue    | 314 +++++++++++++++++-
 .../shared/FilterSliderDropdown.vue           | 314 +++++++++++++++++-
 2 files changed, 626 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/shared/FilterSlider.vue b/frontend/src/components/shared/FilterSlider.vue
index e63a0a7c5..3d0e9115d 100644
--- a/frontend/src/components/shared/FilterSlider.vue
+++ b/frontend/src/components/shared/FilterSlider.vue
@@ -59,7 +59,319 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+
+/*! nouislider - 14.6.2 - 9/16/2020 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-user-select: none;
+  -ms-touch-action: none;
+  touch-action: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-target {
+  position: relative;
+}
+.noUi-base,
+.noUi-connects {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+/* Wrapper for all connect elements.
+ */
+.noUi-connects {
+  overflow: hidden;
+  z-index: 0;
+}
+.noUi-connect,
+.noUi-origin {
+  will-change: transform;
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  -ms-transform-origin: 0 0;
+  -webkit-transform-origin: 0 0;
+  -webkit-transform-style: preserve-3d;
+  transform-origin: 0 0;
+  transform-style: flat;
+}
+.noUi-connect {
+  height: 100%;
+  width: 100%;
+}
+.noUi-origin {
+  height: 10%;
+  width: 10%;
+}
+/* Offset direction
+ */
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
+  left: 0;
+  right: auto;
+}
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+  width: 0;
+}
+.noUi-horizontal .noUi-origin {
+  height: 0;
+}
+.noUi-handle {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute;
+}
+.noUi-touch-area {
+  height: 100%;
+  width: 100%;
+}
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+  -webkit-transition: transform 0.3s;
+  transition: transform 0.3s;
+}
+.noUi-state-drag * {
+  cursor: inherit !important;
+}
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+  height: 18px;
+}
+.noUi-horizontal .noUi-handle {
+  width: 34px;
+  height: 28px;
+  right: -17px;
+  top: -6px;
+}
+.noUi-vertical {
+  width: 18px;
+}
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  right: -6px;
+  top: -17px;
+}
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
+  left: -17px;
+  right: auto;
+}
+/* Styling;
+ * Giving the connect element a border radius causes issues with using transform: scale
+ */
+.noUi-target {
+  background: #FAFAFA;
+  border-radius: 4px;
+  border: 1px solid #D3D3D3;
+  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
+}
+.noUi-connects {
+  border-radius: 3px;
+}
+.noUi-connect {
+  background: #3FB8AF;
+}
+/* Handles and cursors;
+ */
+.noUi-draggable {
+  cursor: ew-resize;
+}
+.noUi-vertical .noUi-draggable {
+  cursor: ns-resize;
+}
+.noUi-handle {
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #FFF;
+  cursor: default;
+  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+}
+.noUi-active {
+  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+}
+/* Handle stripes;
+ */
+.noUi-handle:before,
+.noUi-handle:after {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 14px;
+  width: 1px;
+  background: #E8E7E6;
+  left: 14px;
+  top: 6px;
+}
+.noUi-handle:after {
+  left: 17px;
+}
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+  width: 14px;
+  height: 1px;
+  left: 6px;
+  top: 14px;
+}
+.noUi-vertical .noUi-handle:after {
+  top: 17px;
+}
+/* Disabled state;
+ */
+[disabled] .noUi-connect {
+  background: #B8B8B8;
+}
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+  cursor: not-allowed;
+}
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-pips {
+  position: absolute;
+  color: #999;
+}
+/* Values;
+ *
+ */
+.noUi-value {
+  position: absolute;
+  white-space: nowrap;
+  text-align: center;
+}
+.noUi-value-sub {
+  color: #ccc;
+  font-size: 10px;
+}
+/* Markings;
+ *
+ */
+.noUi-marker {
+  position: absolute;
+  background: #CCC;
+}
+.noUi-marker-sub {
+  background: #AAA;
+}
+.noUi-marker-large {
+  background: #AAA;
+}
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+  padding: 10px 0;
+  height: 80px;
+  top: 100%;
+  left: 0;
+  width: 100%;
+}
+.noUi-value-horizontal {
+  -webkit-transform: translate(-50%, 50%);
+  transform: translate(-50%, 50%);
+}
+.noUi-rtl .noUi-value-horizontal {
+  -webkit-transform: translate(50%, 50%);
+  transform: translate(50%, 50%);
+}
+.noUi-marker-horizontal.noUi-marker {
+  margin-left: -1px;
+  width: 2px;
+  height: 5px;
+}
+.noUi-marker-horizontal.noUi-marker-sub {
+  height: 10px;
+}
+.noUi-marker-horizontal.noUi-marker-large {
+  height: 15px;
+}
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+  padding: 0 10px;
+  height: 100%;
+  top: 0;
+  left: 100%;
+}
+.noUi-value-vertical {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  padding-left: 25px;
+}
+.noUi-rtl .noUi-value-vertical {
+  -webkit-transform: translate(0, 50%);
+  transform: translate(0, 50%);
+}
+.noUi-marker-vertical.noUi-marker {
+  width: 5px;
+  height: 2px;
+  margin-top: -1px;
+}
+.noUi-marker-vertical.noUi-marker-sub {
+  width: 10px;
+}
+.noUi-marker-vertical.noUi-marker-large {
+  width: 15px;
+}
+.noUi-tooltip {
+  display: block;
+  position: absolute;
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #fff;
+  color: #000;
+  padding: 5px;
+  text-align: center;
+  white-space: nowrap;
+}
+.noUi-horizontal .noUi-tooltip {
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  left: 50%;
+  bottom: 120%;
+}
+.noUi-vertical .noUi-tooltip {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  top: 50%;
+  right: 120%;
+}
+.noUi-horizontal .noUi-origin > .noUi-tooltip {
+  -webkit-transform: translate(50%, 0);
+  transform: translate(50%, 0);
+  left: auto;
+  bottom: 10px;
+}
+.noUi-vertical .noUi-origin > .noUi-tooltip {
+  -webkit-transform: translate(0, -18px);
+  transform: translate(0, -18px);
+  top: auto;
+  right: 28px;
+}
+
 .noUi-handle {
   outline: none;
 }
diff --git a/frontend/src/components/shared/FilterSliderDropdown.vue b/frontend/src/components/shared/FilterSliderDropdown.vue
index 570a0bc36..e40abd9e5 100644
--- a/frontend/src/components/shared/FilterSliderDropdown.vue
+++ b/frontend/src/components/shared/FilterSliderDropdown.vue
@@ -81,7 +81,319 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
+
+/*! nouislider - 14.6.2 - 9/16/2020 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-user-select: none;
+  -ms-touch-action: none;
+  touch-action: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-target {
+  position: relative;
+}
+.noUi-base,
+.noUi-connects {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1;
+}
+/* Wrapper for all connect elements.
+ */
+.noUi-connects {
+  overflow: hidden;
+  z-index: 0;
+}
+.noUi-connect,
+.noUi-origin {
+  will-change: transform;
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  -ms-transform-origin: 0 0;
+  -webkit-transform-origin: 0 0;
+  -webkit-transform-style: preserve-3d;
+  transform-origin: 0 0;
+  transform-style: flat;
+}
+.noUi-connect {
+  height: 100%;
+  width: 100%;
+}
+.noUi-origin {
+  height: 10%;
+  width: 10%;
+}
+/* Offset direction
+ */
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
+  left: 0;
+  right: auto;
+}
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+  width: 0;
+}
+.noUi-horizontal .noUi-origin {
+  height: 0;
+}
+.noUi-handle {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute;
+}
+.noUi-touch-area {
+  height: 100%;
+  width: 100%;
+}
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+  -webkit-transition: transform 0.3s;
+  transition: transform 0.3s;
+}
+.noUi-state-drag * {
+  cursor: inherit !important;
+}
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+  height: 18px;
+}
+.noUi-horizontal .noUi-handle {
+  width: 34px;
+  height: 28px;
+  right: -17px;
+  top: -6px;
+}
+.noUi-vertical {
+  width: 18px;
+}
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  right: -6px;
+  top: -17px;
+}
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
+  left: -17px;
+  right: auto;
+}
+/* Styling;
+ * Giving the connect element a border radius causes issues with using transform: scale
+ */
+.noUi-target {
+  background: #FAFAFA;
+  border-radius: 4px;
+  border: 1px solid #D3D3D3;
+  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
+}
+.noUi-connects {
+  border-radius: 3px;
+}
+.noUi-connect {
+  background: #3FB8AF;
+}
+/* Handles and cursors;
+ */
+.noUi-draggable {
+  cursor: ew-resize;
+}
+.noUi-vertical .noUi-draggable {
+  cursor: ns-resize;
+}
+.noUi-handle {
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #FFF;
+  cursor: default;
+  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+}
+.noUi-active {
+  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+}
+/* Handle stripes;
+ */
+.noUi-handle:before,
+.noUi-handle:after {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 14px;
+  width: 1px;
+  background: #E8E7E6;
+  left: 14px;
+  top: 6px;
+}
+.noUi-handle:after {
+  left: 17px;
+}
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+  width: 14px;
+  height: 1px;
+  left: 6px;
+  top: 14px;
+}
+.noUi-vertical .noUi-handle:after {
+  top: 17px;
+}
+/* Disabled state;
+ */
+[disabled] .noUi-connect {
+  background: #B8B8B8;
+}
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+  cursor: not-allowed;
+}
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.noUi-pips {
+  position: absolute;
+  color: #999;
+}
+/* Values;
+ *
+ */
+.noUi-value {
+  position: absolute;
+  white-space: nowrap;
+  text-align: center;
+}
+.noUi-value-sub {
+  color: #ccc;
+  font-size: 10px;
+}
+/* Markings;
+ *
+ */
+.noUi-marker {
+  position: absolute;
+  background: #CCC;
+}
+.noUi-marker-sub {
+  background: #AAA;
+}
+.noUi-marker-large {
+  background: #AAA;
+}
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+  padding: 10px 0;
+  height: 80px;
+  top: 100%;
+  left: 0;
+  width: 100%;
+}
+.noUi-value-horizontal {
+  -webkit-transform: translate(-50%, 50%);
+  transform: translate(-50%, 50%);
+}
+.noUi-rtl .noUi-value-horizontal {
+  -webkit-transform: translate(50%, 50%);
+  transform: translate(50%, 50%);
+}
+.noUi-marker-horizontal.noUi-marker {
+  margin-left: -1px;
+  width: 2px;
+  height: 5px;
+}
+.noUi-marker-horizontal.noUi-marker-sub {
+  height: 10px;
+}
+.noUi-marker-horizontal.noUi-marker-large {
+  height: 15px;
+}
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+  padding: 0 10px;
+  height: 100%;
+  top: 0;
+  left: 100%;
+}
+.noUi-value-vertical {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  padding-left: 25px;
+}
+.noUi-rtl .noUi-value-vertical {
+  -webkit-transform: translate(0, 50%);
+  transform: translate(0, 50%);
+}
+.noUi-marker-vertical.noUi-marker {
+  width: 5px;
+  height: 2px;
+  margin-top: -1px;
+}
+.noUi-marker-vertical.noUi-marker-sub {
+  width: 10px;
+}
+.noUi-marker-vertical.noUi-marker-large {
+  width: 15px;
+}
+.noUi-tooltip {
+  display: block;
+  position: absolute;
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #fff;
+  color: #000;
+  padding: 5px;
+  text-align: center;
+  white-space: nowrap;
+}
+.noUi-horizontal .noUi-tooltip {
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  left: 50%;
+  bottom: 120%;
+}
+.noUi-vertical .noUi-tooltip {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  top: 50%;
+  right: 120%;
+}
+.noUi-horizontal .noUi-origin > .noUi-tooltip {
+  -webkit-transform: translate(50%, 0);
+  transform: translate(50%, 0);
+  left: auto;
+  bottom: 10px;
+}
+.noUi-vertical .noUi-origin > .noUi-tooltip {
+  -webkit-transform: translate(0, -18px);
+  transform: translate(0, -18px);
+  top: auto;
+  right: 28px;
+}
+
 .noUi-handle {
   outline: none;
 }

From 8ce5242a401c82aac5d7a48baa84ced233cfcc1d Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 17:21:09 +0100
Subject: [PATCH 05/16] center scroll up button without using margins

---
 frontend/src/components/shared/ScrollUpButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/shared/ScrollUpButton.vue b/frontend/src/components/shared/ScrollUpButton.vue
index 2c10647ea..6ba74e3f5 100644
--- a/frontend/src/components/shared/ScrollUpButton.vue
+++ b/frontend/src/components/shared/ScrollUpButton.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- eslint-disable max-len -->
-  <div class="fixed bottom-0 w-full flex justify-center -ml-4 sm:-ml-16 lg:-ml-32">
+  <div class="fixed bottom-0 w-full flex justify-center left-0">
     <button v-if="showScroll"
             class="z-10 text-2xl text-white-matcha font-bold mb-10 w-12 h-12 rounded-full bg-purple-matcha"
             v-on:click="scrollUp()">

From 51582119e0d6ba790a6225a4902041a2fef42da5 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Thu, 19 Nov 2020 17:51:11 +0100
Subject: [PATCH 06/16] launch vue in silent mode hopefully ignoring errors

---
 frontend/src/main.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/main.js b/frontend/src/main.js
index a1fa5190e..2df9c67d3 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -13,6 +13,7 @@ Vue.component('ValidationObserver', ValidationObserver);
 extend('validPassword', validPassword);
 
 Vue.config.productionTip = false;
+Vue.config.silent = true;
 
 Vue.use(http);
 Vue.use(errorMessenger);

From 30de4d178a578a909d778985d7a116222fb563d8 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 14:40:25 +0100
Subject: [PATCH 07/16] give hero padding for mobile screens

---
 frontend/src/views/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 075e137f2..6b41da80f 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -4,7 +4,7 @@
     <section class="shadow-lg mb-8 h-full flex rounded-lg">
       <div class="intro bg-white-matcha rounded-lg w-full md:w-2/3
   flex flex-col justify-center md:rounded-tr-none md:rounded-br-none">
-        <div class="mx-auto text-center md:text-left">
+        <div class="mx-auto text-center md:text-left py-8 lg:py-0">
           <h1 class="text-5xl sm:text-6xl font-bold text-gray-matcha">Someone<br>
             is waiting<br>
             for you</h1>

From a6ab0f9bdabbe6fe84a0bbfa485dd77633038358 Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 14:57:36 +0100
Subject: [PATCH 08/16] remove body margin to get rid off white frame

---
 frontend/src/App.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4b31d7f1e..dd4256c56 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -37,6 +37,10 @@ body,
   height: 100%;
 }
 
+body {
+  margin: 0;
+}
+
 ::placeholder {
   @apply font-normal;
 }

From ebcb8ca09b2ce7d996bd30715b241ed2ea91d39e Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 15:12:42 +0100
Subject: [PATCH 09/16] fetch user and store in frontend after onboarding

---
 frontend/src/views/app/Onboarding.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/views/app/Onboarding.vue b/frontend/src/views/app/Onboarding.vue
index 4bbbc6239..232ac4dfe 100644
--- a/frontend/src/views/app/Onboarding.vue
+++ b/frontend/src/views/app/Onboarding.vue
@@ -137,6 +137,8 @@ export default {
         await this.$http.post('/profile/complete', this.userData);
         const recommendationsRequest = await this.$http.get('/recommendations');
         const recommendationsFromSettingUp = recommendationsRequest.data.recommendations;
+        const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+        await this.$store.dispatch('login', user.data);
         await this.$store.dispatch('profileCompleted');
         await this.$router.push({ name: 'Browse', params: { recommendationsFromSettingUp } });
       }

From d92e4efb06f7f73f7b9c7acbd4cdc00f28ab606d Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 15:27:54 +0100
Subject: [PATCH 10/16] protect max distance in search from being null

---
 frontend/src/views/app/Search.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/views/app/Search.vue b/frontend/src/views/app/Search.vue
index f6aaf10a9..1939340a5 100644
--- a/frontend/src/views/app/Search.vue
+++ b/frontend/src/views/app/Search.vue
@@ -153,6 +153,9 @@ export default {
     },
     async search() {
       this.submitted = true;
+      if (!this.filters.distance.max) {
+        this.filters.distance.max = 500;
+      }
       const searchRequest = await this.$http.post('/search', {
         min_age: this.filters.age.min,
         max_age: this.filters.age.max,

From 8f2131b8ad78d56a1710f13ab9ae138df8cdc87b Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 15:41:25 +0100
Subject: [PATCH 11/16] margin around search sliders on mobile

---
 frontend/src/views/app/Search.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/app/Search.vue b/frontend/src/views/app/Search.vue
index 1939340a5..458aa3e10 100644
--- a/frontend/src/views/app/Search.vue
+++ b/frontend/src/views/app/Search.vue
@@ -20,7 +20,7 @@
          v-bind:class="{'h-4': true, 'absolute': true, 'bottom-0': true, 'w-full': true, 'invisible': !recommendationsAnalysisDone}"></div>
     <section v-on:click="setError(null)"
              v-if="!recommendationsAnalysisDone && sliderValuesFetched"
-             class="flex flex-col my-8 md:my-12">
+             class="flex flex-col my-8 md:my-12 mx-4">
       <div><img src="../../assets/search.png" class="w-20 mb-4 mx-auto"></div>
       <div>
         <FilterSlider

From d6eda9cf463c83cf70f1c6cfbc5ce5c091ed175c Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 16:02:15 +0100
Subject: [PATCH 12/16] notifications fit in screen on mobile

---
 frontend/src/components/shared/NavBarBell.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/shared/NavBarBell.vue b/frontend/src/components/shared/NavBarBell.vue
index 982f5c6e1..9f0122e87 100644
--- a/frontend/src/components/shared/NavBarBell.vue
+++ b/frontend/src/components/shared/NavBarBell.vue
@@ -18,6 +18,8 @@
       'h-48': notifications.length > 3,
       'absolute': true,
       'top-0': true,
+      'right-0': true,
+      'sm:right-auto': true,
       'mt-10': true,
       'z-50': true,
       'rounded-md': true}">

From a4f5c0440dd446e1f1eca8b0f154487b20386e2c Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Fri, 20 Nov 2020 16:58:56 +0100
Subject: [PATCH 13/16] kept alive pages dont refetch on logout

---
 frontend/src/views/app/Browse.vue  | 2 +-
 frontend/src/views/app/History.vue | 2 +-
 frontend/src/views/app/Search.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/app/Browse.vue b/frontend/src/views/app/Browse.vue
index 27759174f..1addbf35b 100644
--- a/frontend/src/views/app/Browse.vue
+++ b/frontend/src/views/app/Browse.vue
@@ -130,7 +130,7 @@ export default {
     observer.observe(document.querySelector('#invisibleFooter'));
   },
   deactivated() {
-    if (!this.$route.path.startsWith('/users')) {
+    if (!this.$route.path.startsWith('/users') && !this.$route.path.startsWith('/accounts/signout')) {
       this.browseAgain();
       this.fetchUsers();
       this.$el.scrollTop = 0;
diff --git a/frontend/src/views/app/History.vue b/frontend/src/views/app/History.vue
index 646c0aaea..e03ad0b57 100644
--- a/frontend/src/views/app/History.vue
+++ b/frontend/src/views/app/History.vue
@@ -180,7 +180,7 @@ export default {
     });
   },
   deactivated() {
-    if (!this.$route.path.startsWith('/users')) {
+    if (!this.$route.path.startsWith('/users') && !this.$route.path.startsWith('/accounts/signout')) {
       this.browseAgain();
       this.fetchUsers('People I viewed');
       this.$el.scrollTop = 0;
diff --git a/frontend/src/views/app/Search.vue b/frontend/src/views/app/Search.vue
index 458aa3e10..d6d5ce3b9 100644
--- a/frontend/src/views/app/Search.vue
+++ b/frontend/src/views/app/Search.vue
@@ -235,7 +235,7 @@ export default {
     observer.observe(document.querySelector('#invisibleFooterSearch'));
   },
   deactivated() {
-    if (!this.$route.path.startsWith('/users')) {
+    if (!this.$route.path.startsWith('/users') && !this.$route.path.startsWith('/accounts/signout')) {
       this.searchAgain();
       this.fetchUsersOverfiew();
       this.$el.scrollTop = 0;

From 1f6dd3059ebe9b1e8df02609f7df04b89278a67d Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Mon, 23 Nov 2020 13:09:54 +0100
Subject: [PATCH 14/16] axios interceptor evalute if access token is required
 for request

---
 frontend/src/plugins/http.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/plugins/http.js b/frontend/src/plugins/http.js
index b82b9f97b..468da4aa9 100644
--- a/frontend/src/plugins/http.js
+++ b/frontend/src/plugins/http.js
@@ -15,17 +15,19 @@ Axios.interceptors.request.use(async function (config) {
     config.headers.Authorization = `Bearer ${getRefreshToken()}`;
   } else if (config.url === '/auth/access_revoke') {
     config.headers.Authorization = `Bearer ${getAccessToken()}`;
-  } else if (getAccessToken()) {
+  } else if (config.accessTokenRequired) {
     await handleAccessTokenExpiration();
     if (getAccessToken()) {
       config.headers.Authorization = `Bearer ${getAccessToken()}`;
     } else {
+      window.location.reload();
       return { headers: {}, method: config.method, url: '' };
     }
   }
   if (config.url.search('/profile/images') !== -1) {
     config.headers['Content-Type'] = 'multipart/form-data';
   }
+  delete config.accessTokenRequired;
   return config;
 }, function (error) {
   return Promise.reject(error);

From ad626775f600a72627dc3626292b905975c05caa Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Mon, 23 Nov 2020 15:14:14 +0100
Subject: [PATCH 15/16] http requests carry info if access token is required

---
 frontend/src/components/app/matches/Chat.vue  | 12 +++----
 .../components/app/matches/MessageBubble.vue  |  4 +--
 .../components/app/onboarding/Location.vue    |  2 +-
 .../MainAndSecondaryImagesUpload.vue          |  4 +--
 .../components/app/settings/AccountInput.vue  | 14 ++++----
 frontend/src/components/app/users/User.vue    |  4 +--
 .../src/components/app/users/UserProfile.vue  | 24 +++++++-------
 frontend/src/components/shared/NavBarBell.vue | 10 +++---
 frontend/src/views/app/Browse.vue             |  2 +-
 frontend/src/views/app/History.vue            | 10 +++---
 frontend/src/views/app/Matches.vue            |  8 ++---
 frontend/src/views/app/Onboarding.vue         |  8 ++---
 frontend/src/views/app/Search.vue             |  4 +--
 frontend/src/views/app/Settings.vue           | 32 +++++++++----------
 frontend/src/views/auth/SignIn.vue            |  2 +-
 15 files changed, 70 insertions(+), 70 deletions(-)

diff --git a/frontend/src/components/app/matches/Chat.vue b/frontend/src/components/app/matches/Chat.vue
index da73367fa..98a3d1492 100644
--- a/frontend/src/components/app/matches/Chat.vue
+++ b/frontend/src/components/app/matches/Chat.vue
@@ -101,15 +101,15 @@ export default {
       const response = await this.$http.post('/messages/send', {
         to_uid: this.user.id.toString(),
         content: this.message,
-      });
+      }, { accessTokenRequired: true });
       this.messages.push(response.data.new_message);
       this.message = '';
       this.$emit('new-message');
       this.scrollChatToBottom();
     },
     async fetchNewMessages() {
-      await this.$http.post(`/messages/see/${this.chatWithUserId}`);
-      const messagesRequest = await this.$http.get(`/conversations/${this.chatWithUserId}`);
+      await this.$http.post(`/messages/see/${this.chatWithUserId}`, null, { accessTokenRequired: true });
+      const messagesRequest = await this.$http.get(`/conversations/${this.chatWithUserId}`, { accessTokenRequired: true });
       const newMessages = messagesRequest.data.messages;
       const oldMessageCount = this.messages.length;
       this.messages = newMessages;
@@ -121,11 +121,11 @@ export default {
       }
     },
     async prepareChatForNewUser() {
-      await this.$http.post(`/messages/see/${this.chatWithUserId}`);
-      const messagesRequest = await this.$http.get(`/conversations/${this.chatWithUserId}`);
+      await this.$http.post(`/messages/see/${this.chatWithUserId}`, null, { accessTokenRequired: true });
+      const messagesRequest = await this.$http.get(`/conversations/${this.chatWithUserId}`, { accessTokenRequired: true });
       this.messages = messagesRequest.data.messages;
       this.determineFirstMessagesOfTimespans(this.messages);
-      const userRequest = await this.$http.get(`/users/${this.chatWithUserId}`);
+      const userRequest = await this.$http.get(`/users/${this.chatWithUserId}`, { accessTokenRequired: true });
       this.user = userRequest.data;
       this.scrollChatToBottom();
     },
diff --git a/frontend/src/components/app/matches/MessageBubble.vue b/frontend/src/components/app/matches/MessageBubble.vue
index ceaccd275..8a07ac512 100644
--- a/frontend/src/components/app/matches/MessageBubble.vue
+++ b/frontend/src/components/app/matches/MessageBubble.vue
@@ -56,10 +56,10 @@ export default {
       }
       if (!isLiked) {
         this.message.is_liked = true;
-        await this.$http.post(`/messages/like/${id}`);
+        await this.$http.post(`/messages/like/${id}`, null, { accessTokenRequired: true });
       } else {
         this.message.is_liked = false;
-        await this.$http.post(`/messages/unlike/${id}`);
+        await this.$http.post(`/messages/unlike/${id}`, null, { accessTokenRequired: true });
       }
     },
   },
diff --git a/frontend/src/components/app/onboarding/Location.vue b/frontend/src/components/app/onboarding/Location.vue
index aada857d2..3f3f01a62 100644
--- a/frontend/src/components/app/onboarding/Location.vue
+++ b/frontend/src/components/app/onboarding/Location.vue
@@ -51,7 +51,7 @@ export default {
       this.$emit('next-slide');
     },
     async sendLocation() {
-      await this.$http.put('/profile/edit/geolocation', this.locationData);
+      await this.$http.put('/profile/edit/geolocation', this.locationData, { accessTokenRequired: true });
     },
   },
   mounted() {
diff --git a/frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue b/frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue
index a20cb8db5..05f01f725 100644
--- a/frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue
+++ b/frontend/src/components/app/onboarding/MainAndSecondaryImagesUpload.vue
@@ -52,9 +52,9 @@ export default {
           const formData = new FormData();
           formData.append('file[]', this.imagesUploaded[i].content);
           if (i === 0) {
-            await this.$http.post('/profile/images?is_primary=true', formData);
+            await this.$http.post('/profile/images?is_primary=true', formData, { accessTokenRequired: true });
           } else {
-            await this.$http.post('/profile/images?is_primary=false', formData);
+            await this.$http.post('/profile/images?is_primary=false', formData, { accessTokenRequired: true });
           }
         } catch (error) {}
       }
diff --git a/frontend/src/components/app/settings/AccountInput.vue b/frontend/src/components/app/settings/AccountInput.vue
index bf5354005..02735e906 100644
--- a/frontend/src/components/app/settings/AccountInput.vue
+++ b/frontend/src/components/app/settings/AccountInput.vue
@@ -85,25 +85,25 @@ export default {
       this.currentValueBackup = this.currentValue;
       try {
         if (this.type === 'firstName') {
-          await this.$http.patch('/profile/edit/first_name', { first_name: this.currentValue });
+          await this.$http.patch('/profile/edit/first_name', { first_name: this.currentValue }, { accessTokenRequired: true });
         } else if (this.type === 'lastName') {
-          await this.$http.patch('/profile/edit/last_name', { last_name: this.currentValue });
+          await this.$http.patch('/profile/edit/last_name', { last_name: this.currentValue }, { accessTokenRequired: true });
         } else if (this.type === 'email') {
-          await this.$http.put('/profile/edit/email', { email: this.currentValue });
+          await this.$http.put('/profile/edit/email', { email: this.currentValue }, { accessTokenRequired: true });
         } else if (this.type === 'username') {
-          await this.$http.patch('/profile/edit/username', { username: this.currentValue });
+          await this.$http.patch('/profile/edit/username', { username: this.currentValue }, { accessTokenRequired: true });
         } else if (this.type === 'bio') {
-          await this.$http.patch('/profile/edit/bio', { bio: this.currentValue });
+          await this.$http.patch('/profile/edit/bio', { bio: this.currentValue }, { accessTokenRequired: true });
         } else if (this.type === 'password') {
           await this.$http.put('/profile/edit/password', {
             old_password: this.passwordOld,
             new_password: this.currentValue,
-          });
+          }, { accessTokenRequired: true });
           this.currentValue = '';
           this.passwordRepeat = '';
           this.passwordOld = '';
         }
-        const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+        const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
         await this.$store.dispatch('login', user.data);
       } catch (error) {
         this.error = error.response.data.error.message;
diff --git a/frontend/src/components/app/users/User.vue b/frontend/src/components/app/users/User.vue
index b51ba26d9..4ae23020d 100644
--- a/frontend/src/components/app/users/User.vue
+++ b/frontend/src/components/app/users/User.vue
@@ -38,13 +38,13 @@ export default {
   },
   watch: {
     async $route() {
-      const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`);
+      const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`, { accessTokenRequired: true });
       this.user = userRequest.data.profile;
     },
   },
   async beforeMount() {
     try {
-      const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`);
+      const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`, { accessTokenRequired: true });
       this.user = userRequest.data.profile;
     } catch (error) {
       this.error = error.response.data.error.message;
diff --git a/frontend/src/components/app/users/UserProfile.vue b/frontend/src/components/app/users/UserProfile.vue
index e3b8df87e..56fa06395 100644
--- a/frontend/src/components/app/users/UserProfile.vue
+++ b/frontend/src/components/app/users/UserProfile.vue
@@ -166,26 +166,26 @@ export default {
     async buttonClicked(...args) {
       const [name] = args;
       if (name === 'like') {
-        await this.$http.post(`/like/${this.user.id}`, { is_superlike: false });
+        await this.$http.post(`/like/${this.user.id}`, { is_superlike: false }, { accessTokenRequired: true });
         this.likeButtons.likeClicked = true;
       } else if (name === 'superLike') {
-        await this.$http.post(`/like/${this.user.id}`, { is_superlike: true });
+        await this.$http.post(`/like/${this.user.id}`, { is_superlike: true }, { accessTokenRequired: true });
         this.likeButtons.superLikeClicked = true;
       }
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
       this.checkIfUserIsMatched();
     },
     async buttonRevert(...args) {
       const [name] = args;
       if (name === 'like') {
-        await this.$http.post(`/unlike/${this.user.id}`, { is_superlike: false });
+        await this.$http.post(`/unlike/${this.user.id}`, { is_superlike: false }, { accessTokenRequired: true });
         this.likeButtons.likeClicked = false;
       } else if (name === 'superLike') {
-        await this.$http.post(`/unlike/${this.user.id}`, { is_superlike: true });
+        await this.$http.post(`/unlike/${this.user.id}`, { is_superlike: true }, { accessTokenRequired: true });
         this.likeButtons.superLikeClicked = false;
       }
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
       this.checkIfUserIsMatched();
     },
@@ -196,22 +196,22 @@ export default {
       }
     },
     async makeReport() {
-      await this.$http.post(`/profile/report/${this.user.id}`, { reason: this.report });
+      await this.$http.post(`/profile/report/${this.user.id}`, { reason: this.report }, { accessTokenRequired: true });
       this.reported = true;
       setTimeout(() => {
         this.reported = false;
       }, 3000);
     },
     async block() {
-      await this.$http.post(`/profile/block/${this.user.id}`);
+      await this.$http.post(`/profile/block/${this.user.id}`, null, { accessTokenRequired: true });
       this.blocked = true;
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     async unblock() {
-      await this.$http.post(`/profile/unblock/${this.user.id}`);
+      await this.$http.post(`/profile/unblock/${this.user.id}`, null, { accessTokenRequired: true });
       this.blocked = false;
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     checkIfUserIsLiked() {
@@ -270,7 +270,7 @@ export default {
     }
   },
   async mounted() {
-    const sliderRangesRequest = await this.$http.get('/search/values');
+    const sliderRangesRequest = await this.$http.get('/search/values', { accessTokenRequired: true });
     const maxScore = sliderRangesRequest.data.search_minmax.max_score;
     const sliderScore = document.getElementById('sliderScore');
     if (sliderScore) {
diff --git a/frontend/src/components/shared/NavBarBell.vue b/frontend/src/components/shared/NavBarBell.vue
index 9f0122e87..a181df9a0 100644
--- a/frontend/src/components/shared/NavBarBell.vue
+++ b/frontend/src/components/shared/NavBarBell.vue
@@ -87,7 +87,7 @@ export default {
       const length = this.notifications.length;
       for (let i = 0; i < length; i += 1) {
         if (!this.notifications[i].is_seen) {
-          await this.$http.post(`/notifications/read/${this.notifications[i].id}`);
+          await this.$http.post(`/notifications/read/${this.notifications[i].id}`, null, { accessTokenRequired: true });
           this.notifications[i].is_seen = 1;
         }
       }
@@ -130,19 +130,19 @@ export default {
       }
     },
     async fetchNotifications() {
-      const notificationsRequest = await this.$http.get('/notifications');
+      const notificationsRequest = await this.$http.get('/notifications', { accessTokenRequired: true });
       this.notifications = notificationsRequest.data.notifications;
       this.notifications = this.notifications.reverse();
     },
     async newNotificationCheck() {
-      const notificationsRequest = await this.$http.get('/notifications/unread');
+      const notificationsRequest = await this.$http.get('/notifications/unread', { accessTokenRequired: true });
       const { notifications } = notificationsRequest.data;
       this.notify = notifications.length;
     },
     async fetchNewNotifications() {
-      const newNotificationsRequest = await this.$http.get('/notifications/unread');
+      const newNotificationsRequest = await this.$http.get('/notifications/unread', { accessTokenRequired: true });
       const newNotifications = newNotificationsRequest.data.notifications;
-      if (!newNotifications.length) {
+      if (!newNotifications || !newNotifications.length) {
         return;
       }
       await this.fetchNotifications();
diff --git a/frontend/src/views/app/Browse.vue b/frontend/src/views/app/Browse.vue
index 1addbf35b..4c9631a1b 100644
--- a/frontend/src/views/app/Browse.vue
+++ b/frontend/src/views/app/Browse.vue
@@ -58,7 +58,7 @@ export default {
         this.recommendations = this.recommendationsFromSettingUp;
         this.firstTimeBrowsing = false;
       } else {
-        const recommendationsRequest = await this.$http.get('/recommendations');
+        const recommendationsRequest = await this.$http.get('/recommendations', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.recommendations;
       }
       this.recommendations.sort((a, b) => a.distance - b.distance);
diff --git a/frontend/src/views/app/History.vue b/frontend/src/views/app/History.vue
index e03ad0b57..967214be7 100644
--- a/frontend/src/views/app/History.vue
+++ b/frontend/src/views/app/History.vue
@@ -72,19 +72,19 @@ export default {
   methods: {
     async fetchUsers(request) {
       if (request === 'People I viewed') {
-        const recommendationsRequest = await this.$http.get('/history/viewed');
+        const recommendationsRequest = await this.$http.get('/history/viewed', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.viewed;
       } else if (request === 'People I liked') {
-        const recommendationsRequest = await this.$http.get('/history/liked');
+        const recommendationsRequest = await this.$http.get('/history/liked', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.liked;
       } else if (request === 'Who viewed me') {
-        const recommendationsRequest = await this.$http.get('/history/viewed/me');
+        const recommendationsRequest = await this.$http.get('/history/viewed/me', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.viewed_me;
       } else if (request === 'Who liked me') {
-        const recommendationsRequest = await this.$http.get('/history/liked/me');
+        const recommendationsRequest = await this.$http.get('/history/liked/me', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.liked_me;
       } else if (request === 'Whom I blocked') {
-        const recommendationsRequest = await this.$http.get('/history/blocked');
+        const recommendationsRequest = await this.$http.get('/history/blocked', { accessTokenRequired: true });
         this.recommendations = recommendationsRequest.data.blocked;
       }
       this.recommendations = Object.values(this.recommendations.reduce((acc, cur) => Object.assign(acc, { [cur.id]: cur }), {}));
diff --git a/frontend/src/views/app/Matches.vue b/frontend/src/views/app/Matches.vue
index 5f6374fcd..19468dae1 100644
--- a/frontend/src/views/app/Matches.vue
+++ b/frontend/src/views/app/Matches.vue
@@ -106,15 +106,15 @@ export default {
   methods: {
     async fetchMatch(user1, user2) {
       if (this.$store.getters.getLoggedInUser.id === user1) {
-        const userRequest = await this.$http.get(`/users/${user2}`);
+        const userRequest = await this.$http.get(`/users/${user2}`, { accessTokenRequired: true });
         this.matches.push(userRequest.data);
       } else {
-        const userRequest = await this.$http.get(`/users/${user1}`);
+        const userRequest = await this.$http.get(`/users/${user1}`, { accessTokenRequired: true });
         this.matches.push(userRequest.data);
       }
     },
     async fetchMatches() {
-      const matchesRequest = await this.$http.get('/matches');
+      const matchesRequest = await this.$http.get('/matches', { accessTokenRequired: true });
       const { matches } = matchesRequest.data;
       if (!this.messages.length) {
         for (let i = 0; i < matches.length; i += 1) {
@@ -174,7 +174,7 @@ export default {
       }
     },
     async fetchMessages() {
-      const messagesRequest = await this.$http.get('/conversations');
+      const messagesRequest = await this.$http.get('/conversations', { accessTokenRequired: true });
       let messages = messagesRequest.data.conversations;
       messages = messages.reverse();
       this.messages = messages;
diff --git a/frontend/src/views/app/Onboarding.vue b/frontend/src/views/app/Onboarding.vue
index 232ac4dfe..b41af1925 100644
--- a/frontend/src/views/app/Onboarding.vue
+++ b/frontend/src/views/app/Onboarding.vue
@@ -134,10 +134,10 @@ export default {
       if (this.slideCurrent === this.slideCount) {
         this.slideCurrent += 1;
         await this.bus.$emit('send-user-location-to-backend');
-        await this.$http.post('/profile/complete', this.userData);
-        const recommendationsRequest = await this.$http.get('/recommendations');
+        await this.$http.post('/profile/complete', this.userData, { accessTokenRequired: true });
+        const recommendationsRequest = await this.$http.get('/recommendations', { accessTokenRequired: true });
         const recommendationsFromSettingUp = recommendationsRequest.data.recommendations;
-        const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+        const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
         await this.$store.dispatch('login', user.data);
         await this.$store.dispatch('profileCompleted');
         await this.$router.push({ name: 'Browse', params: { recommendationsFromSettingUp } });
@@ -174,7 +174,7 @@ export default {
     },
   },
   async beforeMount() {
-    const response = await this.$http.get('/profile/images');
+    const response = await this.$http.get('/profile/images', { accessTokenRequired: true });
     const { images } = response.data;
     this.userUploadedImagesCount = images.length;
   },
diff --git a/frontend/src/views/app/Search.vue b/frontend/src/views/app/Search.vue
index d6d5ce3b9..5d9674acc 100644
--- a/frontend/src/views/app/Search.vue
+++ b/frontend/src/views/app/Search.vue
@@ -135,7 +135,7 @@ export default {
       this.filters[name] = filters;
     },
     async fetchUsersOverfiew() {
-      const sliderRangesRequest = await this.$http.get('/search/values');
+      const sliderRangesRequest = await this.$http.get('/search/values', { accessTokenRequired: true });
       const values = sliderRangesRequest.data.search_minmax;
       this.sliders.age.min = values.min_age;
       this.filters.age.min = values.min_age;
@@ -163,7 +163,7 @@ export default {
         max_score: this.filters.popularity.max,
         max_distance: this.filters.distance.max,
         tags: this.filters.interests,
-      });
+      }, { accessTokenRequired: true });
       if (this.filters.interests.length === 0) {
         this.filters.interests = [
           'swimming', 'wine', 'reading', 'foodie', 'netflix', 'music', 'yoga', 'golf',
diff --git a/frontend/src/views/app/Settings.vue b/frontend/src/views/app/Settings.vue
index a4ece85e8..c93e0f388 100644
--- a/frontend/src/views/app/Settings.vue
+++ b/frontend/src/views/app/Settings.vue
@@ -188,7 +188,7 @@ export default {
       const { latitude } = position.coords;
       const { longitude } = position.coords;
       const locationData = { lat: latitude, lng: longitude, ip: '0.0.0.0' };
-      await this.$http.put('/profile/edit/geolocation', locationData);
+      await this.$http.put('/profile/edit/geolocation', locationData, { accessTokenRequired: true });
       this.fetching = false;
       this.locationUpdateSuccess = true;
       setTimeout(() => {
@@ -200,7 +200,7 @@ export default {
       ipRequest = await ipRequest.json();
       const { ip } = ipRequest;
       const locationData = { ip };
-      await this.$http.put('/profile/edit/geolocation', locationData);
+      await this.$http.put('/profile/edit/geolocation', locationData, { accessTokenRequired: true });
       this.fetching = false;
       this.locationUpdateSuccess = true;
       setTimeout(() => {
@@ -226,42 +226,42 @@ export default {
       const formData = new FormData();
       formData.append('file[]', file);
       if (this.$store.getters.getLoggedInUser.images.length) {
-        await this.$http.post('/profile/images?is_primary=false', formData);
+        await this.$http.post('/profile/images?is_primary=false', formData, { accessTokenRequired: true });
       } else {
-        await this.$http.post('/profile/images?is_primary=true', formData);
+        await this.$http.post('/profile/images?is_primary=true', formData, { accessTokenRequired: true });
       }
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
       this.fetchingImages = false;
     },
     async deleteImage(...args) {
       const [imageId] = args;
-      await this.$http.delete(`/profile/images/${imageId}`);
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      await this.$http.delete(`/profile/images/${imageId}`, { accessTokenRequired: true });
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     async makePrimaryImage(...args) {
       const [imageId] = args;
-      await this.$http.put(`/profile/images/${imageId}`);
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      await this.$http.put(`/profile/images/${imageId}`, null, { accessTokenRequired: true });
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     async saveSingleChoice(...args) {
       const [key, value] = args;
       if (key === 'gender') {
-        await this.$http.patch('/profile/edit/gender', { gender: value });
+        await this.$http.patch('/profile/edit/gender', { gender: value }, { accessTokenRequired: true });
       } else if (key === 'sexuality') {
-        await this.$http.patch('/profile/edit/orientation', { orientation: value });
+        await this.$http.patch('/profile/edit/orientation', { orientation: value }, { accessTokenRequired: true });
       }
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     async saveMultipleChoice(...args) {
       const [key, value] = args;
       if (key === 'interests') {
-        await this.$http.patch('/profile/edit/tags', { tags: value });
+        await this.$http.patch('/profile/edit/tags', { tags: value }, { accessTokenRequired: true });
       }
-      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+      const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
       await this.$store.dispatch('login', user.data);
     },
     showSetting(setting) {
@@ -299,13 +299,13 @@ export default {
     if (window.innerWidth >= 768) {
       this.show = 'profile';
     }
-    const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`);
+    const user = await this.$http.get(`/users/${this.$store.getters.getLoggedInUser.id}`, { accessTokenRequired: true });
     await this.$store.dispatch('login', user.data);
     const tags = this.$store.getters.getLoggedInUser.tags;
     for (let i = 0; i < tags.length; i += 1) {
       this.userInterests.push(tags[i].name);
     }
-    const userViewsReceivedRequest = await this.$http.get('/history/viewed/me');
+    const userViewsReceivedRequest = await this.$http.get('/history/viewed/me', { accessTokenRequired: true });
     this.userViewsReceived = userViewsReceivedRequest.data.viewed_me.length;
     this.settingsFetched = true;
   },
diff --git a/frontend/src/views/auth/SignIn.vue b/frontend/src/views/auth/SignIn.vue
index aeb5830a6..997a8fd73 100644
--- a/frontend/src/views/auth/SignIn.vue
+++ b/frontend/src/views/auth/SignIn.vue
@@ -66,7 +66,7 @@ export default {
         localStorage.setItem(process.env.VUE_APP_ACCESS_TOKEN, response.data.return.access_token);
         localStorage.setItem(process.env.VUE_APP_REFRESH_TOKEN, response.data.return.refresh_token);
         const userId = this.getUserFromJwt(response.data.return.access_token).id;
-        const user = await this.$http.get(`/users/${userId}`);
+        const user = await this.$http.get(`/users/${userId}`, { accessTokenRequired: true });
         await this.$store.dispatch('login', user.data);
         if (response.data.return.is_profile_completed) {
           this.$router.push('/browse');

From bb8e6221a46d8ec89773885d0975a8d8db98f20e Mon Sep 17 00:00:00 2001
From: Larry <lauris.skraucis@gmail.com>
Date: Mon, 23 Nov 2020 17:55:53 +0100
Subject: [PATCH 16/16] primary image change is public

---
 frontend/src/components/app/users/User.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/components/app/users/User.vue b/frontend/src/components/app/users/User.vue
index 4ae23020d..e7771c563 100644
--- a/frontend/src/components/app/users/User.vue
+++ b/frontend/src/components/app/users/User.vue
@@ -35,6 +35,16 @@ export default {
     goBack() {
       this.$router.go(-1);
     },
+    sortImages() {
+      const userImagesLength = this.user.images.length;
+      for (let i = 0; i < userImagesLength; i += 1) {
+        if (this.user.images[i].is_primary && i !== 0) {
+          this.user.images.splice(0, 0, this.user.images[i]);
+          this.user.images.splice(i + 1, 1);
+          return;
+        }
+      }
+    },
   },
   watch: {
     async $route() {
@@ -46,6 +56,7 @@ export default {
     try {
       const userRequest = await this.$http.get(`/profile/view/${this.$route.params.id}`, { accessTokenRequired: true });
       this.user = userRequest.data.profile;
+      this.sortImages();
     } catch (error) {
       this.error = error.response.data.error.message;
     }