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@460
|
17 |
<div class="container">
|
phrebejk@460
|
18 |
<div class="breadcrumb"><h4 class="text-info">Java and HTML5 <small>- Together at Last!</small></h4></div>
|
phrebejk@460
|
19 |
|
phrebejk@460
|
20 |
<ul class="nav nav-tabs">
|
phrebejk@460
|
21 |
<li ng-class="tabActive('html')" ng-click="tab='html'"><a href="#"><i class="ic-html5"></i> HTML5</a></li>
|
phrebejk@460
|
22 |
<li ng-class="tabActive('java')" ng-click="tab='java'"><a href="#"><i class="ic-java"></i> Java</a></li>
|
phrebejk@460
|
23 |
</ul>
|
phrebejk@460
|
24 |
|
phrebejk@460
|
25 |
|
phrebejk@460
|
26 |
<div ng-switch on="tab">
|
phrebejk@460
|
27 |
<div ng-switch-when="html">
|
phrebejk@460
|
28 |
<textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.html"></textarea>
|
phrebejk@460
|
29 |
<div class="alert alert-error" ng-show="doc.modelError">
|
phrebejk@460
|
30 |
<small>{{doc.modelError.toString()}}</small>
|
phrebejk@460
|
31 |
</div>
|
phrebejk@460
|
32 |
</div>
|
phrebejk@460
|
33 |
<div ng-switch-when="java">
|
phrebejk@460
|
34 |
<textarea ui-codemirror='{ lineNumbers : true, mode : "text/x-java", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.java"></textarea>
|
phrebejk@460
|
35 |
<div class="alert alert-error" ng-show="doc.modelError">
|
phrebejk@460
|
36 |
<small>{{doc.modelError.toString()}}</small>
|
phrebejk@460
|
37 |
</div>
|
phrebejk@460
|
38 |
</div>
|
phrebejk@460
|
39 |
</div>
|
phrebejk@460
|
40 |
|
phrebejk@460
|
41 |
<div> </div>
|
phrebejk@460
|
42 |
|
phrebejk@460
|
43 |
<ul class="nav nav-tabs">
|
phrebejk@460
|
44 |
<li ng-class="'active'"><a href="#">Result</a></li>
|
phrebejk@460
|
45 |
</ul>
|
phrebejk@460
|
46 |
|
phrebejk@460
|
47 |
<iframe id="result" frameborder="0" scrolling="no" width="100%" style="height: max-content; overflow: hidden; border: 1px solid #DFDFDF;" src="">
|
phrebejk@460
|
48 |
<p>Your browser does not support iframes.</p>
|
phrebejk@460
|
49 |
</iframe>
|
phrebejk@460
|
50 |
|
phrebejk@460
|
51 |
</div>
|
phrebejk@460
|
52 |
|
phrebejk@460
|
53 |
<script src="js/angular/angular.min.js"></script>
|
phrebejk@460
|
54 |
<script src="js/codemirror/codemirror.js"></script>
|
phrebejk@460
|
55 |
<script src="js/codemirror/mode/xml.js"></script>
|
phrebejk@460
|
56 |
<script src="js/codemirror/mode/clike.js"></script>
|
phrebejk@460
|
57 |
<script src="js/app.js"></script>
|
phrebejk@460
|
58 |
</body>
|
phrebejk@460
|
59 |
</html>
|