-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdiscover.html
102 lines (70 loc) · 3.35 KB
/
discover.html
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
101
102
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap" rel="stylesheet">
<link href="StyleSheet.css" rel="stylesheet" type="text/css">
</head>
<header>
<div class="container">
<h1 class="logo"></h1>
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="discover.html">Discover</a></li>
<li><a href="collective.html">Collective</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="private.html">Private</a></li>
<li><a href="employment.html">Employment</a></li>
</ul>
</nav>
</div>
</header>
<br>
<div id='listofusers' style="text-align: center;">List of Users</div>
<br>
<div id='actual' style="text-align: center;"></div>
<script src="https://www.gstatic.com/firebasejs/5.7.3/firebase.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
var config = {
apiKey: "AIzaSyA85okZdA9v_XAa9BgJJ2EOdUEbL09k0uY",
authDomain: "fir-test-bcb6d.firebaseapp.com",
databaseURL: "https://fir-test-bcb6d.firebaseio.com",
projectId: "fir-test-bcb6d",
storageBucket: "fir-test-bcb6d.appspot.com",
messagingSenderId: "976121809263"
};
firebase.initializeApp(config);
firebase.auth().onAuthStateChanged(function(user) {
if (user == null) {
alert("Not logged in.");
return;
} else {
userId = user.uid;
name = user.displayName;
imageUrl = user.photoURL;
email = user.email;
console.log(userId + name + email);
var userdiv = "<div id='actuallist' style='text-align: center;'>"
firebase.database().ref('/users').once('value').then(function(snapshot) {
var users = (snapshot.val());
var userarray = [];
for (var u in users) {
userarray.push(users[u].username + "<br>" + "<br>");
userarray.push("<img src='" + users[u].profile_picture + "' style='width: 100px; border-radius: 50px;'>" + "<br>" + "<br>");
userarray.push(users[u].numberoffollowers + "<br>" + "<br>" + "<br>");
console.log(users[u].numberoffollowers);
}
console.log(userarray);
for (var t in userarray) {
//var infodiv = "<div id='" + userarray[t] + "'></div>";
//document.getElementById(userarray[t]).innerHTML = userarray[t];
userdiv = userdiv + "<div>" + userarray[t] + "</div>";
}
userdiv = userdiv + "</div>";
document.getElementById('actual').innerHTML = userdiv;
});
}
});
</script>
</html>