tracking

app/front/templates/front/tracking.html

@@ -0,0 +1,33 @@
+
+{% extends "base.html" %}
+
+{% block content %}
+<div class="alert alert-success" role="alert">
+<h1>Tracking</h1>
+        <input type='text' class='form-control' name='geo' id='geoText' readonly/><br>
+        <br>Last Update
+        <span id='lastUpdate'></span>
+</div>
+{% endblock %}
+{% block foot_script %}
+<script>
+    $(function() {
+
+        setInterval(function(){
+            console.log("Hello");
+            if ("geolocation" in navigator){ //check geolocation available
+                //try to get user current location using getCurrentPosition() method
+                console.log("current location");
+                navigator.geolocation.getCurrentPosition(function(position){
+                    console.log("xxxx");
+                    $("#geoText").val(position.coords.latitude+","+position.coords.longitude );
+                    $("#lastUpdate").html(new Date());
+
+                });
+            }else{
+                console.log("Browser doesn't support geolocation!");
+            }
+        }, 5000);
+    });
+</script>
+{% endblock %}

app/front/urls.py

@@ -5,5 +5,6 @@ from . import views
 
 urlpatterns = [
     path('', views.index, name='index'),
+    path('tracking', views.tracking, name='tracking'),
     path('success', views.success, name='success'),
 ]

app/front/views.py

@@ -26,6 +26,9 @@ def index(request):
 def success(request):
     return render(request, 'front/success.html')
 
+def tracking(request):
+    return render(request, 'front/tracking.html')
+
 def my404(request,exception):
     return render(request, 'front/404.html')
     #return redirect("index")

app/shaqfindbed/settings.py

@@ -25,7 +25,7 @@ BASE_DIR = Path(__file__).resolve().parent.parent
 SECRET_KEY = 'django-insecure-!=!d6rsewcddw=hr-j46#))^nd-32(kkjmnpxxioi(v&c9!*xn'
 
 # SECURITY WARNING: don't run with debug turned on in production!
-DEBUG = False
+DEBUG = True
 
 ALLOWED_HOSTS = [
     "167.71.218.44",

app/templates/base.html

@@ -32,13 +32,15 @@ s.parentNode.insertBefore(hm, s);
     <div class='container'>
     <img src="{% static "/img/heartbeat.png" %}" class='text-center' style='width:100px; margin:20px auto; display:block'/>
     <h1 class='text-center'>FindBed.xyz</h1>
+    <!--
     <div class="alert alert-info text-center" role="alert">
         FindBed.xyz ทำเพื่อช่วยเหลือในการหาเตียงสำหรับผู้ป่วย COVID19
-    </div>
+    </div> -->
         {% block content %}
         {% endblock %}
     </div>
-
+    {% block foot_script %}
+    {% endblock %}
 
 </body>
 </html>