|
176 | 176 | //: |
177 | 177 |
|
178 | 178 |
|
| 179 | + var shadow; |
| 180 | + |
| 181 | + |
179 | 182 | //var server = 'https://localhost:3009/chat/'; |
180 | 183 | var server = ''; |
181 | 184 | console.log('server',server); |
|
199 | 202 |
|
200 | 203 | obj.initdom = async function(){ |
201 | 204 |
|
202 | | - view = $('#view'); |
| 205 | + shadow = host.shadowRoot; |
| 206 | + |
| 207 | + |
| 208 | + view = $(shadow,'#view'); |
203 | 209 |
|
204 | 210 | msg = $(view,'.msg'); |
205 | 211 | msg.remove(); |
206 | 212 |
|
207 | 213 | view.style.display = ''; |
208 | 214 |
|
209 | 215 |
|
210 | | - var info = $('#info'); |
| 216 | + var info = $(shadow,'#info'); |
211 | 217 |
|
212 | 218 | $.chkbox(info,'#show-password',btn.password); |
213 | 219 |
|
214 | | - $('#txt').onkeydown = kd.user; |
215 | | - $('#txt').focus(); |
| 220 | + $(shadow,'#txt').onkeydown = kd.user; |
| 221 | + $(shadow,'#txt').focus(); |
216 | 222 |
|
217 | | - $('[value=send]').onclick = btn.send; |
218 | | - $('[value=abort]').onclick = ()=>poll.abort=true; |
| 223 | + $(shadow,'[value=send]').onclick = btn.send; |
| 224 | + $(shadow,'[value=abort]').onclick = ()=>poll.abort=true; |
219 | 225 |
|
220 | 226 |
|
221 | 227 | post.start(); |
|
226 | 232 |
|
227 | 233 | btn.password = function(){ |
228 | 234 |
|
229 | | - $('#txt').focus(); |
| 235 | + $(shadow,'#txt').focus(); |
230 | 236 |
|
231 | | - var node = $('#password'); |
| 237 | + var node = $(shadow,'#password'); |
232 | 238 | if(node.getAttribute('type')=='password'){ |
233 | 239 | node.removeAttribute('type'); |
234 | 240 | }else{ |
|
251 | 257 |
|
252 | 258 | $('#txt').focus(); |
253 | 259 |
|
254 | | - var txt = $('#txt').value; |
| 260 | + var txt = $(shadow,'#txt').value; |
255 | 261 | $('#txt').value = ''; |
256 | | - var user = $('#user').value; |
257 | | - var password = $('#password').value; |
| 262 | + var user = $(shadow,'#user').value; |
| 263 | + var password = $(shadow,'#password').value; |
258 | 264 |
|
259 | 265 | post.msg({user,password,txt}); |
260 | 266 |
|
|
354 | 360 |
|
355 | 361 | async function del(){ |
356 | 362 |
|
357 | | - var password = $('#password').value; |
| 363 | + var password = $(shadow,'#password').value; |
358 | 364 | var result = await post.del({password,id}) |
359 | 365 | if(!result)return; |
360 | 366 |
|
|
0 commit comments