git.iko.soy/project-m36
on 52182bc help sign in
project-m36/src/bin/ProjectM36/Server/WebSocket/websocket-client.html
149 lines 3.6 kB history raw
1<html>
2<head>
3<!-- add examples drop down menu -->
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>Project:M36 WebSocket Client</title>
6<script type="text/javascript" src="project-m36.js"></script>
7<script type="text/javascript" src="websocket-client.js"></script>
8<script type="text/javascript" src="websocket-config.js"></script>
9<style>
10#sectiontemplate
12 display: none;
15.deletesection
17 border: 1px solid;
18 padding: 3px;
19 border-radius: 3px;
20 background: #ff8b8b;
23hr
25border: 0;
26height: 1px;
27background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
30.title
32font-family: Courier;
33padding: 3pt;
34border: 1px solid;
35border-radius: 3px;
36background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
37margin: 3px;
40.titlesection
42margin-bottom: 5pt;
45.result table
47 border-collapse: collapse;
48 display: inline-block;
49 vertical-align: middle;
52.result td, .result th
54 border: 1px solid black;
55 padding: 2px;
58.result th
60 background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
63#connection #port
65 width: 50pt;
68#connection input
70 width: 100pt;
73#samples li
75 font-family: Courier;
78#samplesouter
80 border: 1px solid;
81 display: inline-block;
82 padding-left: 10px;
83 padding-right: 10px;
86#samples li:hover
88 background-color: #d1d1e0;
91#tutd
93 width: 300pt;
94 height: 50pt;
97</style>
98</head>
99<body onload="pageload();">
100<h1><a href="https://github.com/agentm/project-m36">Project:M36</a> WebSocket Client</h1>
101<p>This page will allow you to try TutorialD straight from your browser. Try some of the sample queries below.</p>
102<div id="sheet">
103 <div id="interactor">
104 <form onsubmit="return connectOrDisconnect(this);" id="connection">
105 <span id="conninfo">Connect to: </span>
106 <select name="protocol">
107 <option value="wss" selected="selected">wss://</option>
108 <option value="ws">ws://</option>
109 </select>
110 <input type="text" name="host" value="localhost" placeholder="Host"/>:
111 <input id="port" type="number" placeholder="Port" name="port" min="0" max="65535" value="8888"/>/
112 <input type="text" name="path" placeholder="path" value=""/>
113 <label>database:</label><input type="text" placeholder="Database Name" name="dbname" value="test"/>
114 <input type="submit" name="connect" value="Connect"/>
115 </form>
116 <form onsubmit="return execTutorialD();">
117 <textarea id="tutd" placeholder="Enter a TutorialD query here."></textarea>
118 <br/>
119 <label id="promptinfo"></label>
120 <input type="submit" id="eval" value="Evaluate TutorialD" disabled="disabled"/>
121 </form>
122 <div id="samplesouter">
123 <span>Try our <a href="https://github.com/agentm/project-m36/blob/master/docs/15_minute_tutorial.markdown">15 minute TutorialD Tutorial</a> or click these sample queries below:</span>
124</span>
125 <ul id="samples">
126 <li>:showrelvars</li>
127 <li>:showexpr true</li>
128 <li>:showexpr false</li>
129 <li>:importexample date</li>
130 <li>:showexpr s join sp</li>
131 <li>update s where city=&quot;Paris&quot; (status:=10)</li>
132 <li>:showexpr s</li>
133 <li>:commit</li>
134 <li>:showgraph</li>
135 </ul>
136 </div>
137 </div>
138 <div id="sectiontemplate">
139 <div class="titlesection">
140 <span class="deletesection" onclick="return hideResult(this);">-</span>
141 <span class="title"></span>
142 </div>
143 <div class="result">
144 </div>
145 <span class="relinfo"></span>
146 <hr/>
147 </div>
148</body>
149</html>