Documenting ready

css/chunk-vendors.e6574c94.css

@@ -0,0 +1,3 @@
+@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(../fonts/MaterialIcons-Regular.96c47680.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(../fonts/MaterialIcons-Regular.0509ab09.woff2) format("woff2"),url(../fonts/MaterialIcons-Regular.29b882f0.woff) format("woff"),url(../fonts/MaterialIcons-Regular.d120c85b.ttf) format("truetype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}
+
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

frontend/.env

@@ -1 +1 @@
-VUE_APP_API_URL=http://localhost:8000/api/index.php/training
+VUE_APP_API_URL=http://localhost:8081/api/index.php/training

frontend/README.md

@@ -3,6 +3,8 @@
 ## Project setup
 ```
 yarn install
+vim .env
+# Edit VUE_APP_API_URL to point to API endpoint
 ```
 
 ### Compiles and hot-reloads for development

frontend/src/components/JobListing.vue

@@ -5,14 +5,14 @@
                     <label>Countries</label>
                     <select class="bluefire-selector" id="selHeaderCountry" :value="countryId" @change="changeCountry">
                         <option value="0">All Countries</option>
-                        <option v-for="country in $store.state.countries" :key="country.CountryID">{{ country.CountryName }}</option>
+                        <option v-for="country in $store.state.countries" :key="country.CountryID" :value="country.CountryID">{{ country.CountryName }}</option>
                     </select>
                 </div>
                 <div class="category">
                     <label>Cities</label>
                     <select class="bluefire-selector" id="selHeaderCity" :value="cityId" @change="changeCity">
                         <option value="0">All Cities</option>
-                        <option v-for="city in $store.state.cities" :key="city.CityID">{{ city.CityName }}</option>
+                        <option v-for="city in $store.state.cities" :key="city.CityID" :value="city.CityID">{{ city.CityName }}</option>
                     </select>
                 </div>
             </div>
@@ -64,7 +64,6 @@ import API from '../lib/API';
 import { mapState } from 'vuex';
 
 export default {
-    computed: mapState(["countryId","cityId"]),
     props: {
         paginate: {
             default: false,
@@ -78,7 +77,20 @@ export default {
     },
     data() {
         return {
-            jobs: [],
+            jobs_orig: [],
+        }
+    },
+    computed: {
+        ...mapState(['countryId','cityId']),
+        jobs() {
+            var result = this.jobs_orig;
+            if(this.countryId != 0) {
+                result = result.filter(x => x.CountryID == this.countryId);
+            }
+            if(this.cityId != 0) {
+                result = result.filter(x => x.CityID == this.cityId);
+            }
+            return result;
         }
     },
     methods: { 
@@ -109,7 +121,7 @@ export default {
                 }
             })
             .then(() => {
-                this.jobs = this.jobs.filter(x => x.JobID != job.JobID)
+                this.jobs_orig = this.jobs.filter(x => x.JobID != job.JobID)
             })
         },
         bookmarkJob(job) {
@@ -132,7 +144,7 @@ export default {
                         'Content-Type': 'multipart/form-data',
                     }
                 }).then(() =>{
-                    this.jobs = this.jobs.filter(x => x.JobID != job.JobID);
+                    this.jobs_orig = this.jobs_orig.filter(x => x.JobID != job.JobID);
                 }).catch((err) => console.log(err));
             }
         }
@@ -152,10 +164,10 @@ export default {
         }
         if(APIpromise != null) {
             APIpromise.then((response) => {
-                this.jobs = response.data;         
+                this.jobs_orig = response.data;
             });
         }
-    }
+    },
 }
 </script>
 <style>

frontend/src/layouts/FrontOffice.vue

@@ -23,11 +23,11 @@
       <div class="selectors">
         <select class="bluefire-selector" id="selHeaderCountry" :value="countryId" @change="changeCountry">
           <option value="0">All Countries</option>
-          <option v-for="country in $store.state.countries" :key="country.CountryID">{{ country.CountryName }}</option>
+          <option v-for="country in $store.state.countries" :key="country.CountryID" :value="country.CountryID">{{ country.CountryName }}</option>
         </select>
         <select class="bluefire-selector" id="selHeaderCity" :value="cityId" @change="changeCity">
           <option value="0">All Cities</option>
-          <option v-for="city in $store.state.cities" :key="city.CityID">{{ city.CityName }}</option>
+          <option v-for="city in $store.state.cities" :key="city.CityID" :value="city.CityID">{{ city.CityName }}</option>
         </select>
       </div>
       <div class="search">

frontend/src/views/JobApply.vue

@@ -76,13 +76,11 @@ export default {
         }
     },
     mounted() {
-        console.log(this.$store.state);
         if(this.$store.state.apiKey == 0) {
-            console.log("This should trigger");
             this.$router.push({
                 name: 'login'
             });
-        } else console.log("No! "+this.$store.state.apiKey)
+        }
     },
     methods: {
         uploadCV(e) {

frontend/src/views/Login.vue

@@ -58,7 +58,7 @@ export default {
                         name: 'index'
                     })
                 }  
-            }).catch((e) => console.log(e));
+            });
         }
     }
 }

img/bookmark.4088066a.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="24px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1230 -1002 )">
+    <path d="M 1.8125 0  L 18.1875 0  C 18.4270833333333 0  18.65625 0.0475875743555854  18.875 0.142762723066756  C 19.21875 0.280237937871775  19.4921875 0.497025776602775  19.6953125 0.793126239259749  C 19.8984375 1.08922670191672  20 1.41705221414408  20 1.77660277594184  L 20 22.2233972240582  C 20 22.5829477858559  19.8984375 22.9107732980833  19.6953125 23.2068737607403  C 19.4921875 23.5029742233972  19.21875 23.7197620621282  18.875 23.8572372769332  C 18.6770833333333 23.941837409121  18.4479166666667 23.9841374752148  18.1875 23.9841374752148  C 17.6875 23.9841374752148  17.2552083333333 23.8149372108394  16.890625 23.4765366820886  L 10 16.7508261731659  L 3.109375 23.4765366820886  C 2.734375 23.8255122273629  2.30208333333333 24  1.8125 24  C 1.57291666666667 24  1.34375 23.9524124256444  1.125 23.8572372769332  C 0.78125 23.7197620621282  0.5078125 23.5029742233972  0.3046875 23.2068737607403  C 0.1015625 22.9107732980833  0 22.5829477858559  0 22.2233972240582  L 0 1.77660277594184  C 0 1.41705221414408  0.1015625 1.08922670191672  0.3046875 0.793126239259749  C 0.5078125 0.497025776602775  0.78125 0.280237937871775  1.125 0.142762723066756  C 1.34375 0.0475875743555854  1.57291666666667 0  1.8125 0  Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 1230 1002 )" />
+  </g>
+</svg>

index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/favicon.ico><title>bluefire-frontend</title><link href=/css/app.2a50c464.css rel=preload as=style><link href=/css/chunk-vendors.e6574c94.css rel=preload as=style><link href=/js/app.fa5962da.js rel=preload as=script><link href=/js/chunk-vendors.bb705174.js rel=preload as=script><link href=/css/chunk-vendors.e6574c94.css rel=stylesheet><link href=/css/app.2a50c464.css rel=stylesheet></head><body><noscript><strong>We're sorry but bluefire-frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/js/chunk-vendors.bb705174.js></script><script src=/js/app.fa5962da.js></script></body></html>