|
1 | 1 | const modeBtn = document.getElementById('mode-btn'); |
2 | 2 | const onOffBtn = document.getElementById('onoff-btn'); |
| 3 | +// Retrieve the string value from localStorage |
| 4 | +const username = localStorage.getItem("myString"); |
| 5 | +console.log(username); // Output: main username |
3 | 6 |
|
4 | 7 |
|
5 | 8 | // For Firebase JS SDK v7.20.0 and later, measurementId is optional |
@@ -49,12 +52,12 @@ function setW_pumpState(w_pumpState) { |
49 | 52 | } |
50 | 53 |
|
51 | 54 | // Retrieve auto state and w_pump state from database when page is initially loaded |
52 | | -database.ref("statuses/auto").once("value", snapshot => { |
| 55 | +database.ref(username+"/"+"statuses/auto").once("value", snapshot => { |
53 | 56 | const autoState = snapshot.val(); |
54 | 57 | setModeBtnState(autoState); |
55 | 58 | }); |
56 | 59 |
|
57 | | -database.ref("statuses/w_pump").once("value", snapshot => { |
| 60 | +database.ref(username+"/"+"statuses/w_pump").once("value", snapshot => { |
58 | 61 | const w_pumpState = snapshot.val(); |
59 | 62 | setW_pumpState(w_pumpState); |
60 | 63 | }); |
@@ -96,33 +99,33 @@ onOffBtn.addEventListener('click', () => { |
96 | 99 | }); |
97 | 100 |
|
98 | 101 | function setAuto(val) { |
99 | | - var dataRef = database.ref("statuses"); |
| 102 | + var dataRef = database.ref(username+"/"+"statuses"); |
100 | 103 | dataRef.update({ |
101 | 104 | auto: val |
102 | 105 | }); |
103 | 106 | } |
104 | 107 |
|
105 | 108 | function setW_pump(val) { |
106 | | - var dataRef = database.ref("statuses"); |
| 109 | + var dataRef = database.ref(username+"/"+"statuses"); |
107 | 110 | dataRef.update({ |
108 | 111 | w_pump: val |
109 | 112 | }); |
110 | 113 | } |
111 | 114 |
|
112 | | -database.ref("info/temp").once("value", snapshot =>{ |
| 115 | +database.ref(username+"/"+"info/temp").once("value", snapshot =>{ |
113 | 116 | var temperature = snapshot.val(); |
114 | | - document.getElementById("temp").innerHTML = ("Temperature: "+temperature*10)+"`C"; |
| 117 | + document.getElementById("temp").innerHTML = ("Temperature: "+temperature)+"`C"; |
115 | 118 | }); |
116 | 119 |
|
117 | | -database.ref("field_geo_data/probability_list").once("value", snapshot => { |
| 120 | +database.ref(username+"/"+"field_geo_data/probability_list").once("value", snapshot => { |
118 | 121 | const probability_list = snapshot.val(); |
119 | 122 | var probability_js_list = []; |
120 | 123 | for (var key in probability_list) { |
121 | 124 | probability_js_list.push(probability_list[key]); |
122 | 125 | } |
123 | 126 | }); |
124 | 127 |
|
125 | | -database.ref("field_geo_data/rain_list").once("value", snapshot => { |
| 128 | +database.ref(username+"/"+"field_geo_data/rain_list").once("value", snapshot => { |
126 | 129 | const rain_list = snapshot.val(); |
127 | 130 | var rain_js_list = []; |
128 | 131 | for (var key in rain_list) { |
@@ -154,18 +157,12 @@ const probabilityChart = new Chart(document.getElementById("probability_graph"), |
154 | 157 | }); |
155 | 158 |
|
156 | 159 |
|
157 | | -database.ref("field_geo_data/probability_list").once("value", snapshot => { |
| 160 | +database.ref(username+"/"+"field_geo_data/probability_list").once("value", snapshot => { |
158 | 161 | const probability_list = snapshot.val(); |
159 | | - |
160 | | - // Get labels and data arrays from probability_list object |
161 | 162 | const labels = Object.keys(probability_list); |
162 | 163 | const data = Object.values(probability_list); |
163 | | - |
164 | | - // Update chart data and labels |
165 | 164 | probabilityChart.data.labels = labels; |
166 | 165 | probabilityChart.data.datasets[0].data = data; |
167 | | - |
168 | | - // Update chart |
169 | 166 | probabilityChart.update(); |
170 | 167 | }); |
171 | 168 |
|
@@ -193,17 +190,11 @@ const rainChart = new Chart(document.getElementById("rain_graph"), { |
193 | 190 | }); |
194 | 191 |
|
195 | 192 |
|
196 | | -database.ref("field_geo_data/rain_list").once("value", snapshot => { |
| 193 | +database.ref(username+"/"+"field_geo_data/rain_list").once("value", snapshot => { |
197 | 194 | const rain_list = snapshot.val(); |
198 | | - |
199 | | - // Get labels and data arrays from probability_list object |
200 | 195 | const labels = Object.keys(rain_list); |
201 | 196 | const data = Object.values(rain_list); |
202 | | - |
203 | | - // Update chart data and labels |
204 | 197 | rainChart.data.labels = labels; |
205 | 198 | rainChart.data.datasets[0].data = data; |
206 | | - |
207 | | - // Update chart |
208 | 199 | rainChart.update(); |
209 | 200 | }); |
0 commit comments