|
| 1 | +// Add console.log to check DOMContentLoaded registration and call |
1 | 2 | (function () { |
2 | 3 | document.addEventListener("DOMContentLoaded", function () { |
| 4 | + console.log("DOMContentLoaded event registered and called"); |
3 | 5 | const vscode = acquireVsCodeApi(); |
4 | 6 | const authButton = document.getElementById("authButton"); |
5 | 7 | const messageBox = document.getElementById("messageBox"); |
|
13 | 15 | const authenticatedMessage = document.getElementById( |
14 | 16 | "authenticatedMessage" |
15 | 17 | ); |
| 18 | + // Debug: initial classList of loginForm |
| 19 | + if (loginForm) { |
| 20 | + console.log("loginForm.classList initial:", Array.from(loginForm.classList)); |
| 21 | + } |
16 | 22 |
|
17 | | - window.addEventListener("message", (event) => { |
| 23 | + window.addEventListener("message", (event) => { |
| 24 | + console.log("window message event received (auth button enable/disable):", event.data); |
18 | 25 | const message = event.data; |
| 26 | + console.log("parsed message object (auth button enable/disable):", message); |
19 | 27 | if (message.command === "disableAuthButton") { |
20 | 28 | const authButton = document.getElementById("authButton"); |
21 | 29 | if (authButton) { |
|
45 | 53 |
|
46 | 54 | document.querySelectorAll('input[name="authMethod"]').forEach((radio) => { |
47 | 55 | radio.addEventListener("change", (e) => { |
| 56 | + console.log("authMethod radio change event:", e.target.value); |
48 | 57 | const isOAuth = e.target.value === "oauth"; |
49 | 58 | document |
50 | 59 | .getElementById("oauthForm") |
|
58 | 67 | }); |
59 | 68 |
|
60 | 69 | authButton.addEventListener("click", () => { |
| 70 | + console.log("authButton clicked"); |
61 | 71 | messageBox.style.display = "none"; |
62 | 72 |
|
63 | 73 | vscode.postMessage({ |
|
71 | 81 | }); |
72 | 82 |
|
73 | 83 | function handleInputApiKey() { |
| 84 | + console.log("apiKey input event"); |
74 | 85 | messageBox.style.display = "none"; |
75 | 86 | isBtnDisabled(); |
76 | 87 | } |
77 | 88 | apiKeyInput.addEventListener("input", handleInputApiKey); |
78 | 89 |
|
79 | 90 | function isBtnDisabled() { |
| 91 | + // Add log to check when isBtnDisabled is called |
| 92 | + console.log("isBtnDisabled called"); |
80 | 93 | const authMethod = document.querySelector( |
81 | 94 | "input[name='authMethod']:checked" |
82 | 95 | ).value; |
|
91 | 104 | } |
92 | 105 |
|
93 | 106 | function showMessage(text, isError) { |
| 107 | + console.log("showMessage called:", text, isError); |
94 | 108 | document.getElementById("messageText").textContent = text; |
95 | 109 | messageBox.style.display = "flex"; |
96 | 110 | if (isError) { |
|
107 | 121 | } |
108 | 122 |
|
109 | 123 | window.addEventListener("message", (event) => { |
| 124 | + console.log("window message event received (auth state, loader, etc):", event.data); |
110 | 125 | const message = event.data; |
| 126 | + console.log("parsed message object (auth state, loader, etc):", message); |
111 | 127 | if (message.type === "setAuthState") { |
112 | 128 | const logoutButton = document.getElementById("logoutButton"); |
113 | 129 |
|
|
116 | 132 | authenticatedMessage.classList.remove("hidden"); |
117 | 133 | logoutButton.classList.remove("hidden"); |
118 | 134 | messageBox.style.display = "none"; |
| 135 | + console.log("loginForm.classList after authenticated:", Array.from(loginForm.classList)); |
119 | 136 | } else { |
120 | 137 | loginForm.classList.remove("hidden"); |
121 | 138 | authenticatedMessage.classList.add("hidden"); |
122 | 139 | logoutButton.classList.add("hidden"); |
| 140 | + console.log("loginForm.classList after unauthenticated:", Array.from(loginForm.classList)); |
123 | 141 | } |
124 | 142 | logoutButton.replaceWith(logoutButton.cloneNode(true)); |
125 | 143 | document |
126 | 144 | .getElementById("logoutButton") |
127 | 145 | .addEventListener("click", () => { |
| 146 | + console.log("logoutButton clicked"); |
128 | 147 | vscode.postMessage({ command: "requestLogoutConfirmation" }); |
129 | 148 | }); |
130 | 149 | } else if (message.type === "showLoader") { |
|
173 | 192 | ) { |
174 | 193 | window.addEventListener("message", (event) => { |
175 | 194 | if (event.data.type === messageType) { |
| 195 | + console.log(`Autocomplete message received for ${messageType}:`, event.data.items); |
176 | 196 | const items = event.data.items; |
177 | 197 | inputElement.addEventListener("input", function () { |
| 198 | + console.log(`Autocomplete input event for ${messageType}:`, this.value); |
178 | 199 | const query = this.value.toLowerCase(); |
179 | 200 | listElement.innerHTML = ""; |
180 | 201 | if (validateCallback) { |
|
205 | 226 | filteredItems.forEach((item) => { |
206 | 227 | const div = document.createElement("div"); |
207 | 228 | div.classList.add("autocomplete-item"); |
208 | | - div.innerHTML = `<i class="fas fa-check-circle"></i> ${item}`; |
| 229 | + div.innerHTML = '<i class="fas fa-check-circle"></i> ' + item; |
209 | 230 | div.addEventListener("click", function () { |
| 231 | + console.log(`Autocomplete item clicked for ${messageType}:`, item); |
210 | 232 | inputElement.value = item; |
211 | 233 | listElement.innerHTML = ""; |
212 | 234 | listElement.style.display = "none"; |
|
220 | 242 | }); |
221 | 243 |
|
222 | 244 | document.addEventListener("click", function (event) { |
| 245 | + // Add log for document click in autocomplete |
| 246 | + console.log("Document click event for autocomplete"); |
223 | 247 | if (event.target !== inputElement) { |
224 | 248 | listElement.innerHTML = ""; |
225 | 249 | listElement.style.display = "none"; |
|
231 | 255 | }); |
232 | 256 | } |
233 | 257 |
|
234 | | - setupAutocomplete(urlInput, urlsList, "setUrls", (query) => |
235 | | - vscode.postMessage({ command: "validateURL", baseUri: query }) |
236 | | - ); |
| 258 | + setupAutocomplete(urlInput, urlsList, "setUrls", (query) => { |
| 259 | + console.log("setupAutocomplete validateCallback for setUrls:", query); |
| 260 | + vscode.postMessage({ command: "validateURL", baseUri: query }); |
| 261 | + }); |
237 | 262 | setupAutocomplete(tenantInput, tenantList, "setTenants"); |
238 | 263 | }); |
239 | 264 | })(); |
0 commit comments