|
43 | 43 | <br>
|
44 | 44 | <button id="all">Get All Events</button>
|
45 | 45 | <button id="reg">Get Registered Events</button>
|
| 46 | + <button id="getRegisteredBtn" onclick="getRegistered()">Get Registered Events</button> |
| 47 | + |
| 48 | + <div id="registered-events-container"></div> |
| 49 | + |
46 | 50 | <!-- <button id="sug">Get Suggestions</button> -->
|
47 | 51 | </div>
|
48 | 52 | <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
@@ -132,29 +136,31 @@ <h3>${eventname}</h3>
|
132 | 136 | console.log(err);
|
133 | 137 | });
|
134 | 138 | };
|
| 139 | + //const container = document.getElementById('registered-events-container'); |
135 | 140 |
|
136 |
| - const getRegistered = async () => { |
137 |
| - try { |
138 |
| - const { data } = await axios.get(baseUrl + '/events/registered', config); |
139 |
| - let html = ""; |
140 |
| - data.forEach((e) => { |
141 |
| - let eventname = e.name.text; |
142 |
| - eventname[0] = eventname[0].toUpperCase(); |
143 |
| - let date = new Date(e.start.utc).toString().slice(0, 15); |
144 |
| - html += `<div class="card"> |
145 |
| - <div class="box"> |
146 |
| - <div class="content"> |
147 |
| - <h3>${eventname}</h3> |
148 |
| - <p><i class="fa-regular fa-calendar"></i> ${date}</p> |
149 |
| - </div> |
150 |
| - </div> |
151 |
| - </div>`; |
152 |
| - }); |
153 |
| - container.innerHTML = html; |
154 |
| - } catch (error) { |
155 |
| - console.log(error); |
156 |
| - } |
157 |
| - }; |
| 141 | +const getRegistered = async () => { |
| 142 | + try { |
| 143 | + const { data } = await axios.get(baseUrl + '/events/registered', config); |
| 144 | + let html = ""; |
| 145 | + data.forEach((e) => { |
| 146 | + let eventname = e.name.text; |
| 147 | + eventname = eventname.charAt(0).toUpperCase() + eventname.slice(1); |
| 148 | + let date = new Date(e.start.utc).toString().slice(0, 15); |
| 149 | + html += `<div class="card"> |
| 150 | + <div class="box"> |
| 151 | + <div class="content"> |
| 152 | + <h3>${eventname}</h3> |
| 153 | + <p><i class="fa-regular fa-calendar"></i> ${date}</p> |
| 154 | + </div> |
| 155 | + </div> |
| 156 | + </div>`; |
| 157 | + }); |
| 158 | + container.innerHTML = html; |
| 159 | + } catch (error) { |
| 160 | + console.log(error); |
| 161 | + } |
| 162 | +}; |
| 163 | + |
158 | 164 |
|
159 | 165 | //new
|
160 | 166 |
|
|
0 commit comments