SimpleUserLoginApp/admin_dashboard.html at master · mantupani17/SimpleUserLoginApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
 <!DOCTYPE html>
 <html>
 <head>
   <title></title>
   <style type="text/css" >
   header{
     background-color: black;
     height: 60px;
     background-position: top;
     }
   footer{
     background-color: black;
     height: 60px;
     background-position: bottom;
     margin-top: 560px;
   }
   .body-part{
     float: left;
     border: 2px;
     border-color: blue;
     width: 100%;

 }
 .card{
   width:100%;
   height: auto;
   background-color: white;
   margin-left: 0px;
   margin-top: 0px;
 }
   .panel-header{
       background-color: black;
       width: 100%px;
       height: 50px;
       margin-left: 0px;
       margin-top: 20px;
       color:white;
       text-align: center;
   }
   .panel-footer{
     background-color: black;
     width: 100%;
     height: 50px;
     margin-left: 0px;
     margin-top: 0px;
     color: white;

   }
   .text-data{
     color:white;
     text-align: center;
     padding-top: 15px;
   }
   .datatable{
     border-top: 1px;
     border-bottom: 1px;
     border-left: 0px;
     border-right: 0px;
     padding: 5px;
   }
   </style>
   <script src="jquery-3.2.1.min.js" type="text/ecmascript"></script>
   <script type="text/javascript">
    function loadData(){
      var httpRequest = new XMLHttpRequest();
        httpRequest.open('GET','all_user_data.php');
        httpRequest.onload = function(){
        var reqdata = JSON.parse(httpRequest.responseText);
        showData(reqdata);
      };
  httpRequest.send();
}
function showData(data)
{
  var table ="<table width='100%' style='border-top:1px;border-bottom:1px;padding:10px;'><tr><th>Frstname </th><th>Lastname</th><th>mail id</th><th>action</th></tr>";
  for(var pd in data)
	{
    var email=data[pd].mail;
    table+="<tr style='text-align:center;'><td>"+data[pd].fname+"</td><td>"+data[pd].lname+"</td><td>"+email+"</td><td><a href='subscribe_user.php?uid="+email+"'>Subscribe</a></td></tr>"
  }
      table+="</table>";
        $("#tabledata").html(table);
  }
   </script>
 </head>
 <body onload="loadData();">
   <header>
   </header>
   <div class="">
     <div class="left-part">
       <div class="panel-header"><div class="text-data">User Detail</div></div>
       <div class="card" id="tabledata">
         </div>
         <div class="panel-footer"><div class="text-data">Thankyou</div></div>
     </div>
   </div>
   <footer>
   </footer>
 </body>
 </html>