phrebejk@460
|
1 |
<!--
|
phrebejk@460
|
2 |
To change this template, choose Tools | Templates
|
phrebejk@460
|
3 |
and open the template in the editor.
|
phrebejk@460
|
4 |
-->
|
phrebejk@460
|
5 |
<!DOCTYPE html>
|
phrebejk@460
|
6 |
<html lang="en" ng-app="bck2brwsr" ng-controller="DevCtrl">
|
phrebejk@460
|
7 |
<head>
|
phrebejk@460
|
8 |
<title>Back2Browser - DEW</title>
|
phrebejk@460
|
9 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
phrebejk@460
|
10 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
phrebejk@460
|
11 |
<link rel="stylesheet" href="css/bootstrap-combined.min.css"/>
|
phrebejk@460
|
12 |
<link rel="stylesheet" href="js/codemirror/codemirror.css">
|
phrebejk@460
|
13 |
<link rel="stylesheet" href="js/codemirror/theme/elegant.css"/>
|
phrebejk@460
|
14 |
<link rel="stylesheet" href="css/app.css"/>
|
phrebejk@460
|
15 |
</head>
|
phrebejk@460
|
16 |
<body>
|
phrebejk@541
|
17 |
|
phrebejk@541
|
18 |
<div class="navbar navbar-fixed-top" style="width: 100%">
|
phrebejk@541
|
19 |
<div class="navbar-inner" style="padding-left: 12px; padding-right: 12px;">
|
phrebejk@541
|
20 |
<!-- a class="brand" style="font-size: 100%"><span class="text-info"><b>Java and HTML5</b></span><small>- Together at Last!</small></a-->
|
phrebejk@541
|
21 |
<form class="navbar-form pull-right">
|
phrebejk@541
|
22 |
<!-- select class="span2"></select -->
|
phrebejk@541
|
23 |
<button ng-click="post()" class="btn btn-warning">Rebuild</button>
|
phrebejk@541
|
24 |
</form>
|
phrebejk@541
|
25 |
<!-- ul class="nav">
|
phrebejk@541
|
26 |
<li><select class="btn-small" type="text"></select></li>
|
phrebejk@541
|
27 |
</ul -->
|
phrebejk@541
|
28 |
<!-- form class="form form-horizontal pull-right">
|
phrebejk@541
|
29 |
<button class="btn btn-warning btn-small pull-right top" ng-click="post()">Rebuild</button>
|
phrebejk@541
|
30 |
</form -->
|
phrebejk@541
|
31 |
<!-- ul class="nav pull-right">
|
phrebejk@541
|
32 |
|
phrebejk@541
|
33 |
</ul-->
|
phrebejk@541
|
34 |
</div>
|
phrebejk@541
|
35 |
</div>
|
phrebejk@541
|
36 |
|
phrebejk@541
|
37 |
<div class="container-fluid">
|
phrebejk@541
|
38 |
|
phrebejk@541
|
39 |
<div style="height: 4em;"> </div>
|
phrebejk@460
|
40 |
|
phrebejk@541
|
41 |
<div class="row-fluid">
|
phrebejk@541
|
42 |
<div class="span6" style="margin-bottom: 10px;">
|
phrebejk@541
|
43 |
<table class="table table-condensed" style="margin-bottom: 2px">
|
phrebejk@541
|
44 |
<tr><td><i class="ic-html5"></i> HTML5</td></tr>
|
phrebejk@541
|
45 |
</table>
|
phrebejk@541
|
46 |
<div>
|
phrebejk@541
|
47 |
<textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="html"></textarea>
|
phrebejk@541
|
48 |
<div class="alert alert-error" ng-show="doc.modelError">
|
phrebejk@541
|
49 |
<small>{{doc.modelError.toString()}}</small>
|
phrebejk@541
|
50 |
</div>
|
phrebejk@541
|
51 |
</div>
|
phrebejk@541
|
52 |
</div>
|
phrebejk@541
|
53 |
|
phrebejk@541
|
54 |
<div class="span6">
|
phrebejk@541
|
55 |
<table class="table table-condensed" style="margin-bottom: 2px">
|
phrebejk@541
|
56 |
<tr><td><i class="ic-java"></i> Java</td></tr>
|
phrebejk@541
|
57 |
</table>
|
phrebejk@541
|
58 |
<div>
|
phrebejk@542
|
59 |
<textarea id="editorJava" ui-codemirror='{ lineNumbers : true, mode : "text/x-java", theme : "elegant", matchBrackets : true, lineWrapping : true, gutters: ["CodeMirror-linenumbers", "issues"] }' ng-model="java"></textarea>
|
phrebejk@541
|
60 |
<div class="alert alert-error" ng-show="doc.modelError">
|
phrebejk@541
|
61 |
<small>{{doc.modelError.toString()}}</small>
|
phrebejk@541
|
62 |
</div>
|
phrebejk@541
|
63 |
</div>
|
phrebejk@541
|
64 |
</div>
|
phrebejk@460
|
65 |
|
phrebejk@460
|
66 |
</div>
|
phrebejk@541
|
67 |
|
phrebejk@541
|
68 |
<table class="table table-condensed">
|
phrebejk@541
|
69 |
<tr ng-click="gotoError(e.line, e.col)" ng-repeat="e in errors" ng-class="errorClass(e.kind)">
|
phrebejk@541
|
70 |
<td style="text-align: right">{{e.line}}</td>
|
phrebejk@541
|
71 |
<td>:</td>
|
phrebejk@541
|
72 |
<td style="text-align: left">{{e.col}}</td>
|
phrebejk@541
|
73 |
<td width="100%" class="text-error error-hover">{{e.msg}} <i class="icon-play"/></td>
|
phrebejk@541
|
74 |
</tr>
|
phrebejk@541
|
75 |
</table>
|
phrebejk@541
|
76 |
|
phrebejk@460
|
77 |
|
phrebejk@460
|
78 |
<div> </div>
|
phrebejk@460
|
79 |
|
phrebejk@460
|
80 |
<ul class="nav nav-tabs">
|
phrebejk@460
|
81 |
<li ng-class="'active'"><a href="#">Result</a></li>
|
phrebejk@460
|
82 |
</ul>
|
phrebejk@460
|
83 |
|
phrebejk@461
|
84 |
|
phrebejk@461
|
85 |
<!-- button class="btn" ng-click="reload()">Reload</button -->
|
phrebejk@461
|
86 |
<iframe id="result" frameborder="0" scrolling="yes" width="100%" style="height: 1000px; overflow: auto; border: 1px solid #DFDFDF;" src="result.html">
|
phrebejk@460
|
87 |
<p>Your browser does not support iframes.</p>
|
phrebejk@460
|
88 |
</iframe>
|
phrebejk@460
|
89 |
|
phrebejk@460
|
90 |
</div>
|
phrebejk@460
|
91 |
|
phrebejk@460
|
92 |
<script src="js/angular/angular.min.js"></script>
|
phrebejk@460
|
93 |
<script src="js/codemirror/codemirror.js"></script>
|
phrebejk@460
|
94 |
<script src="js/codemirror/mode/xml.js"></script>
|
phrebejk@460
|
95 |
<script src="js/codemirror/mode/clike.js"></script>
|
phrebejk@460
|
96 |
<script src="js/app.js"></script>
|
phrebejk@460
|
97 |
</body>
|
phrebejk@460
|
98 |
</html>
|