From 76a5c4ba6338ea487cf8cb21d1009e32d6f7f3d6 Mon Sep 17 00:00:00 2001
From: MuditShivendra <mudit.shivendra350@yahoo.in>
Date: Wed, 27 May 2020 00:28:48 +0530
Subject: [PATCH] people and dashboard integrated

---
 DocApp/main/static/js/dashboard.js        |  7 ++--
 DocApp/main/static/js/people_data.js      | 48 ++++++++++++++++++++++-
 DocApp/main/templates/dashboard.html      |  9 ++---
 DocApp/main/templates/general_public.html |  5 ++-
 4 files changed, 56 insertions(+), 13 deletions(-)

diff --git a/DocApp/main/static/js/dashboard.js b/DocApp/main/static/js/dashboard.js
index 35db8b9..c24a076 100755
--- a/DocApp/main/static/js/dashboard.js
+++ b/DocApp/main/static/js/dashboard.js
@@ -1,9 +1,10 @@
-
+// window.onload = alert(localStorage.getItem("storageName"));
 // get the value of number entered in the box
-function getValue(){
+window.onload = function getValue(){
 
   // console.log("in");
-  var str = document.getElementById("search_input").value;
+  var str = localStorage.getItem("storageName");
+  console.log(str);
   if(str != ""){
     getTrack(str);
   }
diff --git a/DocApp/main/static/js/people_data.js b/DocApp/main/static/js/people_data.js
index 5adfb4b..53d8b96 100755
--- a/DocApp/main/static/js/people_data.js
+++ b/DocApp/main/static/js/people_data.js
@@ -1,4 +1,7 @@
+   
+
 getPeopleInfo();
+// add a dashboard column to the complete data set
 
 function getPeopleInfo(){
     var data = $.ajax( {
@@ -8,24 +11,65 @@ function getPeopleInfo(){
         success: function(data) {
             var obj = JSON.parse;
             var x = data;
-            // console.log(data);
+            console.log(data);
+            // add dashboard text in each row
+
+            for( i = 0; i<x.length; i++){
+                x[i].dashboard = 'view profile'
+            }
+
             console.log(x);
             // ====================================================================================
 
               $.fn.dataTable.ext.errMode = 'none';
-            $('#example').DataTable( {
+            var table = $('#example').DataTable( {
                 data: data,
                 columns: [
                     { data: 'Mobile' },
                     {data: 'Probability'},
                     { data: 'ID' },
+                    { 
+                         "data": "dashboard",
+                         "render": function(data, type, row, meta){
+                            if(type === 'display'){
+
+                                data = '<a href="{% url general_public %}" onclick='+store_it()+'>' + data + '</a>';
+                            }
+
+                            return data;
+                         }
+                      }
                 ]
             } );
 
+            $('#example tbody').on( 'click', 'tr', function () {
+                   if ( $(this).hasClass('selected') ) {
+                       $(this).removeClass('selected');
+                   } else {
+                       table.$('tr.selected').removeClass('selected');
+                       $(this).addClass('selected');
+                       
+                       var data = $('#example').DataTable().row('.selected').data();
+                       console.log(data);
+                       localStorage.setItem("storageName",data.Mobile);
+                       // alert("Name:" + data.Mobile + "\nJob:" + data[1]);
+                   }
+               });
+
             // ==============================================================
         }
 
 
     });
     return data;
+}
+
+function store_it(){
+//just get the respective value and then you're done
+    var feed
+    if ( $(this).hasClass('Mobile') ) {
+        feed = 1
+    }
+
+    localStorage.setItem("storageName",'+917083201514');
 }
\ No newline at end of file
diff --git a/DocApp/main/templates/dashboard.html b/DocApp/main/templates/dashboard.html
index 6093f3b..c0f83a2 100755
--- a/DocApp/main/templates/dashboard.html
+++ b/DocApp/main/templates/dashboard.html
@@ -20,7 +20,7 @@ <h3 id="address"><a href="{% url 'logout' %}"> Logout</a></h3>
           </div>
     </div>
     <div class="infobox">
-      <div class="searchbox">
+      <div class="searchbox" style="display: none">
         <h2 style="padding-top: 2vh;">Search</h2>
               <form class="search-form" id="SearchForm">
                 <input type="text" id="search_input"  placeholder="Search " >      
@@ -33,15 +33,12 @@ <h2 style="padding-top: 2vh;">Search</h2>
         <div class="heading_child">Heading</div>
         <div class="heading_child">Heading</div>
       </div> -->
-      <div class="contentbox">
+      <div class="contentbox" style="margin-top: 5vh">
         <div class="sidebar">
         <div class="heading_child">Heading</div>
           <ul>
             <li><a href="#" >Dashboard</a></li>
-            <li><a href="{% url 'general_public' %}">People</a></li>
-            <li><a href="{% url 'hotspots' %}">Hotspots</a></li>
-            <li><a href="{% url 'maps' %}">Providers</a></li>
-            <li><a href="{% url 'analysis' %}">Analysis</a></li>
+            <li><a href="{% url 'general_public' %}" style="background-color: red !important; color: white">Back</a></li>
           </ul>
         </div>
       <div class="workarea">
diff --git a/DocApp/main/templates/general_public.html b/DocApp/main/templates/general_public.html
index 5f94742..0c8dce6 100755
--- a/DocApp/main/templates/general_public.html
+++ b/DocApp/main/templates/general_public.html
@@ -31,11 +31,11 @@ <h2 style="padding-top: 2vh;">Search</h2>
         <div class="heading_child">Heading</div>
         <div class="heading_child">Heading</div>
       </div> -->
-      <div class="contentbox">
+      <div class="contentbox" style="margin-top: 5vh">
         <div class="sidebar">
         <div class="heading_child">People</div>
           <ul>
-            <li><a href="{% url 'dashboard' %}" >Dashboard</a></li>
+            <!-- <li><a href="{% url 'dashboard' %}" >Dashboard</a></li> -->
             <li><a href="{% url 'general_public' %}">People</a></li>
             <li><a href="{% url 'hotspots' %}">Hotspots</a></li>
             <li><a href="{% url 'maps' %}">Providers</a></li>
@@ -52,6 +52,7 @@ <h2 style="padding-top: 2vh;">Search</h2>
                           <th>Mobile</th>
                           <th>Probability</th>
                           <th>ID</th>
+                          <th>View Profile</th>
                       </tr>
                   </thead>
               </table>