<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>md2site-web</title>
<!-- AREA-START -->
    <link rel="stylesheet" href="./css/style.css" />
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/style-3.css?146">
    <link rel="stylesheet" href="css/tab.css?146">
    <link rel="stylesheet" href="css/menu.css?146">
    <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ace.js"></script>
    <script src="js/storagex.js?146>"></script>
    <script src="js/sidemenu.js?146>"></script>
    <script src="js/bookmark.js?146>"></script>
    <script src="js/bookmarkmgr.js?146"></script>
    <script src="js/bookmarkmenu.js?146"></script>
    <script src="js/tab.js?146"></script>
    <script src="js/topmenu.js?146"></script>
    <script src="js/remotex.js?146"></script>
    <script src="js/build.js?146"></script>
    <script src="js/main.js?146"></script>

<!-- AREA-END -->

    <!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ui-contextmenu/1.18.1/jquery.ui-contextmenu.min.js" integrity="sha256-cI6Q7epHX696CtqUt0dJouTIkNh0w67o5YOhUZygI/s=" crossorigin="anonymous"></script> -->
  </head>

  <body>
    <ul class="tab-group">
      <li class="tab is-active">data</li>
      <li class="tab">output</li>
      <li class="tab">conf</li>
    </ul>
    <div id="all" class="panel-group">
      <div id="area-data" class="panel is-show">
	<div id="data-menubar">
	  <ul class="nav">
	    <li><a href="#">File</a>
	      <ul>
		<li><a id="data-file-upload" onclick="upload_to_host('data')">Save on host</a></li>
		<li><a id="data-file-download" class="disabled" >X Download</a></li>
		<li><a id="data-file-rename" class="disabled" >X Rename</a></li>
		<li><a id="data-file-move"class="disabled" >X Move</a></li>
		<li><a id="data-file-delete"class="disabled" >X Delete</a></li>
		<li><a id="data-file-duplicate"class="disabled" >X Duplicate</a></li>
	      </ul>
	    </li>
	    <li id="data-menu-dir" class="disabled"><a href="#">Dir</a>
	      <ul>
		<li id="data-dir-create"><a href="#">X Create</a></li>
		<li id="data-dir-rename"><a href="#">X Rename</a></li>
		<li id="data-dir-move"><a href="#">X Move</a></li>
		<li id="data-dir-delete"><a href="#">X Delete</a></li>
		<li id="data-dir-duplicate"><a href="#">X Duplicate</a></li>
	      </ul>
	    </li>
	    <li class="disabled"><a href="#">Bookmark</a>
              <ul id="data-bookmark">
	      </ul>
	    </li>
	    <li><a href="#">Build</a>
	      <ul>
		<li><a id="data-build-build" href="#">Build</a></li>
	      </ul>
	    </li>
	    <li><a href="#">config</a>
	      <ul>
		<li><a id="data-host-update-all" onclick="update_all_info_on_host_async()">Update all on host</a></li>
<!--		<li><a id="data-host-update" onclick="Globalx.remotex.update('data')">Update on host</a></li> -->
		<li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
		<li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
		<li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
		<li><a href="#" onclick="Globalx.storagex.show_localstorage()">Show localstorage</a></li>
		<li><a href="#" onclick="Globalx.storagex.show_globalx()">Show globalx</a></li>
		<li><a id="data-build-get-filelist" href="#" onclick="get_filelist()">Get FileList</a></li>
		<li><a id="data-build-forced-to-get-filelist" href="#" onclick="update_filelist()">Forced to get FileList</a></li>
		<li><a id="data-build-restore-filelist" href="#" onclick="restore_filelist(0, '/rtk/fmp_kernel')">Restore FileList</a></li>
	      </ul>
	    </li>
	    <li class="disabled"><a href="#">History</a>
	      <ul>
              </ul>

	  </ul>
	</div>
	<div id="data-bar">
	  <select id="data-select-host">
	  </select>

	  <textarea id="data-editor-t" name="data-editor-t"></textarea>

	  <input type="text" id="data-filelist_key" value="/" />
	  <label id="data-bookmark_label" class="disabled">
	    <input type="checkbox" id="data-bookmark_op"  class="disabled">
	    BK
	  </label>
	  <a id="data-down-download" class="xxbutton" role="button" download="some.txt" class="disabled"><!--DL --></a>
	  <a id="data-down-url"></a>
	  <a id="data-partial-down-url"></a>
	</div>
	<div id="data-side"  ></div>
	<div id="data-work">
	  <div id="data-editor" style="height: 600px"></div>
	</div>
      </div>
      <div id="area-output" class="panel">
	<div id="output-menubar"></div>
	<ul class="nav">
	  <li><a href="#">File</a>
	    <ul>
	      <li><a id="output-file-upload" onclick="upload_to_host('output')">Save on host</a></li>
	      <li><a id="output-file-download" class="disabled" >-Download</a></li>
	      <li><a id="output-file-rename" class="disabled" >-Rename</a></li>
	      <li><a id="output-file-move" class="disabled" >-Move</a></li>
	      <li><a id="output-file-delete" class="disabled" >-Delete</a></li>
	      <li><a id="output-file-duplicate" class="disabled" >-Duplicate</a></li>
	    </ul>
	  </li>
	  <li class="disabled"><a href="#">Dir</a>
	    <ul>
	      <li><a id="output-dir-create" class="disabled" href="#">-Create</a></li>
	      <li><a id="output-dir-rename" class="disabled" href="#">-Rename</a></li>
	      <li><a id="output-dir-move" class="disabled" href="#">-Move</a></li>
	      <li><a id="output-dir-delete" class="disabled" href="#">-Delete</a></li>
	      <li><a id="output-dir-duplicate" class="disabled" href="#">-Duplicate</a></li>
	    </ul>
	  </li>
	  <li class="disabled"><a href="#">Bookmark</a>
            <ul id="output-bookmark">
	    </ul>
	  </li>
	  <li><a href="#">config</a>
	    <ul>
	      <li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
	      <li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
	      <li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
	    </ul>
	  </li>
	</ul>
	<div id="output-bar">
	  <select id="output-select-host">
	  </select>

	  <textarea id="output-editor-t" name="output-editor-t"></textarea>

	  <input type="text" id="output-filelist_key" value="/" />
	  <label id="output-bookmark_label" class="disabled">
	    <input type="checkbox" id="output-bookmark_op" class="disabled">
	    BK
	  </label>
	  <a id="output-down-download" class="xxbutton" role="button" download="some.txt"  class="disabled"><!--DL --></a>
	  <a id="output-down-url"></a>
	  <a id="output-partial-down-url"></a>

	</div>
	<div id="output-side"></div>
	<div id="output-work">
	  <div id="output-editor" style="height: 600px">
	  </div>
        </div>
      </div>
      <div id="area-conf" class="panel">
	<div id="conf-menubar"></div>
	<ul class="nav">
	  <li><a href="#">File</a>
	    <ul>
	      <li><a id="conf-file-upload" onclick="upload_to_host('conf')">Save on host</a></li>
<!--	      <li><a id="conf-file-download" onclick="download_cmd('data')">Download</a></li> -->
	      <li><a id="conf-file-rename" class="disabled" >-Rename</a></li>
	      <li><a id="conf-file-move" class="disabled" >-Move</a></li>
	      <li><a id="conf-file-delete" class="disabled" >-Delete</a></li>
	      <li><a id="conf-file-duplicate" class="disabled" >-Duplicate</a></li>
	    </ul>
	  </li>
	  <li class="disabled"><a href="#">Dir</a>
	    <ul>
	      <li><a id="conf-dir-create" class="disabled" href="#">-Create</a></li>
	      <li><a id="conf-dir-rename" class="disabled" href="#">-Rename</a></li>
	      <li><a id="conf-dir-move" class="disabled" href="#">-Move</a></li>
	      <li><a id="conf-dir-delete" class="disabled" href="#">-Delete</a></li>
	      <li><a id="conf-dir-duplicate" class="disabled" href="#">-Duplicate</a></li>
	    </ul>
	  </li>
	  <li class="disabled"><a href="#">Bookmark</a>
            <ul id="conf-bookmark">
	    </ul>
	  </li>
	  <li><a href="#">config</a>
	    <ul>
	      <li><a href="#" onclick="Globalx.storagex.save_info_from_globalx()">Save info</a></li>
	      <li><a href="#" onclick="Globalx.storagex.reset_info()">Reset Info</a></li>
	      <li><a href="#" onclick="Globalx.storagex.clear_localstorage()">Clear local</a></li>
	    </ul>
	  </li>
	</ul>
	<div id="conf-bar">
	  <select id="conf-select-host">
	  </select>

	  <textarea id="conf-editor-t" name="conf-editor-t"></textarea>

	  <input type="text" id="conf-filelist_key" value="/" />
	  <label id="conf-bookmark_label" class="disabled">
	    <input type="checkbox" id="conf-bookmark_op"  class="disabled">
	    BK
	  </label>
	  <a id="conf-down-download" class="xxbutton" role="button" download="some.txt"  class="disabled"><!-- DL --></a>
	  <a id="conf-down-url"></a>
	  <a id="conf-partial-down-url"></a>
	</div>
	<div id="conf-side">
	</div>
	<div id="conf-work">
	  <div id="conf-editor" style="height: 600px">
	  </div>
	</div>
      </div>
    </div>

    <div id="bookmarkDlg" title="Bookmark registration">
      <table>
	<tr>
	  <th>display name</th>
	  <td><input type="text" id="bookmark_displayname" size="10" maxlength="10"></td>
	</tr>   
	<tr>
	  <th>path</th>
	  <td><input type="text" id="bookmark_path" size="20" maxlength="50" disabled/></td>
	</tr>
      </table>
      
    </div>
    <script>
      main()
    </script>
  </body>
