margin: 9px;
margin-right: 0px;
}
-.winc-console .simple-box{
+.winc-console .console-wrapper{
+ padding: 2px;
border : 1px solid gray;
margin-top : 10px;
+ overflow: auto;
+}
+.winc-console .simple-box{
font-size: 13px;
- padding: 5px;
+ padding: 2px;
height: 100px;
- overflow-y: scroll;
}
.winc-console .simple-box::selection{
app_console(pid);
-var prevCommand;
function app_console(_pid) {
+ let prevCommand = "";
+
$("#w" + _pid).resizable({
- alsoResize: "#w" + _pid + " .simple-box",
+ alsoResize: "#w" + _pid + " .console-wrapper",
minWidth: "200"
});
var log = $("#winc"+_pid+" .simple-box").html();
var exec = $("#winc"+_pid+" .textbox").val();
prevCommand = exec;
- $("#winc"+_pid+" .simple-box").html(exec+"<br><span class='fa fa-arrow-left'></span>");
- $("#winc"+_pid+" .simple-box").append( JSON.stringify( eval(exec) )+"<br><div class='console-log'>"+log+"</div>");
+ var _return = JSON.stringify( eval(exec) );
+ if( _return ){
+ $("#winc"+_pid+" .simple-box").html(exec+"<br><span class='fa fa-arrow-left'></span>");
+ $("#winc"+_pid+" .simple-box").append( _return+"<br><div class='console-log'>"+log+"</div>");
+ }
$("#winc"+_pid+" .textbox").val("");
});
+
$("#winc"+_pid+" .textbox").keypress(function(e){
if(e.which == 13){
$("#winc"+_pid+" .console-exec").click();
}
- else if(e.which == 38){
+ });
+
+ $(document).on("keydown", "#winc"+_pid+" .textbox", function(e){
+ if(e.which == 38){
$("#winc"+_pid+" .textbox").val(prevCommand);
}
+ else if(e.which == 40){
+ $("#winc"+_pid+" .textbox").val("");
+ }
});
}
\ No newline at end of file
<a class="console-exec fa fa-chevron-circle-right"></a>
<input type="text" class="textbox">
-<div class="simple-box">kitConsole(0.0.0)<br></div>
\ No newline at end of file
+<div class="console-wrapper" data-simplebar>
+ <div class="simple-box">
+ kitConsole(1.0.1)
+ <br>
+ </div>
+</div>
\ No newline at end of file
//イベントハンドラ定義
$( "#desktops" ).click( function() {
$( "#desktop-" + currentDesktop ).toggleClass( "selected-section" );
- } ).hover( function() {
+ } ).mousedown( function() {
$( ".window" ).css( "opacity", "0.6" );
- }, function() {
+ } ).mouseup( function() {
$( ".window" ).css( "opacity", "1.0" );
} );
//タスク一覧