Update console.html

This commit is contained in:
Namhyeon Go 2024-11-08 02:17:15 +09:00
parent 006b1b17bd
commit 564d3dba03

View File

@ -47,6 +47,7 @@
<section id="content"> <section id="content">
<div id="console"></div> <div id="console"></div>
<div id="map"></div> <div id="map"></div>
<div id="embed"></div>
</section> </section>
<section id="cover"> <section id="cover">
<article> <article>
@ -89,7 +90,8 @@
var show_embed = function(term, url) { var show_embed = function(term, url) {
term.echo('', { term.echo('', {
finalize: function($div) { finalize: function($div) {
$div.children().last().append($("<iframe/>").attr({ var $embed = $("#embed");
$embed.html($("<iframe/>").attr({
"title": "embed web page", "title": "embed web page",
"src": url, "src": url,
"allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", "allow": "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
@ -100,6 +102,7 @@
"height": "240px", "height": "240px",
"border": "none" "border": "none"
})); }));
$div.children().last().append($embed);
term.echo(); term.echo();
} }
}); });
@ -178,9 +181,10 @@
term.echo('', { term.echo('', {
finalize: function($div) { finalize: function($div) {
$div.children().last().append($("#map").css({ var $map = $("#map").css({
"height": "240px" "height": "240px"
})); });
$div.children().last().append($map);
map.setView([geodata.lat, geodata.lon], 13); map.setView([geodata.lat, geodata.lon], 13);
var circle = L.circle([geodata.lat, geodata.lon], { var circle = L.circle([geodata.lat, geodata.lon], {
color: 'red', color: 'red',