-
Notifications
You must be signed in to change notification settings - Fork 0
/
loader.html
105 lines (76 loc) · 3.5 KB
/
loader.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
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Firestore setup -->
<script src="https://www.gstatic.com/firebasejs/5.8.4/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.8.4/firebase-firestore.js"></script>
<script>
// Initialize Cloud Firestore through Firebase
firebase.initializeApp({
apiKey: ' AIzaSyBz_8vULQ_d_U24vt52nWeNNUCUaebglYM ',
authDomain: '### FIREBASE AUTH DOMAIN ###',
projectId: 'hachiko30007'
});
var db = firebase.firestore();
</script>
<style>
</style>
</head>
<body>
<div>
<fieldset>
<legend>json goes here</legend>
<p id = gimme></p> <br>
<input type = "button" id = "activation" value = "press!" onclick = "updateme(writetohtml)">
</fieldset>
</div>
<div id = "dankdiv"></div>
<script>
var hachijson = new Map();
function updateme(callback){
console.log('summoning doggo from google');
db.collection("hachiko").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
var adoc = String(doc.id);
// console.log(adoc);
// console.log(hachijson);
hachijson.set(adoc, doc.data())
console.log(hachijson);
});
callback(hachijson);
// console.log(hachijson);
});
};
function writetohtml(themap){
console.log("ding");
//
var cat = new Map();
cat.set('1','arg');
cat.set('2','oof');
themap.forEach((value,key)=>{
console.log("ping");
field = document.createElement("fieldset");
legen = document.createElement("legend");
legen.id = key + "leg";
legen.style.transition = 'all 0.5s';
// console.log(value);
// console.log(typeof(value));
field.addEventListener("mouseover", function(){document.getElementById(key).style.fontSize = '50px'; document.getElementById(key+"leg").style.fontSize = '30px';});
field.addEventListener("mouseout", function(){document.getElementById(key).style.fontSize = '15px';document.getElementById(key+"leg").style.fontSize = '20px';});
content = document.createElement('p');
content.id = key;
content.innerHTML = "Parcel 1: " + value["hachiPar1"] + '<br>' + "Parcel 2: " + value["hachiPar2"] + '<br>' + "Parcel 3: " + value["hachiPar3"];
content.style.transition = 'all 0.5s';
content.style.size = '10px';
// content.addEventListener("mouseover", function(){document.getElementById(key).style.fontSize = '50px'; console.log('cat');});
// content.addEventListener("mouseout", function(){document.getElementById(key).style.fontSize = '10px'; console.log('dog');});
console.log(typeof(key));
legen.innerHTML = key;
field.appendChild(legen);
field.appendChild(content);
document.getElementById('dankdiv').appendChild(field);
})
};
</script>
</body>