$htm[] = "</select></div>";
$htm[] = "<div class='col-md-2'>";
$htm[] = "<select class='form-control' id=user><option value=''>By</option>";
foreach ($VORC->wikiJpUsers() as $val) {
$htm[] = "<option value='{$val}'>" . ucfirst($val) . "</option>";
}
$htm[] = "</select></div>";
$htm[] = "<div class='col-md-3'>";
$htm[] = "<input type='date' id=date class='form-control'>";
$htm[] = "</div>";
$htm[] = "</div>";
$box = new LTE\Box();
$box->id("boxSearch");
$box->title("Search wiki");
$box->icon("fa fa-search");
$box->boxTools("<a href=# class='btn' title='Clear'>x</a>");
$box->body($htm);
echo $box;
?>
<div id='more'></div>
<script>
$(function(){
$('#search,#category,#platform,#user,#date').change(function(){
console.log('change');
searchWiki();
});
var searchWiki=function(){
var p={
'do':'search',
<?php
$btn = [];
$btn[] = "<a href=#btn id=btnClear class='btn btn-default pull-right'>Clear</a>";
$btn[] = "<a href=#btn id=btnFilter class='btn btn-default'><i class='fa fa-user'></i> Filter</a>";
$btn[] = "<a href=#btn id=btnRecord class='btn btn-default'><i class='fa fa-user'></i> Record</a>";
$box = new LTE\Box();
$box->title("Incoming midi events");
$box->icon("fa fa-list");
$box->id("boxIncoming");
$box->boxTools("<button class=\"btn btn-box-tool\" title='Clear' id=btnClearLogs><i class='fa fa-times'></i></button> ");
$box->collapsable(true);
$box->body("<pre>Waiting...</pre>");
//$box->footer($btn);
echo $box;
<?php
$box = new LTE\Box();
$box->title("Receive");
$box->icon("fa fa-text");
$box->id("boxReceive");
$box->collapsable(true);
$box->boxTools("<button class=\"btn btn-box-tool btnclipboard\" title='Copy to clipboard'><i class='fa fa-copy'></i></button> ");
$box->body("<textarea class='form-control' id=sysex_in rows=10></textarea>");
$box->footer("<a href=#save id=saveSysex class='btn btn-default'><i class='fa fa-save'></i> Save</a>");
echo $box;
<?php
$box = new LTE\Box();
$box->title("File");
$box->icon("fa fa-file-o");
$box->id("boxFile");
$box->collapsable(1);
$box->collapsed(1);
$box->boxTools("<button class=\"btn btn-box-tool btnclipboard\" title='Browse' id=btnBrowse><i class='fa fa-folder-open-o'></i></button> ");
$box->body('<input type="file" id="loadFromJSON" accept="audio/midi">');
//$box->footer('<a href=# class="btn btn-default" id=btnBrowse><i class="fa fa-folder-open-o"></i> Browse</a>');
echo $box;
?>
<script>
$('#loadFromJSON').change(function(evt) {
//console.log('loadFromJSON.change');
evt.stopPropagation();
evt.preventDefault();
var file = evt.target.files[0];
var reader = new FileReader();
//fetch.overrideMimeType("text/plain; charset=x-user-defined");
var data = false;
reader.onload = (function(theFile) {
return function(e) {
