launcher/src/main/resources/org/apidesign/bck2brwsr/dew/index.html
author phrebejk
Tue, 15 Jan 2013 16:56:18 +0100
branchdew
changeset 461 ccc3fd318cb1
parent 460 c0f1788183dd
child 541 927a5f9fa430
permissions -rw-r--r--
Web development server initial prototype.
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>&nbsp;</div>    
phrebejk@460
    42
            
phrebejk@461
    43
        <button class="btn btn-warning pull-right" ng-click="post()">Rebuild</button>
phrebejk@460
    44
        <ul class="nav nav-tabs">
phrebejk@460
    45
            <li ng-class="'active'"><a href="#">Result</a></li>
phrebejk@460
    46
        </ul>    
phrebejk@460
    47
        
phrebejk@461
    48
        
phrebejk@461
    49
        <!-- button class="btn" ng-click="reload()">Reload</button -->
phrebejk@461
    50
        <iframe id="result" frameborder="0" scrolling="yes" width="100%" style="height: 1000px; overflow: auto; border: 1px solid #DFDFDF;" src="result.html">
phrebejk@460
    51
            <p>Your browser does not support iframes.</p>
phrebejk@460
    52
        </iframe>
phrebejk@460
    53
            
phrebejk@460
    54
        </div>
phrebejk@460
    55
        
phrebejk@460
    56
        <script src="js/angular/angular.min.js"></script>
phrebejk@460
    57
        <script src="js/codemirror/codemirror.js"></script>
phrebejk@460
    58
        <script src="js/codemirror/mode/xml.js"></script>
phrebejk@460
    59
        <script src="js/codemirror/mode/clike.js"></script>
phrebejk@460
    60
        <script src="js/app.js"></script>
phrebejk@460
    61
    </body>
phrebejk@460
    62
</html>