<?php
  header("Access-Control-Allow-Origin: *");
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>md2site</title>

    <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">
    <link rel="stylesheet" href="css/tab.css">
    <link rel="stylesheet" href="css/menu.css">
    <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/remote.js"></script>
    <script src="js/menux.js"></script>
    <script src="js/storage.js"></script>
    <script src="js/bookmarkmgr.js"></script>
    <script src="js/bookmark.js"></script>

    <!--    <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">setting</li>
      <li class="tab">output</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 onclick="upload_to_host('data')">Save on host</a></li>
		<li><a onclick="download_cmd('part')">Download</a></li>
		<li><a class="disabled" >-Rename</a></li>
		<li><a class="disabled" >-Move</a></li>
		<li><a class="disabled" >-Delete</a></li>
		<li><a class="disabled" >-Duplicate</a></li>
	      </ul>
	    </li>
	    <li><a href="#">Dir</a>
	      <ul>
		<li><a class="disabled" href="#">-Create</a></li>
		<li><a class="disabled" href="#">-Rename</a></li>
		<li><a class="disabled" href="#">-Move</a></li>
		<li><a class="disabled" href="#">-Delete</a></li>
		<li><a class="disabled" href="#">-Duplicate</a></li>
	      </ul>
	    </li>
	    <li><a href="#">Build</a>
	      <ul>
		<li><a href="#">Build</a></li>
		<li><a href="#" onclick="get_filelist()">Get FileList</a></li>
		<li><a href="#" onclick="update_filelist()">Forced to get FileList</a></li>
		<li><a href="#" onclick="restore_filelist(0, '/rtk/fmp_kernel')">Restore FileList</a></li>
	      </ul>
	    </li>
	    <li class="disabled"><a href="#">History</a>
	      <ul>
              </ul>

	    <li><a href="#">Bookmark</a>
              <ul id="data-bookmark">
	      </ul>
	    </li>
	  </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">
	    <input type="checkbox" id="data-bookmark_op" value="2" onclick="bookmark_op('data')">
	    BK
	  </label>
	  <a id="down-download" class="xxbutton" role="button" download="some.txt" >DL</a>
	</div>
	<div id="data-side"  ></div>
	<div id="data-work">
	  <div id="data-editor" style="height: 600px"></div>
<!--	  <div id="data-editor" ></div> -->
	</div>
      </div>
      <div id="area-setting" class="panel">
	<div id="setting-menubar"></div>
	<div id="setting-bar">
	  <textarea id="setting-editor" name="setting-editor"></textarea>
	</div>
	<div id="setting-side"></div>
	<div id="setting-work">
	  <div id="setting-editor"></div>
	</div>
      </div>
      <div id="area-output" class="panel">
	<div id="output-menubar"></div>
	<div id="output-bar">
	  <textarea id="output-editor" name="output-editor"></textarea>
	</div>
	<div id="output-side"></div>
	<div id="output-work">
	  <div id="output-editor"></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 src="js/main.js"></script>
    <script src="js/tab.js"></script>
    <script src="js/topmenu.js"></script>
  </body>
</html>
