From bb8cd1e2952cc4104a1547a56902bc4de88ca6ab Mon Sep 17 00:00:00 2001
From: Kamil Klecha <urlikodd@gmail.com>
Date: Wed, 20 Oct 2021 01:01:59 +0200
Subject: [PATCH] QF and added dockerfile

---
 Dockerfile                 |  9 +++++++++
 src/components/City.vue    | 25 ++++++++++++++++++-------
 src/components/NewCity.vue |  1 -
 3 files changed, 27 insertions(+), 8 deletions(-)
 create mode 100644 Dockerfile

diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..7a46cb6
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,9 @@
+FROM node:16
+WORKDIR /app
+COPY . .
+RUN npm install && npm run build
+
+FROM nginx:latest-alpine
+WORKDIR /usr/share/nginx/html
+COPY --from=0 /app/dist .
+ENTRYPOINT [ "start-nginx.sh" ]
\ No newline at end of file
diff --git a/src/components/City.vue b/src/components/City.vue
index bb4a1f7..24a7cd1 100644
--- a/src/components/City.vue
+++ b/src/components/City.vue
@@ -56,7 +56,9 @@
       <v-card-actions>
         <v-row>
           <v-col cols="6">
-            <v-btn block class="primary" @click="details = true">Szczegóły</v-btn>
+            <v-btn block class="primary" @click="details = true"
+              >Szczegóły</v-btn
+            >
           </v-col>
           <v-col cols="6">
             <v-btn block class="error" @click="deleteCity()">Usuń</v-btn>
@@ -65,27 +67,33 @@
       </v-card-actions>
     </v-card>
     <v-skeleton-loader type="card" v-else></v-skeleton-loader>
-    <Details v-model="details" :city="city" :wdata="data" v-if="city && data"></Details>
+    <Details
+      v-model="details"
+      :city="city"
+      :wdata="data"
+      v-if="city && data"
+    ></Details>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
-import Details from '@/components/Details.vue';
+import Details from "@/components/Details.vue";
 import axios from "axios";
 const moment = require("moment");
+const Config = require("@/config.json");
 
 @Component({
   components: {
     Details,
-  }
+  },
 })
 export default class City extends Vue {
   @Prop({ required: true }) private readonly city!: any;
 
   private created() {
     this.getData();
-    //setInterval(this.getData, 1000 * 60);
+    setInterval(this.getData, 1000 * 60);
   }
 
   private getData() {
@@ -103,7 +111,10 @@ export default class City extends Vue {
         this.$data.data = res.data;
       })
       .catch((e) => {
-        console.error(e);
+        this.$store.dispatch(
+          "errorMessage",
+          "Błąd " + e.status.code + " przy pobieraniu danych!"
+        );
       });
   }
 
@@ -112,7 +123,7 @@ export default class City extends Vue {
   }
 
   private deleteCity() {
-    this.$emit('delete');
+    this.$emit("delete");
   }
 
   private data() {
diff --git a/src/components/NewCity.vue b/src/components/NewCity.vue
index 0ea701d..b6da41a 100644
--- a/src/components/NewCity.vue
+++ b/src/components/NewCity.vue
@@ -96,7 +96,6 @@ export default class NewCity extends Vue {
           },
         })
         .then((res) => {
-          console.log(res.data);
           this.$data.items = res.data;
         });
     }