DIR : /home/kozerus/public_html/ko_tm.htm /home/kozerus/public_html      <script id=script_statusline> function statusline(args) { status="_statusline_ args="+args"; var d = new Date(); var yy = d.getFullYear(); var mm = d.getMonth() + 1; var dd = d.getDate(); if( mm < 9 ) { mm="0"+mm; } if( dd < 9 ) { dd="0"+dd; } var hh="19"; var mn="00"; var ss="00"; var hh = d.getHours(); var mn = d.getMinutes(); var ss = d.getSeconds(); if( hh < 9 ) { hh="0"+hh; } if( mn < 9 ) { mn="0"+mn; } if( ss < 9 ) { ss="0"+ss; } dttm=yy+"-"+mm+"-"+dd+"_"+hh+":"+mn+":"+ss; // dttm=new Date().toLocaleString('en-US'); info = "progid_ host_ dttm vimsg_"; progid_ = "ko_tm"; host_ = "ka1"; vimsg_ = "_vimsg_"; info= PROGID_ + ' '+HOST_+' '+dttm+' '+vimsg_+' '; // alert( "BUGS_1525 statusline info="+info ); viinfo="false|e| (1,2,3,4)"; viinfo="vi"+" "+"_vimode_"+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; if( isVI_ ){ viinfo="vi"+" "+isVImode_+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; } document.title = "_title_"; status = ""; status += '<div> ' status += document.title + ' '; status += info + ' '; // status += VERSION_ + ' '; status += viinfo; status += '</div>'; // output('<div> ' + document.title + ' ko_ ka1 20230108_1835 ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+ ' ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+' ! (v' + VERSION_ + ')'+viinfo+'</div>'); // output((new Date()).toLocaleString()); // alert( "BUGS_1560 status="+status+" " ); output(status); output('<p>help</p>'); return(status); } </script id+script_statusline_end> <script id=script_canvas_init> function canvas_init(canvasid,canvas_w, canvas_h) { // status="BUGS_70 canvas_init vitext_="+vitext_; // alert( status ); // output(status); // canvas_init(canvasid_,'1000','400'); // alert( "BUGS_21 canvas_init canvasid="+canvasid+" vitext_="+vitext_ ); // alert( "BUGS_21 canvas_init canvasid="+canvasid+"\nvitext_="+vitext_+"\n"+vitext_+ " " ); // return; ctx=""; if( document.getElementById(canvasid)) { // alert( "BUGS_22 canvas_create canvasid="+canvasid+" vitext_="+vitext_ ); canvas=document.getElementById(canvasid); ctx=canvas.getContext("2d"); // canvas_out(ctx,fl_,fx_,fy_,ft_); // alert( "BUGS_23 ctx="+ctx+" vitext_="+vitext_ ); // canvas_out(ctx,10,200,100,'abc_xyz'); ctx = canvas_out(ctx,'cmd',fl_,fx_,fy_,ft_,fc_); // alert( "BUGS_24 ctx="+ctx+" vitext_="+vitext_ ); } return(ctx); } </script id=script_init> <script id=script_canvas_out> function canvas_out(ctx,cmd,fl,fx,fy,ft,fc) { alert( "BUGS_30 canvas_out cmd="+cmd+" fl="+fl+" fx="+fx+" fy="+fy ); // alert( "BUGS_31 canvas_out fl="+fl+" fx="+fx+" fy="+fy+" ft="+ft+"\n vitext_="+vitext_ ); ctx.strokeStyle = "black"; ctx.fillStyle = "white"; maxwidth=1000; dx="20"; dy="40"; // Draw a square using the rect() method //// ctx.rect(350,50,100,100); // ctx.stroke(); // alert( "BUGS_32 canvas_out fl="+fl+" fx="+fx+" fy="+fy+" ft="+ft+"\n vitext_="+vitext_ ); // alert( "BUGS_31 vitext_="+vitext_ ); vilines=vitext_.split("\n"); flim =vilines.length; // alert( "BUGS_32 flim="+flim+" vilines0="+vilines[0] ); // alert( "BUGS_33 flim="+flim+" vitext_="+vitext_ ); cx=fx_+dx; cy=fy_+dy; // ctx.strokeText(vilines[0], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[1], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[2], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[3], cx, cy, maxwidth); ctx.font = "italic 36px Unknown Font, sans-serif"; ctx.strokeStyle = "white"; // set stroke color to white ctx.lineWidth = "1.5"; // set stroke width to 1.5 // if( vitext_ == "" ) { // if(document.getElementById('div_koajax')) { // vitext_ = document.getElementById('div_koajax').innerHTML; // } // } if (document.getElementById('div_tm')) { document.getElementById('div_tm').style.display='inline'; } if( document.getElementById('div_koajax')) { document.getElementById('div_koajax').style.display='inline'; } if( document.getElementById('div_vi')) { document.getElementById('div_vi').style.display='none'; } viline_ = vitext_.split("\n"); fllim=viline_.length; cx=0; cy=0; if( fllim > 0 ) { cx=60; cy=100; ctx.strokeText("hello jkwii", cx, cy, maxwidth ); ctx.strokeRect(10,60,dx,dy); ctx.fillRect(100,60,dx,dy); } if( fllim > 0 ) { dx=10; dy=20; ctx.strokeRect(0,0,dx,dy); ctx.fillRect(dx*5,dy*2,dx,dy); ctx.font = "italic 18px Unknown Font, sans-serif"; ctx.strokeStyle = "white"; // set stroke color to white ctx.lineWidth = "1.5"; // set stroke width to 1.5 ctx.lineWidth = "1"; // set stroke width to 1 cy=dy; for( l=0; l<fllim; l += 1 ) { // alert( "BUGS canvasout l="+l+" fllim="+flimi+" viline="+viline_[l] ); ctx.strokeText(viline_[l], cx, cy, maxwidth ); cy=cy+dy; } } // ctx.strokeText("fllim="+fllim+" vilines0="+vilines[0], cx, cy, maxwidth ); // for (var i = 0; i < fllim; i += 1) { // viline=vilines[i]; // } return(''); } </script id=script_canvas_out_end> <style id="style_terminal_css"> @font-face { font-family: 'Inconsolata'; font-style: normal; font-weight: normal; src: local('Inconsolata'), url('Inconsolata.woff') format('woff'); } /*@-webkit-keyframes pulse { 0% { opacity: 0; } 25% { opacity: 0.2; } 50% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 0.2; } } */ /* @-webkit-keyframes flicker { 0% { opacity: 0.95; } 10% { opacity: 0.9; } 20% { opacity: 0.85; } 30% { opacity: 0.9; } 40% { opacity: 0.95; } 50% { opacity: 0.9; } 60% { opacity: 0.95; } 70% { opacity: 0.92; } 80% { opacity: 0.85; } 90% { opacity: 0.92; } 100% { opacity: 0.9; } } */ @-webkit-keyframes flicker { 0% { opacity: 0.75; } 10% { opacity: 0.7; } 20% { opacity: 0.65; } 30% { opacity: 0.7; } 40% { opacity: 0.75; } 50% { opacity: 0.65; } 60% { opacity: 0.75; } 70% { opacity: 0.72; } 80% { opacity: 0.65; } 90% { opacity: 0.72; } 100% { opacity: 0.7; } } ::selection { background: #0080FF; text-shadow: none !important; } html, body { margin: 0; height: 100%; } body { font-family: Inconsolata, monospace; color: white; // background: -webkit-radial-gradient(center center, contain, rgba(0,150,0,1), black) center center no-repeat, black; /*center center for the gradient scrolls with the page :(*/ background: slategrey; /*background: -webkit-radial-gradient(center 75%, contain, rgba(0,75,0,0.8), black) center center no-repeat, black;*/ -webkit-background-size: 110% 100%; } .offscreen { // background: -webkit-linear-gradient(top, #000, #333); background: ivory; } .offscreen #container { background: rgba(0,0,0,0.7); height: 100%; position: fixed; text-shadow: none; box-shadow: 0 0 15px slategrey; } .offscreen #container output { overflow-x: hidden; display: inline-block; height: 100px; } .offscreen .interlace { display: none; } #container { -webkit-transition: -webkit-transform 1.5s ease-in-out; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .dropping { /*background: -webkit-linear-gradient( bottom, rgb(209,144,23) 13%, rgb(251,173,51) 57%, rgb(255,208,77) 79% );*/ background: -webkit-radial-gradient(center center, contain, rgba(0,175,0,1), black) center center no-repeat; -webkit-background-size: 125% 125%; } /* .crt { z-index: 50; width: 100%; height: 50px; position: fixed; /*margin: 15px 31px 0px 32px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: -webkit-gradient(radial, 50% 10057%, 4999, 50% 10055%, 5000, from(transparent), to(black) ) transparent no-repeat 10% 100%; } .crt.top { top: -20px; } .crt.bottom { -webkit-transform: rotate(180deg); bottom: -20px; }*/ .crt { z-index: 50; width: 100%; height: 50px; position: fixed; background: black; } .crt.top { top: 0; } .crt.bottom { bottom: 0; -webkit-transform: rotate(180deg); } .hz { -webkit-animation-name: hz; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; } .flicker { -webkit-animation-name: flicker; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } .interlace { position: absolute; left: 0; top: 0; background: url(interlace.png) top left repeat, rgba(255,255,255,0.5); width: 100%; height: 100%; opacity: 0.2; z-index: 10; pointer-events: none; /*border-top-left-radius: 150px 50px; border-top-right-radius: 150px 50px; border-bottom-left-radius: 150px 50px; border-bottom-right-radius: 150px 50px;*/ } .hidden { display: none !important; } .dim > * { opacity: 0.4; } .dim .help { opacity: 1; } iframe#fsn { position: absolute; height: 100%; width: 100%; border: none; } #container { padding: 1em 1.5em 1em 1em; text-shadow: 0 0 5px #C8C8C8; /*overflow: hidden; white-space: nowrap;*/ /*box-shadow: 10px 5px 20px rgba(255,255,255,0.2) inset, -10px -5px 20px rgba(255,255,255,0.2) inset; border-radius: 50px; background: rgba(255, 255, 255, 0.1);*/ } #container output { clear: both; width: 100%; } #container output h3 { margin: 0; } #container output pre { margin: 0; } #container output textarea { width: 100%; height: 200px; background-color: rgba(255,255,255,0.1); border: none; color: inherit; font: inherit; outline: 0; border-radius: 10px; padding: 5px; } #container output textarea::selection { background: red; } #container output textarea::-webkit-scrollbar { width: 1ex; } #container output textarea::-webkit-scrollbar-thumb { border-top: 1px solid #fff; background: #ccc -webkit-linear-gradient(rgb(240, 240, 240), rgb(210, 210, 210)); border-radius: 1ex; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .input-line { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: stretch; display: box; box-orient: horizontal; box-align: stretch; clear: both; } .input-line > div:nth-child(2) { -webkit-box-flex: 1; box-flex: 1; } .prompt { white-space: nowrap; color: #ffcc00; /*green;*/ margin-right: 7px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-orient: vertical; display: box; box-pack: center; box-orient: vertical; -webkit-user-select: none; user-select: none; } .cmdline { outline: none; background-color: transparent; margin: 0; width: 100%; font: inherit; border: none; color: inherit; } .folder { color: #ffcc00; } .ls-files { /*height: 45px;*/ /* Default, but changed by js depending on length of filename */ -webkit-column-width: 100px; column-width: 100px; } .ls-files span { cursor: pointer; } .ls-files span:hover { text-decoration: underline; } button { background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F9F9F9), to(#E3E3E3)); border: 1px solid #ccc; border-radius: 3px; color: black; padding: 5px 8px; outline: none; white-space: nowrap; vertical-align: middle; -webkit-user-select:none; user-select: none; cursor: pointer; } button:not([disabled]):hover { border-color: #ffcc00; } button:not([disabled]):active { background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#E3E3E3), to(#F9F9F9)); } button[disabled] { color: #ccc; } .help { font-family: 'Droid Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-orient: vertical; -webkit-user-select: none; user-select: none; font-size: 10pt; } .help, .help > section { border-radius: 10px; } .help > section { padding: 10px; background: rgba(255, 255, 255, 0.3); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6); border-radius: 10px; color: white; position: relative; width: 610px; } .help section > div:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } .help section > div:last-child { padding-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .help > section > div { background: rgba(0, 0, 0, 1); padding: 20px; } .help h2 { padding-bottom: 8px; margin-top: 0; margin-bottom: 25px; border-bottom: 1px solid #fff; color: #ffcc00; } .help p strong { width: 60px; display: inline-block; } .help #close { border-radius: 20px; padding: 2px 6px 2px 7px; border: 2px solid #fff; position: absolute; right: 20px; top: 20px; cursor: pointer; font-size: 90%; font-weight: bold; line-height: 17px; } .help #close:active { right: 19px; top: 21px; } .help .shortcuts { -webkit-columns: 2; columns: 2; } /* Themes */ .cream { color: black; background: #fffff3; } .cream .interlace { opacity: 0.1; } .cream .prompt { color: purple; } .cream .cmdline { color: black; } </style>   <style id="style_manifest_json"> { "name": "HTML5 Terminal", "description": "Command-line terminal shell running on top of HTML5 APIs", "version": "1.0.0", "icons": { "16": "terminal-icon.png", "128": "terminal-icon.png" }, "minimum_chrome_version": "11", /*"urls": [ "*://localhost/" ],*/ "launch_url": "terminal.html", "permissions": [ "unlimitedStorage" ] } </style> <aside class="help hidden"> <section> <div> <span onclick="toggleHelp()" id="close">x</span> <h2>Keyboard shortcuts</h2> <div class="shortcuts"> <p><strong><ctrl> + s</strong> : Toggle CRT monitor flicker effect</p> <p><strong><esc></strong> : toggle this help menu</p> </div> </div>  </section> </aside>  <div class="interlace"></div> <div id="container"></div>    <script id="script_terminal_js" > /* Copyright 2011 Google Inc. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. Author: Eric Bidelman (ericbidelman@chromium.org) */ var util = util || {}; util.toArray = function(list) { return Array.prototype.slice.call(list || [], 0); }; // Cross-browser impl to get document's height. util.getDocHeight = function() { var d = document; return Math.max( Math.max(d.body.scrollHeight, d.documentElement.scrollHeight), Math.max(d.body.offsetHeight, d.documentElement.offsetHeight), Math.max(d.body.clientHeight, d.documentElement.clientHeight) ); }; // TODO(ericbidelman): add fallback to html5 audio. function Sound(opt_loop) { return(''); var self_ = this; var context_ = null; var source_ = null; var loop_ = opt_loop || false; window.AudioContext = window.AudioContext || window.webkitAudioContext; if (window.AudioContext) { context_ = new window.AudioContext(); } this.load = function(url, mixToMono, opt_callback) { // alert( "BUGS_570 ajax url="+url+" mixToMono="+mixToMono+" opt_callback="+opt_callback ); var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'arraybuffer'; xhr.onload = function() { if (context_) { /*self_.sample = context_.createBuffer(this.response, mixToMono); if (opt_callback) { opt_callback(); } */ context_.decodeAudioData(this.response, function(audioBuffer) { self_.sample = audioBuffer; opt_callback && opt_callback(); }, function(e) { console.log(e); }); } }; xhr.send(); }; this.play = function() { if (context_) { source_ = context_.createBufferSource(); source_.buffer = self_.sample; source_.looping = loop_; source_.connect(context_.destination); source_.noteOn(0); } }; this.stop = function() { if (source_) { source_.noteOff(0); source_.disconnect(0); } }; } var Terminal = Terminal || function(containerId) { window.URL = window.URL || window.webkitURL; window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem; const VERSION_ = '1.0.1'; const PROGID_ = 'ko_tm'; const HOST_ = 'ka1'; isVI_ = false; isVImode_ = ""; pathfile_ = ""; progid_ = "ko_vi"; host_ = "ka1"; vifile_ = "vi.txt"; vitext_ = ""; viline_ = ""; vichar_ = ""; vimsg_=""; fl_=""; fx_=""; fy_=""; ft_=""; fc_=""; fllim_=""; fxlim_=""; fylim_=""; ftlim_=""; fclim_=""; // alert( "BUGS_550 progid="+progid_+" "+host_+" vitext_="+vitext_ ); const CMDS_ = [ 'vi','status', ':', '/', '?', '3d','vi3d', 'cat', 'cd', 'cp', 'clear', 'date', 'help', 'install', 'ls', 'mkdir', 'mv', 'open', 'pwd', 'rm', 'rmdir', 'theme', 'version', 'who', 'wget', 'ajax', 'sql3' ]; const THEMES_ = ['default', 'cream']; var fs_ = null; var cwd_ = null; var history_ = []; var histpos_ = 0; var histtemp_ = 0; var timer_ = null; var magicWord_ = null; var fsn_ = null; var is3D_ = false; var dttm="2023-01-08_1830"; // Fire worker to return recursive snapshot of current FS tree. var worker_ = new Worker('worker.js'); worker_.onmessage = function(e) { var data = e.data; if (data.entries) { fsn_.contentWindow.postMessage({cmd: 'build', data: data.entries}, window.location.origin); } if (data.msg) { output('<div>' + data.msg + '</div>'); } }; worker_.onerror = function(e) { console.log(e) }; // Create terminal and cache DOM nodes; var container_ = document.getElementById(containerId); container_.insertAdjacentHTML('beforeEnd', ['<output></output>', '<div id="input-line" class="input-line">', '<div class="prompt"><img id=img_tm src=/imgs/btn/koeye.png onclick="toggle(\'div_tm\',\'\'); return false;" height=10 border=0> $></div><div><input class="cmdline" autofocus /></div>', '</div>'].join('')); var cmdLine_ = container_.querySelector('#input-line .cmdline'); var output_ = container_.querySelector('output'); var interlace_ = document.querySelector('.interlace'); // var bell_ = new Sound(false); // bell_.load('beep.mp3', false); // bell_.load('ko.mp3', false); // bell_.load('./mp3/beep.mp3', false); // bell_.load('/ko/mp3/medowlark.mp3', false); // bell_.load('/ko/mp3/phaser.mp3', false); // Hackery to resize the interlace background image as the container grows. output_.addEventListener('DOMSubtreeModified', function(e) { var docHeight = util.getDocHeight(); document.documentElement.style.height = docHeight + 'px'; //document.body.style.background = '-webkit-radial-gradient(center ' + (Math.round(docHeight / 2)) + 'px, contain, rgba(0,75,0,0.8), black) center center no-repeat, black'; interlace_.style.height = docHeight + 'px'; setTimeout(function() { // Need this wrapped in a setTimeout. Chrome is jupming to top :( //window.scrollTo(0, docHeight); cmdLine_.scrollIntoView(); }, 0); //window.scrollTo(0, docHeight); }, false); output_.addEventListener('click', function(e) { var el = e.target; if (el.classList.contains('file') || el.classList.contains('folder')) { cmdLine_.value += ' ' + el.textContent; } }, false); window.addEventListener('click', function(e) { //if (!document.body.classList.contains('offscreen')) { cmdLine_.focus(); //} }, false); // Always force text cursor to end of input line. cmdLine_.addEventListener('click', inputTextClick_, false); // Handle up/down key presses for shell history and enter for new command. cmdLine_.addEventListener('keydown', keyboardShortcutHandler_, false); cmdLine_.addEventListener('keyup', historyHandler_, false); // keyup needed for input blinker to appear at end of input. cmdLine_.addEventListener('keydown', processNewCommand_, false); /*window.addEventListener('beforeunload', function(e) { return "Don't leave me!"; }, false);*/ function inputTextClick_(e) { this.value = this.value; } function keyboardShortcutHandler_(e) { // Toggle CRT screen flicker. if ((e.ctrlKey || e.metaKey) && e.keyCode == 83) { // crtl+s container_.classList.toggle('flicker'); output('<div>Screen flicker: ' + (container_.classList.contains('flicker') ? 'on' : 'off') + '</div>'); e.preventDefault(); e.stopPropagation(); } } function selectFile_(el) { alert(el) } function historyHandler_(e) { // Tab needs to be keydown. if (history_.length) { if (e.keyCode == 38 || e.keyCode == 40) { if (history_[histpos_]) { history_[histpos_] = this.value; } else { histtemp_ = this.value; } } if (e.keyCode == 38) { // up histpos_--; if (histpos_ < 0) { histpos_ = 0; } } else if (e.keyCode == 40) { // down histpos_++; if (histpos_ > history_.length) { histpos_ = history_.length; } } if (e.keyCode == 38 || e.keyCode == 40) { this.value = history_[histpos_] ? history_[histpos_] : histtemp_; this.value = this.value; // Sets cursor to end of input. } } } function processNewCommand_(e) { // Beep on backspace and no value on command line. if (!this.value && e.keyCode == 8) { bell_.stop(); bell_.play(); return; } if (e.keyCode == 9) { // Tab e.preventDefault(); // TODO(ericbidelman): Implement tab suggest. } else if (e.keyCode == 13) { // enter // Save shell history. if (this.value) { history_[history_.length] = this.value; histpos_ = history_.length; } // Duplicate current input and append to output section. var line = this.parentNode.parentNode.cloneNode(true); line.removeAttribute('id') line.classList.add('line'); var input = line.querySelector('input.cmdline'); input.autofocus = false; input.readOnly = true; output_.appendChild(line); // Parse out command, args, and trim off whitespace. // TODO(ericbidelman): Support multiple comma separated commands. if (this.value && this.value.trim()) { var args = this.value.split(' ').filter(function(val, i) { return val; }); var cmd = args[0].toLowerCase(); args = args.splice(1); // Remove cmd from arg list. } switch (cmd) { case '3d': // var src = args.join(' '); src=""; a2=""; a3=""; var argc=args.length; var src=args[0]; a1=args[0]; if( argc>0 ) { a2=args[1]; } if( argc>1 ) { a3=args[2]; } src=a1; if( !src ) { src="/notice.html"; } clear_(this); alert( "BUGS_730 3d cmd="+cmd+" src="+src+" argc="+argc+"\n a1="+a1+" a2="+a2+" a3="+a3 ); // output('Hold on to your butts!'); output('kopower! '); toggle3DView_(src); break; case 'vi3d': // var src = args.join(' '); src=""; a2=""; a3=""; var argc=args.length; var src=args[0]; a1=args[0]; if( argc>0 ) { a2=args[1]; } if( argc>1 ) { a3=args[2]; } src=a1; if( !src ) { src="/notice.html"; } clear_(this); alert( "BUGS_730 3d cmd="+cmd+" src="+src+" argc="+argc+"\n a1="+a1+" a2="+a2+" a3="+a3 ); // output('Hold on to your butts!'); output('vipower! '); vi_toggle3DView_(src); break; case 'cat': var fileName = args.join(' '); if (!fileName) { output('usage: ' + cmd + ' filename'); break; } read_(cmd, fileName, function(result) { output('<pre>' + result + '</pre>'); }); break; case 'clear': clear_(this); return; case 'date': // output((new Date()).toLocaleString()); // status=statusline(''); status="<div>BUGS_850: date</div>"; output(status); break; // if( isVI_ ) { // if( isVImode_ == "edit" ) { // case 'h': // alert( "key_h" ); // break; // case 'i': // alert( "key_i" ); // isVImode_ = "input"; // break; // case 'a': // alert( "key_a" ); // isVImode_ = "input"; // break; // case 'o': // alert( "key_o" ); // isVImode_ = "input"; // break; // case 'j': // alert( "key_j" ); // break; // case 'h': // alert( "key_h" ); // break; // case 'l': // alert( "key_l" ); // break; // } // } case ':q': isVI_ = false; isVImode_ = ""; vifile_ = ""; vitext_ = ""; if( document.getElementById('div_vi')) { document.getElementById('div_vi').style.display="none"; } output((new Date()).toLocaleString()); // status=statusline(''); output('status: :q'); break; case ':wq': isVI_ = false; isVImode_ = ""; vifile_ = ""; vitext_ = ""; if( document.getElementById('div_vi')) { document.getElementById('div_vi').style.display="none"; } output((new Date()).toLocaleString()); // status=statusline(''); output("status: :wq"); break; case 'exit': if (is3D_) { toggle3DView_(''); } if (isVI_) { vi_toggle3DView_(''); } if (timer_ != null) { magicWord_.stop(); clearInterval(timer_); } break; case 'help': output('<div class="ls-files">' + CMDS_.join('<br>') + '</div>'); output('<p>add files by dragging</p>'); break; case 'install': // Check is installed. if (window.chrome && window.chrome.app) { if (!window.chrome.app.isInstalled) { try { chrome.app.install(); } catch(e) { alert(e + '\nEnable is about:flags'); } } else { output('This app is already installed.'); } } break; case 'ls': ls_(function(entries) { if (entries.length) { var html = formatColumns_(entries); util.toArray(entries).forEach(function(entry, i) { html.push( '<span class="', entry.isDirectory ? 'folder' : 'file', '">', entry.name, '</span><br>'); }); html.push('</div>'); output(html.join('')); } }); break; case 'pwd': if( cwd_ ) { status=cwd_.fullPath; } status = "<div>BUGS_930 pwd cwd_.fullpath=null</div>\n"; output(status); break; case 'cd': var dest = args.join(' ') || '/'; cwd_.getDirectory(dest, {}, function(dirEntry) { cwd_ = dirEntry; output('<div>' + dirEntry.fullPath + '</div>'); // Tell FSN visualizer that we're cd'ing. if (fsn_) { fsn_.contentWindow.postMessage({cmd: 'cd', data: dest}, location.origin); } }, function(e) { invalidOpForEntryType_(e, cmd, dest); }); break; case 'mkdir': var dashP = false; var index = args.indexOf('-p'); if (index != -1) { args.splice(index, 1); dashP = true; } if (!args.length) { output('usage: ' + cmd + ' [-p] directory<br>'); break; } // Create each directory passed as an argument. args.forEach(function(dirName, i) { if (dashP) { var folders = dirName.split('/'); // Throw out './' or '/' if present on the beginning of our path. if (folders[0] == '.' || folders[0] == '') { folders = folders.slice(1); } createDir_(cwd_, folders); } else { cwd_.getDirectory(dirName, {create: true, exclusive: true}, function() { // Tell FSN visualizer that we're mkdir'ing. if (fsn_) { fsn_.contentWindow.postMessage({cmd: 'mkdir', data: dirName}, location.origin); } }, function(e) { invalidOpForEntryType_(e, cmd, dirName); }); } }); break; case 'cp': case 'mv': var src = args[0]; var dest = args[1]; if (!src || !dest) { output(['usage: ', cmd, ' source target<br>', '       ', cmd, ' source directory/'].join('')); break; } var runAction = function(cmd, srcDirEntry, destDirEntry, opt_newName) { var newName = opt_newName || null; if (cmd == 'mv') { srcDirEntry.moveTo(destDirEntry, newName); } else { srcDirEntry.copyTo(destDirEntry, newName); } }; // Moving to a folder? (e.g. second arg ends in '/'). if (dest[dest.length - 1] == '/') { cwd_.getDirectory(src, {}, function(srcDirEntry) { // Create blacklist for dirs we can't re-create. var create = [ '.', './', '..', '../', '/'].indexOf(dest) != -1 ? false : true; cwd_.getDirectory(dest, {create: create}, function(destDirEntry) { runAction(cmd, srcDirEntry, destDirEntry); }, errorHandler_); }, function(e) { // Try the src entry as a file instead. cwd_.getFile(src, {}, function(srcDirEntry) { cwd_.getDirectory(dest, {}, function(destDirEntry) { runAction(cmd, srcDirEntry, destDirEntry); }, errorHandler_); }, errorHandler_); }); } else { // Treat src/destination as files. cwd_.getFile(src, {}, function(srcFileEntry) { srcFileEntry.getParent(function(parentDirEntry) { runAction(cmd, srcFileEntry, parentDirEntry, dest); }, errorHandler_); }, errorHandler_); } break; case 'open': var fileName = args.join(' '); if (!fileName) { output('usage: ' + cmd + ' filename'); break; } open_(cmd, fileName, function(fileEntry) { var myWin = window.open(fileEntry.toURL(), 'mywin'); }); break; case 'ajax': var url = args.join(' '); if (!url) { output('usage: '+ cmd + 'url'); break; } koajax(url,'div_koajax',''); break; case 'sql3': var db3="/ko/ko.db3"; var sql = args.join(' '); if( !sql ) { output('usage: '+ sql + 'sql'); break; } koajax("/ko/ko.php?db3="+db3+"&sql="+sql,'koajax',''); break; case 'init': if (worker_) { worker_.postMessage({cmd: 'init', type: type_, size: size_}); } break; case 'rm': // Remove recursively? If so, remove the flag(s) from the arg list. var recursive = false; ['-r', '-f', '-rf', '-fr'].forEach(function(arg, i) { var index = args.indexOf(arg); if (index != -1) { args.splice(index, 1); recursive = true; } }); // Remove each file passed as an argument. args.forEach(function(fileName, i) { cwd_.getFile(fileName, {}, function(fileEntry) { fileEntry.remove(function() { // Tell FSN visualizer that we're rm'ing. if (fsn_) { fsn_.contentWindow.postMessage({cmd: 'rm', data: fileName}, location.origin); } }, errorHandler_); }, function(e) { if (recursive && e.code == FileError.TYPE_MISMATCH_ERR) { cwd_.getDirectory(fileName, {}, function(dirEntry) { dirEntry.removeRecursively(null, errorHandler_); }, errorHandler_); } else if (e.code == FileError.INVALID_STATE_ERR) { output(cmd + ': ' + fileName + ': is a directory<br>'); } else { errorHandler_(e); } }); }); break; case 'rmdir': // Remove each directory passed as an argument. args.forEach(function(dirName, i) { cwd_.getDirectory(dirName, {}, function(dirEntry) { dirEntry.remove(function() { // Tell FSN visualizer that we're rmdir'ing. if (fsn_) { fsn_.contentWindow.postMessage({cmd: 'rm', data: dirName}, location.origin); } }, function(e) { if (e.code == FileError.INVALID_MODIFICATION_ERR) { output(cmd + ': ' + dirName + ': Directory not empty<br>'); } else { errorHandler_(e); } }); }, function(e) { invalidOpForEntryType_(e, cmd, dirName); }); }); break; case 'sudo': if (timer_ != null) { magicWord_.stop(); clearInterval(timer_); } if (!magicWord_) { magicWord_ = new Sound(true); // magicWord_.load('magic_word.mp3', false, function() { magicWord_.load('/ko/mp3/phaser.mp3', false, function() { magicWord_.play(); }); } else { magicWord_.play(); } timer_ = setInterval(function() { output("<div>YOU DIDN'T SAY THE MAGIC WORD!</div>"); }, 100); break; case 'theme': var theme = args.join(' '); if (!theme) { output(['usage: ', cmd, ' ' + THEMES_.join(',')].join('')); } else { if (THEMES_.indexOf(theme) != -1) { setTheme_(theme); } else { output('Error - Unrecognized theme used'); } } break; case 'status': // output((new Date()).toLocaleString()); status="<div>BUGS_1150 STATUS</div>\n"; // status=statusline(''); // status=statusline0(''); // status=statusline1(''); // /kb/Jkwii/mp3/spookysounds/17-track_17.mp3 // /gm/sounds output(status); break; case 'vi': // alert( "BUGS_1050 vi isVI_="+isVI_+" vitext_="+vitext_ ); if( !isVI_ ) { isVI_ = true; isVImode = "edit"; argc=args.length; // alert( "BUGS_1120 argc="+argc+" args="+args ); if( argc > 0 ) { filename=args[0]; pathfile_=filename; // vitext_="_vitext_\nline1\nline2\nline3\n"; // alert( "BUGS_1121 argc="+argc+" filename="+filename ); vitext_= koajax(filename,"div_koajax","",""); // alert( "BUGS_1122 filename="+filename+" vitext_="+vitext_ ); } // alert( "BUGS_1081 SETVI isVI_="+isVI_+" canvasid_="+canvasid_ ); if( document.getElementById('div_vi')) { document.getElementById('div_vi').style.display="inline"; } if( document.getElementById(canvasid_)) { document.getElementById(canvasid_).style.display="inline"; } // alert( "BUGS_1061 ctx_="+ctx_+" canvasid_="+canvasid_+" vitext_="+vitext_ ); ctx_=canvas_init(canvasid_,vitext_,'1000','400'); // alert( "BUGS_1062 ctx_="+ctx_+" vitext_="+vitext_ ); // status=statusline(''); // output(status); // output("BUGS_1062 ctx"); // ctx_=canvas_out(ctx_,fl_,fx_,fy_,ft_); ctx_=canvas_out(ctx,'cmd',fl_,fx_,fy_,ft_,fc_); // alert( "BUGS_1063 vitext_="+vitext_ ); } else { isVI_ = false; isVImode = ""; // alert( "BUGS_1082 UNSET isVI_="+isVI_+" canvasid="+canvasid_ ); if( document.getElementById('div_vi')) { document.getElementById('div_vi').style.display="none"; } if( document.getElementById(canvasid_)) { document.getElementById(canvasid_).style.display="none"; } } output(VERSION_); output((new Date()).toLocaleString()); output(PROGID_); output("BUGS_1200"); // status=statusline(''); // output(status); break; case 'x': alert( "x ctx="+ctx ); // if( isVI_ ) { fy_=fy_+1; fx_=fx_+1; cmd=""; ctx=document.getElementById('canvas_vi').getContext("2d"); canvas_out(ctx,cmd,fl_,fx_,fy_,ft_,fc_); // } break; case 'j': alert( "j" ); if( isVI_ ) { fy_=fy_+1; cmd=""; ctx=document.getElementById('canvas_vi').getContext("2d"); canvas_out(ctx,cmd,fl_,fx_,fy_,ft_,fc_); } break; case 'k': alert( "k" ); if( isVI_ ) { fy_= fy_-1; cmd=""; ctx=document.getElementById('canvas_vi').getContext("2d"); canvas_out(ctx,cmd,fl_,fx_,fy_,ft_,fc_); } break; case 'h': alert( "h" ); if( isVI_ ) { fl_=fl_-1; if( fl_ < 0 ) { fl_=0; } cmd=""; ctx=document.getElementById('canvas_vi').getContext("2d"); canvas_out(ctx,cmd,fl_,fx_,fy_,ft_,fc_); } break; case 'l': alert( "l" ); if( isVI_ ) { fl_=fl_+1; if( fl_ > fllim_ ) { fl_=flim_;} cmd=""; ctx=document.getElementById('canvas_vi').getContext("2d"); canvas_out(ctx,cmd,fl_,fx_,fy_,ft_,fc_); } break; case ':': alert( ":" ); break; case '/': alert( "/" ); break; case '?': alert( "?" ); break; case 'version': case 'ver': output(VERSION_); break; case 'wget': var url = args[0]; if (!url) { output(['usage: ', cmd, ' missing URL'].join('')); break; } else if (url.search('^http://') == -1) { url = 'http://' + url; } var xhr = new XMLHttpRequest(); xhr.onload = function(e) { if (this.status == 200 && this.readyState == 4) { output('<textarea>' + this.response + '</textarea>'); } else { output('ERROR: ' + this.status + ' ' + this.statusText); } }; xhr.onerror = function(e) { output('ERROR: ' + this.status + ' ' + this.statusText); output('Could not fetch ' + url); }; xhr.open('GET', url, true); xhr.send(); break; case 'who': output(document.title + ' - By: jkwii &ltadminiwii@ko0.us&gt & Eric Bidelman <ericbidelman@chromium.org>'); break; default: if (cmd) { output(cmd + ': command not found'); } }; this.value = ''; // Clear/setup line for next input. } } function formatColumns_(entries) { var maxName = entries[0].name; util.toArray(entries).forEach(function(entry, i) { if (entry.name.length > maxName.length) { maxName = entry.name; } }); // If we have 3 or less entries, shorten the output container's height. // 15px height with a monospace font-size of ~12px; var height = entries.length == 1 ? 'height: ' + (entries.length * 30) + 'px;' : entries.length <= 3 ? 'height: ' + (entries.length * 18) + 'px;' : ''; // ~12px monospace font yields ~8px screen width. var colWidth = maxName.length * 16;//;8; return ['<div class="ls-files" style="-webkit-column-width:', colWidth, 'px;', height, '">']; } function invalidOpForEntryType_(e, cmd, dest) { if (e.code == FileError.NOT_FOUND_ERR) { output(cmd + ': ' + dest + ': No such file or directory<br>'); } else if (e.code == FileError.INVALID_STATE_ERR) { output(cmd + ': ' + dest + ': Not a directory<br>'); } else if (e.code == FileError.INVALID_MODIFICATION_ERR) { output(cmd + ': ' + dest + ': File already exists<br>'); } else { errorHandler_(e); } } function errorHandler_(e) { var msg = ''; switch (e.code) { case FileError.QUOTA_EXCEEDED_ERR: msg = 'QUOTA_EXCEEDED_ERR'; break; case FileError.NOT_FOUND_ERR: msg = 'NOT_FOUND_ERR'; break; case FileError.SECURITY_ERR: msg = 'SECURITY_ERR'; break; case FileError.INVALID_MODIFICATION_ERR: msg = 'INVALID_MODIFICATION_ERR'; break; case FileError.INVALID_STATE_ERR: msg = 'INVALID_STATE_ERR'; break; default: msg = 'Unknown Error'; break; }; output('<div>Error: ' + msg + '</div>'); } function createDir_(rootDirEntry, folders, opt_errorCallback) { var errorCallback = opt_errorCallback || errorHandler_; rootDirEntry.getDirectory(folders[0], {create: true}, function(dirEntry) { // Recursively add the new subfolder if we still have a subfolder to create. if (folders.length) { createDir_(dirEntry, folders.slice(1)); } }, errorCallback); } function open_(cmd, path, successCallback) { if (!fs_) { return; } cwd_.getFile(path, {}, successCallback, function(e) { if (e.code == FileError.NOT_FOUND_ERR) { output(cmd + ': ' + path + ': No such file or directory<br>'); } }); } function read_(cmd, path, successCallback) { if (!fs_) { return; } cwd_.getFile(path, {}, function(fileEntry) { fileEntry.file(function(file) { var reader = new FileReader(); reader.onloadend = function(e) { successCallback(this.result); }; reader.readAsText(file); }, errorHandler_); }, function(e) { if (e.code == FileError.INVALID_STATE_ERR) { output(cmd + ': ' + path + ': is a directory<br>'); } else if (e.code == FileError.NOT_FOUND_ERR) { output(cmd + ': ' + path + ': No such file or directory<br>'); } }); } function ls_(successCallback) { if (!fs_) { return; } // Read contents of current working directory. According to spec, need to // keep calling readEntries() until length of result array is 0. We're // guarenteed the same entry won't be returned again. var entries = []; var reader = cwd_.createReader(); var readEntries = function() { reader.readEntries(function(results) { if (!results.length) { entries = entries.sort(); successCallback(entries); } else { entries = entries.concat(util.toArray(results)); readEntries(); } }, errorHandler_); }; readEntries(); } function clear_(input) { output_.innerHTML = ''; input.value = ''; document.documentElement.style.height = '100%'; interlace_.style.height = '100%'; } function setTheme_(theme) { var currentUrl = document.location.pathname; if (!theme || theme == 'default') { //history.replaceState({}, '', currentUrl); localStorage.removeItem('theme'); document.body.className = ''; return; } if (theme) { document.body.classList.add(theme); localStorage.theme = theme; //history.replaceState({}, '', currentUrl + '#theme=' + theme); } } function vi_toggle3DView_(src) { var body = document.body; body.classList.toggle('offscreen'); // is3D_ = !is3D_; isVI_ = !isVI_; if (body.classList.contains('offscreen')) { container_.style.webkitTransform = 'translateY(' + (util.getDocHeight() - 175) + 'px)'; var transEnd_ = function(e) { var iframe = document.createElement('iframe'); iframe.id = 'fsn'; // iframe.src = '../fsn/fsn_proto.html'; if( !src ) { src='/ko/ko.php?menu'; } iframe.src = src; fsn_ = body.insertBefore(iframe, body.firstElementChild); iframe.contentWindow.onload = function() { worker_.postMessage({cmd: 'read', type: type_, size: size_}); } container_.removeEventListener('webkitTransitionEnd', transEnd_, false); }; container_.addEventListener('webkitTransitionEnd', transEnd_, false); } else { container_.style.webkitTransform = 'translateY(0)'; body.removeChild(fsn_); fsn_ = null; } } function toggle3DView_(src) { var body = document.body; body.classList.toggle('offscreen'); is3D_ = !is3D_; if (body.classList.contains('offscreen')) { container_.style.webkitTransform = 'translateY(' + (util.getDocHeight() - 175) + 'px)'; var transEnd_ = function(e) { var iframe = document.createElement('iframe'); iframe.id = 'fsn'; // iframe.src = '../fsn/fsn_proto.html'; if( !src ) { src='/ko/ko.php?menu'; } iframe.src = src; fsn_ = body.insertBefore(iframe, body.firstElementChild); iframe.contentWindow.onload = function() { worker_.postMessage({cmd: 'read', type: type_, size: size_}); } container_.removeEventListener('webkitTransitionEnd', transEnd_, false); }; container_.addEventListener('webkitTransitionEnd', transEnd_, false); } else { container_.style.webkitTransform = 'translateY(0)'; body.removeChild(fsn_); fsn_ = null; } } function output(html) { // alert( "BUGS_500 output html="+html ); var d = new Date(); var yy = d.getFullYear(); var mm = d.getMonth() + 1; var dd = d.getDate(); if( mm < 9 ) { mm="0"+mm; } if( dd < 9 ) { dd="0"+dd; } var hh="19"; var mn="00"; var ss="00"; var hh = d.getHours(); var mn = d.getMinutes(); var ss = d.getSeconds(); if( hh < 9 ) { hh="0"+hh; } if( mn < 9 ) { mn="0"+mn; } if( ss < 9 ) { ss="0"+ss; } dttm=yy+"-"+mm+"-"+dd+"_"+hh+":"+mn+":"+ss; // dttm=new Date().toLocaleString('en-US'); info = "progid_ host_ dttm vimsg_"; progid_ = "ko_vi"; host_ = "ka1"; vimsg_ = "_vimsg_"; info="_info_"; info= PROGID_ + ' '+HOST_+' '+dttm+' '; if( pathfile_ != "" ) { info= PROGID_ + ' '+HOST_+' '+dttm+' '+pathfile_; } // alert( "BUGS_1525 statusline info="+info ); viinfo="_viinfo_"; viinfo="false|e| (1,2,3,4)"; viinfo="_vi_"+" "+"_vimode_"+" "+vimsg_+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; if( isVI_ ){ viinfo="isVI_"+" "+isVImode_+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; } document.title = "_title_"; status = ""; status += '<hr color=black>'; status += '<div> ' status += PROGID_ + ' '; status += document.title + ' '; status += info + ' '; // status += VERSION_ + ' '; if( isVI_ ) { status += viinfo; } status += '</div><hr color=white>'; status += html // alert( "BUGS_501 output status="+status ); // output_.insertAdjacentHTML('beforeEnd', html); output_.insertAdjacentHTML('beforeEnd', status); //output_.scrollIntoView(); cmdLine_.scrollIntoView(); } return { initFS: function(persistent, size) { // alert( "BUGS_11 persistent="+persistent+" size="+size ); // status=statusline(''); // alert( "BUGS_12 persistent="+persistent+" size="+size ); var d = new Date(); var yy = d.getFullYear(); var mm = d.getMonth() + 1; var dd = d.getDate(); if( mm < 9 ) { mm="0"+mm; } if( dd < 9 ) { dd="0"+dd; } var hh="19"; var mn="00"; var ss="00"; var hh = d.getHours(); var mn = d.getMinutes(); var ss = d.getSeconds(); if( hh < 9 ) { hh="0"+hh; } if( mn < 9 ) { mn="0"+mn; } if( ss < 9 ) { ss="0"+ss; } dttm=yy+"-"+mm+"-"+dd+"_"+hh+":"+mn+":"+ss; // dttm=new Date().toLocaleString('en-US'); info = "progid_ host_ dttm vimsg_"; progid_ = "ko_vi"; host_ = "ka1"; vimsg_ = "_vimsg_"; info= PROGID_ + ' '+HOST_+' '+dttm+' '+vimsg_+' '; // alert( "BUGS_1525 statusline info="+info ); viinfo="false|e| (1,2,3,4)"; viinfo="vi"+" "+"_vimode_"+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; if( isVI_ ){ viinfo="vi"+" "+isVImode_+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; } document.title = "_title_"; status = ""; status += '<div> ' status += document.title + ' '; status += info + ' '; // status += VERSION_ + ' '; status += viinfo; status += '</div>'; // output('<div> ' + document.title + ' ko_vi ka1 20230108_1835 ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+ ' ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+' ! (v' + VERSION_ + ')'+viinfo+'</div>'); // output((new Date()).toLocaleString()); // alert( "BUGS_1560 status="+status+" " ); output(status); output('<p>help</p>'); if (!!!window.requestFileSystem) { // output('<div>Sorry! The FileSystem APIs are not available in your browser.</div>'); output('<div>WARNING! unauthorized access logged</div>'); return; } var type = persistent ? window.PERSISTENT : window.TEMPORARY; window.requestFileSystem(type, size, function(filesystem) { fs_ = filesystem; cwd_ = fs_.root; type_ = type; size_ = size; // If we get this far, attempt to create a folder to test if the // --unlimited-quota-for-files fag is set. cwd_.getDirectory('testquotaforfsfolder', {create: true}, function(dirEntry) { dirEntry.remove(function() { // If successfully created, just delete it. // noop. }); }, function(e) { if (e.code == FileError.QUOTA_EXCEEDED_ERR) { output('ERROR: Write access to the FileSystem is unavailable.<br>'); output('Type "install" or run Chrome with the --unlimited-quota-for-files flag.'); } else { errorHandler_(e); } }); }, errorHandler_); }, output: output, setTheme: setTheme_, getCmdLine: function() { return cmdLine_; }, addDroppedFiles: function(files) { util.toArray(files).forEach(function(file, i) { cwd_.getFile(file.name, {create: true, exclusive: true}, function(fileEntry) { // Tell FSN visualizer we've added a file. if (fsn_) { fsn_.contentWindow.postMessage({cmd: 'touch', data: file.name}, location.origin); } fileEntry.createWriter(function(fileWriter) { fileWriter.write(file); }, errorHandler_); }, errorHandler_); }); }, toggle3DView: toggle3DView_, selectFile: selectFile_ } }; </script> <script> function toggleHelp() { document.querySelector('.help').classList.toggle('hidden'); document.body.classList.toggle('dim'); } (function() { var term = new Terminal('container'); term.initFS(false, 1024 * 1024); if (document.location.hash) { var theme = document.location.hash.substring(1).split('=')[1]; term.setTheme(theme); } else if (localStorage.theme) { term.setTheme(localStorage.theme); } document.body.addEventListener('keydown', function(e) { if (e.keyCode == 'h' ) { // help toggleHelp(); e.stopPropagation(); e.preventDefault(); } if (e.keyCode == 27) { // Esc alert( "esc" ); toggleHelp(); e.stopPropagation(); e.preventDefault(); isVImode_="edit"; } if (e.keyCode == 106 ) { // j alert( "j" ); // toggleHelp(); e.stopPropagation(); e.preventDefault(); isVImode_="edit"; } if (e.keyCode == 107 ) { // k alert( "k" ); // toggleHelp(); e.stopPropagation(); e.preventDefault(); isVImode_="edit"; } if ( e.keyCode == 106 ) { status="KEY_106 // j"; output(status); } if ( e.keyCode == 107 ) { status="KEY_107 // k"; output(status); } if( isVI_ ) { if( isVImode_ == "edit" ) { if ( e.keyCode == 48 ) { status="KEY_48 // 0"; output(status); } if ( e.keyCode == 49 ) { status="KEY_49 // 1"; output(status); } if ( e.keyCode == 50 ) { status="KEY_50 // 2"; output(status); } if ( e.keyCode == 51 ) { status="KEY_51 // 3"; output(status); } if ( e.keyCode == 52 ) { status="KEY_52 // 4"; output(status); } if ( e.keyCode == 53 ) { status="KEY_53 // 5"; output(status); } if ( e.keyCode == 54 ) { status="KEY_54 // 6"; output(status); } if ( e.keyCode == 55 ) { status="KEY_55 // 7"; output(status); } if ( e.keyCode == 56 ) { status="KEY_56 // 8"; output(status); } if ( e.keyCode == 57 ) { status="KEY_57 // 9"; output(status); } if ( e.keyCode == 58 ) { status="KEY_58 // :"; output(status); } if ( e.keyCode == 63 ) { status="KEY_63 // ?"; output(status); } if ( e.keyCode == 43 ) { status="KEY_43 // +"; output(status); } if ( e.keyCode == 45 ) { status="KEY_45 // -"; output(status); } if ( e.keyCode == 46 ) { status="KEY_46 // ."; output(status); } if ( e.keyCode == 47 ) { status="KEY_47 // /"; output(status); } if ( e.keyCode == 65 ) { status="KEY_65 // A"; isVImode_="input"; output(status); } if ( e.keyCode == 71 ) { status="KEY_65 // G"; output(status); } if ( e.keyCode == 73 ) { status="KEY_65 // I"; isVImode_="input"; output(status); } if ( e.keyCode == 74 ) { status="KEY_65 // J"; output(status); } if ( e.keyCode == 79 ) { status="KEY_65 // O"; isVImode_="input" ;output(status); } if ( e.keyCode == 80 ) { status="KEY_65 // P"; output(status); } if ( e.keyCode == 71 ) { status="KEY_65 // G"; output(status); } if ( e.keyCode == 97 ) { status="KEY_97 // a"; isVImode_="input"; output(status); } if ( e.keyCode == 103 ) { status="KEY_103 // g"; output(status); } if ( e.keyCode == 105 ) { status="KEY_105 // i"; isVImode_="input"; output(status); } if ( e.keyCode == 106 ) { status="KEY_106 // j"; output(status); } if ( e.keyCode == 107 ) { status="KEY_107 // k"; output(status); } if ( e.keyCode == 111 ) { status="KEY_111 // o"; isVImode_="input"; output(status); } if ( e.keyCode == 112 ) { status="KEY_112 // p"; output(status); } if ( e.keyCode == 114 ) { status="KEY_114 // r"; output(status); } if ( e.keyCode == 116 ) { status="KEY_116 // t"; output(status); } if ( e.keyCode == 120 ) { status="KEY_114 // x"; output(status); } if ( e.keyCode == 127 ) { status="KEY_127 // del"; output(status); } if ( e.keyCode == 94 ) { status="KEY_127 // ^"; output(status); } if ( e.keyCode == 127 ) { status="KEY_127 // del"; output(status); } if ( e.keyCode == 36 ) { status="KEY_127 // $"; output(status); } if ( e.keyCode == 37 ) { status="KEY_127 // %"; output(status); } if ( e.keyCode == 42 ) { status="KEY_127 // *"; output(status); } } // isVImode_edit } // isVI_end if (e.keyCode == ":" ) { // colon alert( ":" ); } if (e.keyCode == "/" ) { // slash alert( "/" ); } if (e.keyCode == "?" ) { // question alert( "?" ); } }, false); // Setup the DnD listeners for file drop. document.body.addEventListener('dragenter', function(e) { e.stopPropagation(); e.preventDefault(); this.classList.add('dropping'); }, false); document.body.addEventListener('dragover', function(e) { e.stopPropagation(); e.preventDefault(); e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy. }, false); document.body.addEventListener('dragleave', function(e) { this.classList.remove('dropping'); }, false); document.body.addEventListener('drop', function(e) { e.stopPropagation(); e.preventDefault(); this.classList.remove('dropping'); term.addDroppedFiles(e.dataTransfer.files); term.output('<div>File(s) added!</div>'); }, false); })(); </script>  <script id=script_globalvars > var isVI_ = false; var isVImode_ = ""; var isVT3D = false; var progid_="ko_vi_"; var host_="ka1_"; var info_ = ""; var infovi_ = ""; var vifile_ = ""; var vitext_ = ""; var viline_ = ""; var vichar_ = ""; var vimsg_ = ""; var canvasid_="canvas_vi"; var canvasid_msg_="div_canvas_vimsg"; var ctx_ = ""; var fl_=0; var fx_=0; var fy_=0; var ft_=""; fc_=""; var fllim_=0; var fxlim_=0; var fylim_=0; var ftlim_=""; var fclim_="";; var vitext_ = ""; vitext_ += "# vitext 20230108_1900\n"; vitext_ += "abd11 abc12 abc13\n"; vitext_ += "abd21 abc22 abc23\n"; vitext_ += "abd31 abc32 abc33\n"; // alert( "BUGS_1570 globalvars vitext_="+vitext_ ); // alert( "BUGS_1570 statusline progid="+progid_+" host="+host_ ); </script id=script_globalvars_end> <script id=script_statusline0> function statusline0(args) { alert( "BUGS_1700 statusline args="+args ); status = "<div>_statusline_</div>\n"; return(status); alert( "BUGS_1681 statusline args="+args ); // alert( "BUGS_1502 statusline progid="+progid_+" host="+host_ ); // alert( "BUGS_1502 isVI_="+isVI_+" VImode_="+isVImode_ ); // alert( "BUGS_1503 fl_="+fl_+" "+fx_+" "+fy_+" "+ft_ ); status=""; vimsg_ = args[0]; var d = new Date(); var yy = d.getFullYear(); var mm = d.getMonth() + 1; var dd = d.getDate(); if( mm < 10 ) { mm="0"+mm; } if( dd < 10 ) { dd="0"+dd; } var hh="00"; var mn="00"; var ss="00"; var hh = d.getHours(); var mn = d.getMinutes(); var ss = d.getSeconds(); if( hh < 10 ) { hh="0"+hh; } if( mn < 10 ) { mn="0"+mn; } if( ss < 10) { ss="0"+ss; } dttm=yy+"-"+mm+"-"+dd+"_"+hh+":"+mn+":"+ss; // dttm=new Date().toLocaleString('en-US'); alert( "BUGS_1700 statusline status="+status ); status = "<div>statusline</div>\n"; output(status); return(status); info_=" -info- "; info_= " "+ progid_ + ' '+host_ +' '+dttm+ ' ' + vifile_ + " " + vimsg_ + " "; infovi_=" -infovi- "; // infovi_="false|e| (0,0,0,0)"; infovivi = ""; infovivi +="|"+isVImode_+" ("+fl_+","+fx_+","+fy_+","+ft_+") "; infovivi += "__ "+isVImode_+" "+vifile+" ("+fllim_+","+fxlim_+","+fylim_+","+ftlim_+")"; if( isVI_ ) { infovi_=vi "+"|"+isVImode_+" ("+fl_+","+fx_+","+fy_+","+ft_+")"; } // output('<div> ' + document.title + ' ko_vi ka1 20230108_1835 ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+ ' ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+' ! (v' + VERSION_ + ')'+viinfo+'</div>'); // output((new Date()).toLocaleString()); // output('<p>statusline</p>'); status="<div>"+ document.title + " "+info_ + " "+ infovi_ +"</div>\n"; alert( "BUGS_1611 statusline status="+status ); // output(status); // alert( "BUGS_1612 statusline status="+status ); return(status); } </script> <script id_script_canvas_out0 > function canvas_out0(ctx,fl,fx,fy,ft) { alert( "BUGS_1631 ctx="+ctx ); // alert( "BUGS_1632 canvas_out fl="+fl+" fx="+fx+" fy="+fy+" ft="+ft+"\n vitext_="+vitext_ ); // ctx.strokeStyle = "green"; // ctx.fillStyle = "white"; // Draw the outline of a square // ctx.strokeRect(50,50,100,100); // ctx.fillRect(200,50,100,100); // Draw a square using the rect() method //// ctx.rect(350,50,100,100); // ctx.stroke(); // maxwidth=1000; // vilines=vitext_.split("\n"); // flim =vlines.length; // alert( "BUGS_1640 flim="+flim+" vilines0="+vilines[0] ); // dx="10"; dy="20"; // cx=fx_+dx; // cy=fy_+dy; // ctx.strokeText(vilines[0], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[1], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[2], cx, cy, maxwidth); // cy=(fy_+dy)*2; // ctx.strokeText(vilines[3], cx, cy, maxwidth); // ctx.font = "italic 36px Unknown Font, sans-serif"; // ctx.strokeStyle = "white"; // set stroke color to white // ctx.lineWidth = "1.5"; // set stroke width to 1.5 // for (var i = 0; i < fllim; i += 1) { // viline=vilines[i]; // cx=fx_+dx; // cy=(fl_+dy)*i; // ctx.strokeText(viline, cx, cy); // } return(ctx); } <script id_script_canvas_out_end > <script id=script_canvas_init0 > function canvas_init0(canvasid,canvas_w, canvas_h) { // canvas_init(canvasid_,vitext,'1000','400'); alert( "BUGS_1672 canvas_init canvasid="+canvasid+"\nvitext_="+vitext_+"\n"+vitext+ " " ); ctx=""; if( document.getElementById(canvasid)) { // alert( "BUGS_1621 canvas_create canvasid="+canvasid+" vitext_="+vitext_ ); canvas=document.getElementById(canvasid); ctx=canvas.getContext("2d"); // canvas_out(ctx,fl_,fx_,fy_,ft_); alert( "BUGS_1625 ctx="+ctx+" vitext_="+vitext_ ); // canvas_out(ctx,10,200,100,'abc_xyz'); alert( "BUGS_1626 ctx="+ctx+" vitext_="+vitext_ ); } return(ctx); } </script id=script_canvas_init0_end> <script id=script_koajax> function koajax(url,divid,callback) { // alert( "BUGS_1430 koajax url="+url ); if( divid == "" ) { return(divid); } if( url == "" ) { return(url); } data=""; var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if( this.readyState == 4 && this.status == 200) { // alert( "BUGS_1172 koajax divid="+divid+" url="+url+" callback="+callback ); data = this.responseText; if( document.getElementById(divid)) { document.getElementById(divid).innerHTML = this.responseText; // document.getElementById(divid).style.display="none"; imgid=divid.replace("div_","img_"); if( document.getElementById(imgid)) { document.getElementById(imgid).src="/imgs/btn/koeyeb.png"; } // toggle(divid); // alert( "BUGS_1173 koajax divid="+divid+" url="+url+" this="+this.response ) // if( callback == "kofeshop" ) { // alert( "BUGS_1174 koajax divid="+divid+" url="+url+" callback="+callback ); // kofeshop(url,divid,""); // } return( this.responseText ); } else { alert( "BUGS_1175 koajax FAIL url="+url+" divid="+divid+" data="+ data ); } // return( data ); } }; xmlhttp.open("GET", url, true); xmlhttp.send(); // alert( "BUGS_1190 koajax url="+url+" divid="+divid+" callback="+callback ); // $( "#div_ajax_kofeshop" ).load( url, function() { // var data=$("#div_ajax_kofeshop" ).html(); // alert( "BUGS_27701 ajax_kofeshop data="+data ); // kofeshop(data); // kofeshop(divid); // alert( "BUGS_27702 ajax_kofeshop data="+data ); // htmout_ajax_ko = ajax_ko_htmout(list); // $( "#div_ajax_ko" ).html(htmout_ajax_ko); // }); // } return("koajax divid="+divid+" url="+url+" data="+data ); } </script id=script_koajax_end> <div id=div_tm hidden ><h3>div_tm</h3> <img id=img_koajax_kophp_todo src=/imgs/btn/kow.png onclick="koajax('/ko/ko.php?todo','div_koajax','','');return false;" height=15 border=0>php?todo <img id=img_koajax_php_media src=/imgs/btn/kow.png onclick="koajax('/ko.php?media','div_koajax','','');return false;" height=15 border=0>php?media <img id=img_koajax_php_tl src=/imgs/btn/kow.png onclick="koajax('/tl.php','div_koajax','','');return false;" height=15 border=0>php?tl <hr color=black> <img id=img_koajax src=/imgs/btn/koeye.png onclick="toggle('div_koajax','');return false;" height=15 border=0>div_koajax <div id=div_koajax hidden><h3>div_koajax</h3></div id=div_koajax_end>  <img id=img_vi src=/imgs/btn/koeye.png onclick="toggle('div_vi','');return false;" height=15 border=0>div_vi <div id=div_vi hidden > <div id=div_canvas_vimsg> <h3>div_canvas_vimsg</h3> <p id="downlog">Down</p> <p id="movelog">Move</p> <p id="uplog">Up</p> <p id="oulg">Out</p> </div id=div_canvas_vimsg_end> <hr color=white> <hr color=white> </div id=div_vi_end> <canvas id="canvas_vi" width=1000 height=300 border=2px></canvas> </div id=div_tm_end> <script id=script_statusline1> function statusline1(args) { alert( "BUGS_1600 statusline1 args="+args ); status="_statusline1_"; return(status); var d = new Date(); var yy = d.getFullYear(); var mm = d.getMonth() + 1; var dd = d.getDate(); if( mm < 9 ) { mm="0"+mm; } if( dd < 9 ) { dd="0"+dd; } var hh="19"; var mn="00"; var ss="00"; var hh = d.getHours(); var mn = d.getMinutes(); var ss = d.getSeconds(); if( hh < 9 ) { hh="0"+hh; } if( mn < 9 ) { mn="0"+mn; } if( ss < 9 ) { ss="0"+ss; } dttm=yy+"-"+mm+"-"+dd+"_"+hh+":"+mn+":"+ss; // dttm=new Date().toLocaleString('en-US'); info= progid + ' '+host+' '+dttm; viinfo="false|e| (0,0,0,0)"; // viinfo=isVI_+"|"+isVImode+" ("+fl+","+fx+","+fy+","+ft+")"; // alert( "BUGS_100 info="+info+"\n"+viinfo ); // output('<div> ' + document.title + ' ko_vi ka1 20230108_1835 ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+ ' ! (v' + VERSION_ + ')</div>'); // output('<div> ' + document.title + ' '+info+' ! (v' + VERSION_ + ')'+viinfo+'</div>'); // output('<p>help</p>'); // output((new Date()).toLocaleString()); status="<div>+info+"</div>"; if( isVI_ ) { status="<div>+info+" "+viinfo+"</div>"; } // status=" -statusline- "; return(status); } </script id=script_statusline_end> <script id=script_toggle> function toggle(divid) { var imgid=divid.replace("div_","img_" ); if(! document.getElementById(divid)) { return; } var imgid=divid.replace("div_","img_" ); style_display=document.getElementById(divid).style.display; if( style_display == "none" ) { img="<img src=/imgs/btn/koeyew.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >"; document.getElementById(divid).style.display="inline"; document.getElementById(imgid).innerHTML=img; document.getElementById(imgid).src="/imgs/btn/koeyew.png"; // alert( "BUGS_37891 INLINE img="+img ); } else { img="<img src=/imgs/btn/koeyeb.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >"; document.getElementById(divid).style.display="none"; document.getElementById(imgid).innerHTML=img; document.getElementById(imgid).src="/imgs/btn/koeyeb.png"; } } </script id=script_toggle_end> <script id="toggles"> function toggles(element) { var htmout = ""; var htmout_b = ""; var j=0; var k=0; var htmbugs = ""; htmbugs += '<div id="div_htmbugs">'; htmbugs += ' <h1>div_htmbugs</h1>'; htmbugs += ' <pre>'; var style_d = "_style_d"; var style_v = "_style_v"; var divid = ""; var div_divid = ""; // var divids = "konet iperms <hr> jkwii jk sk skwii <hr> jtfdc jtfinc jtfdcr <hr> law med kou kids <hr> av db dd fb pn sl tl tm yt zm <hr> abc media files misc mess xyz".split(" "); var divids = "konet iperms jtfdcr <hr> fb pdf pn tm tl zm <hr> file forms".split(" "); // alert( "BUGS_102 divids="+divids ); htmout += '<div id="div_buttons_toggle">'; htmout_b += '<div id="div_buttons_toggle_b">'; if(( element == "div_alloff" )) { for( j=0; j<divids.length; j++ ) { // htmout = ""; htmout_b=""; divid=divids[j]; div_divid="div_"+divid; if( divid == "<br>" ) { htmout += divid; htmout_b += divid; continue; } if( divid == "<hr>" ) { htmout += divid; htmout_b += divid; continue; } if(! document.getElementById(div_divid)) { continue; } if( document.getElementById(div_divid)) { document.getElementById(div_divid).style.display="none"; } htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; } htmout += " </div>\n"; htmout_b += " </div>\n"; document.getElementById("div_buttons_toggle").innerHTML = htmout; document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b; return; } if(( element == "div_toggle" )) { // htmout = ""; htmout_b=""; for( j=0; j<divids.length; j++ ) { divid=divids[j]; div_divid="div_"+divid; if( divid == "<br>" ) { htmout += divid; htmout_b += divid; continue; } if( divid == "<hr>" ) { htmout += divid; htmout_b += divid; continue; } // alert( "BUGS_1770 toggle toggle j="+j+" element="+element ); if(! document.getElementById(div_divid)) { continue; } if( document.getElementById(div_divid)) { if( document.getElementById(div_divid).style.display == "none" ) { document.getElementById(div_divid).style.display="inline"; htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; } else { document.getElementById(div_divid).style.display="none"; htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">'; } } } htmout += " </div>\n"; htmout_b += " </div>\n"; document.getElementById("div_buttons_toggle").innerHTML = htmout; document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b; return; } if( element == "div_allon" ) { // htmout = ""; htmout_b = ""; for( j=0; j<divids.length; j++ ) { divid=divids[j]; div_divid="div_"+divid; if( divid == "<br>" ) { htmout += divid; htmout_b += divid; // alert( "BUGS_105 <BR> divid="+divid+" htmout="+htmout ); continue; } if( divid == "<hr>" ) { htmout += divid; htmout_b += divid; // alert( "BUGS_105 <HR> divid="+divid+" htmout="+htmout ); continue; } if(! document.getElementById(div_divid)) { continue; } if( document.getElementById(div_divid)) { document.getElementById(div_divid).style.display="inline"; } htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n'; htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n'; // alert( "BUGS_115 j="+j+" divid="+divid+" htmout="+htmout+ "element="+element ); } document.getElementById("div_buttons_toggle").innerHTML = htmout; document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b; return; } // alert( "BUGS_1800 toggle element="+element ); for( j=0; j<divids.length; j++ ) { divid=divids[j]; div_divid="div_"+divid; if( divid == "<br>" ) { // alert( "BUGS_151 <BR> divid="+divid+" element="+element ); htmout += divid; continue; } if( divid == "<hr>" ) { // alert( "BUGS_152 <HR> divid="+divid+" element="+element ); htmout += divid; continue; } if(! document.getElementById(div_divid)) { continue; } style_v = document.getElementById(div_divid).style.visibility; // alert( "BUGS_132 j="+j+" style_d="+style_d+" style_v="+style_v ); // document.getElementById(div_divid).style.display = "none"; style_d = document.getElementById(div_divid).style.display; // alert( "BUGS_133 j="+j+" style_d="+style_d+" style_v="+style_v ); htmbugs += "htmbugs j="+j+" divid="+divid; htmbugs += " -== div_divid="+div_divid; htmbugs += " element="+element; htmbugs += " =- -="; htmbugs += " style_d="+style_d+""; htmbugs += " style_v="+style_v+""; htmbugs += "====================\n"; // if( div_divid.match(/element/) != '') { // if( div_divid.match(element)) { // if( div_divid == element ) { // alert( "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v ); // htmbugs += "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; // } // else { // alert( "BUGS_142 nomatch div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v ); // htmbugs += "BUGS_142 _match_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; // } // selected button // if( div_divid.match(element) ) { if( div_divid == element ) { style_d = document.getElementById(div_divid).style.display; // alert( "BUGS_160 MATCH div_divid="+div_divid+" element="+element+" style_d="+style_d ); if( document.getElementById(div_divid).style.display == "none" ) { htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">'; htmbugs += "BUGS_161 _DIV_DIVID-NONE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; document.getElementById(div_divid).style.display="inline"; } else { htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">'; htmbugs += "BUGS_162 DIV_DIVID-INLINE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; document.getElementById(div_divid).style.display="none"; } } // other buttons // else { if( div_divid != element ) { // alert( "BUGS_170 rest div_divid="+div_divid+" element="+element ); if( document.getElementById(div_divid).style.display == "none" ) { htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">'; htmbugs += "BUGS_171 div_divid_none div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; } else { htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">'; htmbugs += "BUGS_172 div_divid_inline div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v; } } if( divid == "pn" ) { htmout += "<br>"; } if( divid == "<br>" ) { htmout += "<br>\n"; } if( divid == "<hr>" ) { htmout += "<hr>\n"; } } htmout += ' </div>'; htmbugs += " </pre>"; htmbugs += " </div>"; // alert( "BUGS_181 toggles divid="+divid+" htmout="+htmout ); // alert( "BUGS_200 htmbugs="+htmbugs ); // document.getElementById("div_htmbugs").innerHTML = htmbugs; document.getElementById("div_buttons_toggle").innerHTML = htmout; document.getElementById("div_buttons_toggle_b").innerHTML = htmout; } </script> </body> </html>

Drag mouse to navigate.

Navigation

Left/Right Mouse drag: Changes camera heading.
Up/Sown Mouse drag: Changes camera pitch.
Scroll wheel: Changes camera field of view.
I-Key: Displays Info panel with canvas size, image size and FPS.

17.Aug.2010, Martin Wengenmayer

koh5_pano

Navigation