|
186 | 186 | {width:32px;height:32px;border:1px solid gray;border-radius:3px;box-sizing:border-box;cursor:pointer} |
187 | 187 |
|
188 | 188 |
|
| 189 | + |
| 190 | + #more-menu-click |
| 191 | + {display:flex;align-items:center;gap:10px;border:1px solid lightgray;border-radius:5px;padding:2px 10px;cursor:pointer} |
| 192 | + #more-menu-icon |
| 193 | + {width:15px;height:24px;border:1px solid gray;padding:2px;background:buttonface;box-sizing:border-box;cursor:pointer;border-radius:3px; |
| 194 | + content:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAt1BMVEVHcEwbmPYcgfMchvQbsfkay/wbtvkbnfccefMayfwbmfYch/QchvQbtfkbmfYa1P0ddfIcivQcl/Ycj/Ubp/gcmfYdbPEbrvkazPwcmfYbqfgayfwayPwbv/sbvvobsvkazPwbqvga0fwbvPobtvocjvUbofcbpvccfPMcgPMcgvMdafAdbfEckfUbtvka0PwcfPIaxvsbwfsbvPodb/EcnPYclvYckfUbpvccjPQdd/IbofcbrPiPy8D0AAAAMHRSTlMAA/79/v7+5ycVZ3Y3h0xhu9jp8kFeF9OkVfQOrZi+Mh1z/iUJQ+/dx4fOYq7hybzs5xU1AAABIklEQVQ4y+2Ux3aDMBBFpTR6M92AwYB7S6EG/v+7MsJJnBBKVsnGdwHozT1HQgxC6MrfEkiSM+Y4khSgUxhazLDHWGF4QveAO2gyLnGQ9QS4wcDaXGJYiPGegVnU50UzUvdgTsd7AfrMaEaqXvO+sfAAHP0uzz+SmhCfR7FwB5gdpm+SyoeHEJ5P67o2tbanmRBP5/iSgFkUxaplaisIv3kAu6yqihK/RiIF0ZJtT6NTaZpS9iWwm0D/uXB7kmXZ5LOgN0O7ayvEQ57nKtssCbMqDA5i9+YulLIsVQ5MzKnwqCz6Phev3AIcxhy5K3x/A/DbG2CzIdctP9RS9PrxnTU92KOYll8bZHqs7Wk5AcY9hIx9kuyN3/xuxm5nXA+df+cNJSAgjMbiFSoAAAAASUVORK5CYII=) |
| 195 | + } |
| 196 | + .menu |
| 197 | + {position:absolute;right:20px;top:35px;width:300px;} |
| 198 | + |
| 199 | + |
| 200 | + .spc |
| 201 | + {flex:1} |
| 202 | + |
189 | 203 | </style> |
190 | 204 |
|
191 | 205 |
|
|
200 | 214 |
|
201 | 215 | <misc-hdr component=grp> |
202 | 216 | <img slot=title class=title src='images/nodejs-terminal.png' style='top:-25px;height:80px' alt='Node.js Terminal'> |
203 | | - <time slot=date datetime=2026-04-22> |
204 | | - 22 Apr 2026 |
| 217 | + <time slot=date datetime=2026-05-05> |
| 218 | + 05 May 2026 |
205 | 219 | </time> |
206 | 220 | </misc-hdr> |
207 | 221 |
|
|
226 | 240 | <img id=snippet-console title=snippet-console class=icon> |
227 | 241 | </div> |
228 | 242 |
|
| 243 | + <div class=spc> |
| 244 | + </div> |
| 245 | + |
| 246 | + <div id=more-menu-click> |
| 247 | + <span> |
| 248 | + more |
| 249 | + </span> |
| 250 | + <img id=more-menu-icon> |
| 251 | + </div> |
| 252 | + <div id=more-menu class=menu style='display:none'> |
| 253 | + <div id=https-server class=menu-opt>install https-server</div> |
| 254 | + </div> |
| 255 | + |
| 256 | + |
229 | 257 | </div> |
230 | 258 |
|
231 | 259 | <div id=hldr> |
|
256 | 284 | var blank; |
257 | 285 |
|
258 | 286 |
|
259 | | - var btn = {}; |
260 | | - var ui = {}; |
| 287 | + var btn = {}; |
| 288 | + var ui = {}; |
| 289 | + var menu_callback = {}; |
| 290 | + var install = {}; |
261 | 291 |
|
262 | 292 |
|
263 | 293 | //: |
|
272 | 302 | filemod.initdom(); |
273 | 303 | wcfs.initdom(); |
274 | 304 |
|
275 | | - $('#niframe').onclick = btn.niframe; |
276 | | - $('#snippet-editor').onclick = btn['snippet-editor']; |
277 | | - $('#snippet-console').onclick = btn['snippet-console']; |
| 305 | + //menu.add.style(); |
| 306 | + var card = $('#more-menu'); |
| 307 | + $('#more-menu-click').onclick = menu.click(card,'both',false,menu_callback.more); |
278 | 308 |
|
279 | | - $('#hldr').style.background = theme.light.background; |
280 | 309 |
|
| 310 | + $('#niframe').onclick = btn.niframe; |
| 311 | + $('#snippet-editor').onclick = btn['snippet-editor']; |
| 312 | + $('#snippet-console').onclick = btn['snippet-console']; |
281 | 313 |
|
282 | | - $('[value=test]').onclick = btn.test; |
| 314 | + $('#hldr').style.background = theme.light.background; |
| 315 | + |
| 316 | + |
| 317 | + $('[value=test]').onclick = btn.test; |
283 | 318 |
|
284 | 319 | log.initdom(); |
285 | 320 |
|
286 | | - blank = $('#file-info img').src; |
| 321 | + blank = $('#file-info img').src; |
| 322 | + |
287 | 323 |
|
288 | 324 | ui.info(); |
289 | 325 |
|
|
380 | 416 | }//test |
381 | 417 |
|
382 | 418 |
|
| 419 | + //: |
| 420 | + |
| 421 | + |
| 422 | + menu_callback.more = function(type,opt){ |
| 423 | + //console.log('more',type,opt); |
| 424 | + if(type=='opt'){ |
| 425 | + |
| 426 | + switch(opt.id){ |
| 427 | + case 'https-server' : install['https-server'](); |
| 428 | + break; |
| 429 | + }//switch |
| 430 | + |
| 431 | + } |
| 432 | + |
| 433 | + }//more |
| 434 | + |
| 435 | + |
383 | 436 | //: |
384 | 437 |
|
385 | 438 |
|
|
404 | 457 | }//info |
405 | 458 |
|
406 | 459 |
|
| 460 | + //: |
| 461 | + |
| 462 | + |
| 463 | + install['https-server'] = async function(){ |
| 464 | + |
| 465 | + var {create_archive,jszip} = await import('https://code.ext-code.com/nodejs/servers/https-server/create-archive.m.js'); |
| 466 | + debugger; |
| 467 | + var blob = await create_archive({download:false}); |
| 468 | + console.log(blob); |
| 469 | + |
| 470 | + }//https-server |
| 471 | + |
407 | 472 | //: |
408 | 473 |
|
409 | 474 |
|
|
0 commit comments