-
Notifications
You must be signed in to change notification settings - Fork 53
/
query.html
111 lines (97 loc) · 4.53 KB
/
query.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html lang="en" >
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Angular Material style sheet -->
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
<script src="lib/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/src-min-noconflict/ext-language_tools.js"></script>
<script src="lib/base64.js"></script>
<script src="x86Reference/ref.js"></script>
<script src="https://togetherjs.com/togetherjs-min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body ng-app="WasmExplorerQueryApp" ng-cloak layout="column" ng-controller="WasmExplorerQueryAppCtrl as vm">
<style type="text/css">
i { vertical-align: middle !important; }
.ace_tooltip {
font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
</style>
<!-- <md-progress-linear md-mode="{{vm.progressMode}}"></md-progress-linear> -->
<div>
<md-toolbar class="md-toolbar-tools" style="background-color: #424242;">
<md-button ng-href="index.html" class="md-icon-button">
<i class="material-icons">chevron_left</i>
<md-tooltip md-direction="top">
Go Home
</md-tooltip>
</md-button>
<span style="font-weight: bold;">WebAssembly Query</span>
<span flex></span>
<span>v1</span>
</md-toolbar>
</div>
<div flex layout="row">
<div flex layout="column" style="background-color: #272822">
<md-toolbar style="background-color: #e74c3c">
<div class="md-toolbar-tools">
<md-select ng-model="vm.selectedExample" md-selected-text="vm.getSelectedExampleText()">
<md-optgroup label="Examples">
<md-option ng-value="item" ng-repeat="item in vm.examples">{{item}}</md-option>
</md-optgroup>
</md-select>
</div>
</md-toolbar>
<div flex id="wastContainer" ng-show='vm.selectedExample ==="Wat Source"'></div>
</div>
<div flex layout="column">
<md-toolbar style="background-color: #e74c3c">
<div class="md-toolbar-tools">
<span></span>
<span flex></span>
<md-button ng-click="vm.run($event)" class="md-raised">
<md-tooltip md-direction="top">
Run Query
</md-tooltip>
Run</md-button>
</div>
</md-toolbar>
<div flex id="queryContainer"></div>
</div>
</div>
<div flex="33" layout="column">
<md-toolbar class="md-toolbar-tools" style="background-color: #424242; min-height: 20px; height: 34px;">
<md-button ng-click="vm.toggleConsole($event)" class="md-icon-button">
<i class="material-icons">{{vm.showConsole ? "expand_more" : "expand_less"}}</i>
</md-button>
<span class="md-subhead">
Console
</span>
<span flex></span>
<span class="md-body-2">{{vm.consoleEditor.session.getLength()}}</span>
</md-toolbar>
<div flex id="consoleContainer" ng-show="vm.showConsole"></div>
</div>
</div>
<style type="text/css">
</style>
<!-- Angular Material requires Angular.js Libraries -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>
<!-- Angular Material Library -->
<script src="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
<script src="config.js"></script>
<script src="v2.js"></script>
<script src="query.js"></script>
<div style="position: absolute; top: 0px; right: 0x; width: 0px; height: 0px; overflow: hidden;">
<a id="downloadLink" href="" download="test.wasm"></a>
</div>
</body>
</html>