edit app and add firebase

BILLthebuilder · BILLthebuilder · commit 2cbeb82f2e5d · 2020-06-11T21:56:38.000+03:00
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "geofence-demo-325"
+  }
+}
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/netlify.toml b/netlify.toml
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/index.html b/public/index.html
@@ -5,11 +5,11 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>Covid19Kenya geofence</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -1,16 +1,16 @@
 <template>
   <header>
-    <div class="brand">
-      <h5>The Ranch</h5>
+    <!-- <div class="brand">
+      <h5>Covid19KE Geofencing</h5>
     </div>
     <div class="nav">
       <ul>
         <li>
           <img src="../assets/boy.svg" alt="avatar" />
-          <span>John P.</span>
+          <span>Covidapp</span>
         </li>
       </ul>
-    </div>
+    </div> -->
   </header>
 </template>
 
diff --git a/src/views/Admin.vue b/src/views/Admin.vue
@@ -2,12 +2,12 @@
   <section>
     <Header />
     <div class="main">
-      <h3>Admin</h3>
+      <h3>Covid19KE Geofence</h3>
       <GmapMap
         :center="center"
         :zoom="zoom"
         map-type-id="terrain"
-        style="width: 600px; height: 400px"
+        style="width: 325px; height: 400px"
         ref="mapRef"
       >
         <GmapMarker
@@ -20,7 +20,7 @@
       </GmapMap>
       <h4>Location Alerts</h4>
       <div class="alert" v-if="showAlert">
-        <p>This user has left the ranch</p>
+        <p>You have left the affected area</p>
       </div>
 
       <div class="location alert" v-if="showLocationUpdate">
@@ -46,18 +46,18 @@ export default {
       showLocationUpdate: false,
       zoom: 16,
       center: {
-        lat: -1.2413047,
-        lng: 36.7927116
+        lat: 1.3013,
+        lng: 36.8071
       },
       polygon: [
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 },
-        { lat: -1.2414047, lng: 36.792721 }
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 },
+        { lat: 1.3013, lng: 36.8071 }
       ]
     };
   },
@@ -70,7 +70,7 @@ export default {
       };
       const latLng = new this.google.maps.LatLng(position);
       this.showLocationUpdate = true;
-      this.message = "The user's location has changed";
+      this.message = "Your location has changed";
       if (
         !this.google.maps.geometry.poly.containsLocation(
           latLng,
@@ -79,7 +79,7 @@ export default {
       ) {
         this.showAlert = true;
       } else {
-        this.message = "The user is currently in the ranch";
+        this.message = "You have entered a covid19 prevalent area";
       }
     }
   },
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -2,9 +2,9 @@
   <div>
     <Header />
     <div class="content">
-      <h2>Welcome to "The Ranch"</h2>
+      <h2>Welcome, enable location to get updates</h2>
       <img src="../assets/placeholder.svg" alt />
-      <h6>Enable location to get updates</h6>
+      <h6>Enable location</h6>
       <router-link to="/admin">Admin</router-link>
     </div>
   </div>
