source: branches/testa/index.php @ 24

Last change on this file since 24 was 24, checked in by anonymous, 6 years ago

swap output and settings tab

File size: 4.4 KB
Line 
1<?php
2  header("Access-Control-Allow-Origin: *");
3?>
4<!DOCTYPE html>
5<html lang="en">
6  <head>
7    <meta charset="UTF-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9    <title>md2site</title>
10
11    <link rel="stylesheet" href="./css/style.css" />
12    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
13    <link rel="stylesheet" href="css/style-3.css">
14    <link rel="stylesheet" href="css/tab.css">
15    <link rel="stylesheet" href="css/menu.css">
16    <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
17    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
18    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
19    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ace.js"></script>
20    <script src="js/remote.js"></script>
21    <script src="js/menux.js"></script>
22    <script src="js/storage.js"></script>
23    <script src="js/bookmarkmgr.js"></script>
24    <script src="js/bookmark.js"></script>
25
26    <!--    <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> -->
27  </head>
28
29  <body>
30    <ul class="tab-group">
31      <li class="tab is-active">data</li>
32      <li class="tab">output</li>
33      <li class="tab">setting</li>
34    </ul>
35    <div id="all" class="panel-group">
36      <div id="area-data" class="panel is-show">
37        <div id="data-menubar">
38          <ul class="nav">
39            <li><a href="#">File</a>
40              <ul>
41                <li><a onclick="upload_to_host('data')">Save on host</a></li>
42                <li><a onclick="download_cmd('part')">Download</a></li>
43                <li><a class="disabled" >-Rename</a></li>
44                <li><a class="disabled" >-Move</a></li>
45                <li><a class="disabled" >-Delete</a></li>
46                <li><a class="disabled" >-Duplicate</a></li>
47              </ul>
48            </li>
49            <li><a href="#">Dir</a>
50              <ul>
51                <li><a class="disabled" href="#">-Create</a></li>
52                <li><a class="disabled" href="#">-Rename</a></li>
53                <li><a class="disabled" href="#">-Move</a></li>
54                <li><a class="disabled" href="#">-Delete</a></li>
55                <li><a class="disabled" href="#">-Duplicate</a></li>
56              </ul>
57            </li>
58            <li><a href="#">Build</a>
59              <ul>
60                <li><a href="#">Build</a></li>
61                <li><a href="#" onclick="get_filelist()">Get FileList</a></li>
62                <li><a href="#" onclick="update_filelist()">Forced to get FileList</a></li>
63                <li><a href="#" onclick="restore_filelist(0, '/rtk/fmp_kernel')">Restore FileList</a></li>
64              </ul>
65            </li>
66            <li class="disabled"><a href="#">History</a>
67              <ul>
68              </ul>
69
70            <li><a href="#">Bookmark</a>
71              <ul id="data-bookmark">
72              </ul>
73            </li>
74          </ul>
75        </div>
76        <div id="data-bar">
77          <select id="data-select-host">
78          </select>
79
80          <textarea id="data-editor-t" name="data-editor-t"></textarea>
81
82          <input type="text" id="data-filelist_key" value="/" />
83          <label id="data-bookmark_label">
84            <input type="checkbox" id="data-bookmark_op" value="2" onclick="bookmark_op('data')">
85            BK
86          </label>
87          <a id="down-download" class="xxbutton" role="button" download="some.txt" >DL</a>
88        </div>
89        <div id="data-side"  ></div>
90        <div id="data-work">
91          <div id="data-editor" style="height: 600px"></div>
92<!--      <div id="data-editor" ></div> -->
93        </div>
94      </div>
95      <div id="area-output" class="panel">
96        <div id="output-menubar"></div>
97        <div id="output-bar">
98          <textarea id="output-editor" name="output-editor"></textarea>
99        </div>
100        <div id="output-side">output</div>
101        <div id="output-work">
102          <div id="output-editor"></div>
103        </div>
104      </div>
105      <div id="area-setting" class="panel">
106        <div id="setting-menubar"></div>
107        <div id="setting-bar">
108          <textarea id="setting-editor" name="setting-editor"></textarea>
109        </div>
110        <div id="setting-side">setting</div>
111        <div id="setting-work">
112          <div id="setting-editor"></div>
113        </div>
114      </div>
115    </div>
116
117    <div id="bookmarkDlg" title="Bookmark registration">
118      <table>
119        <tr>
120          <th>display name</th>
121          <td><input type="text" id="bookmark_displayname" size="10" maxlength="10"></td>
122        </tr>   
123        <tr>
124          <th>path</th>
125          <td><input type="text" id="bookmark_path" size="20" maxlength="50" disabled/></td>
126        </tr>
127      </table>
128     
129    </div>
130    <script src="js/main.js"></script>
131    <script src="js/tab.js"></script>
132    <script src="js/topmenu.js"></script>
133  </body>
134</html>
Note: See TracBrowser for help on using the repository browser.