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.
     1 <!--
     2 To change this template, choose Tools | Templates
     3 and open the template in the editor.
     4 -->
     5 <!DOCTYPE html>
     6 <html lang="en" ng-app="bck2brwsr" ng-controller="DevCtrl">
     7     <head>
     8         <title>Back2Browser - DEW</title>
     9         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    10         <meta name="viewport" content="width=device-width, initial-scale=1.0">
    11         <link rel="stylesheet" href="css/bootstrap-combined.min.css"/>  
    12         <link rel="stylesheet" href="js/codemirror/codemirror.css">
    13         <link rel="stylesheet" href="js/codemirror/theme/elegant.css"/>
    14         <link rel="stylesheet" href="css/app.css"/>
    15     </head>
    16     <body>
    17         <div class="container">        
    18         <div class="breadcrumb"><h4 class="text-info">Java and HTML5 <small>- Together at Last!</small></h4></div>    
    19             
    20         <ul class="nav nav-tabs">
    21             <li ng-class="tabActive('html')" ng-click="tab='html'"><a href="#"><i class="ic-html5"></i> HTML5</a></li>
    22             <li ng-class="tabActive('java')" ng-click="tab='java'"><a href="#"><i class="ic-java"></i> Java</a></li>
    23         </ul>
    24         
    25         
    26         <div ng-switch on="tab">
    27         <div ng-switch-when="html">
    28             <textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.html"></textarea>
    29             <div class="alert alert-error" ng-show="doc.modelError">
    30                 <small>{{doc.modelError.toString()}}</small>
    31             </div>
    32         </div>    
    33         <div ng-switch-when="java">
    34             <textarea ui-codemirror='{ lineNumbers : true, mode : "text/x-java", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.java"></textarea>
    35             <div class="alert alert-error" ng-show="doc.modelError">
    36                 <small>{{doc.modelError.toString()}}</small>
    37             </div>
    38         </div>    
    39         </div>
    40         
    41         <div>&nbsp;</div>    
    42             
    43         <button class="btn btn-warning pull-right" ng-click="post()">Rebuild</button>
    44         <ul class="nav nav-tabs">
    45             <li ng-class="'active'"><a href="#">Result</a></li>
    46         </ul>    
    47         
    48         
    49         <!-- button class="btn" ng-click="reload()">Reload</button -->
    50         <iframe id="result" frameborder="0" scrolling="yes" width="100%" style="height: 1000px; overflow: auto; border: 1px solid #DFDFDF;" src="result.html">
    51             <p>Your browser does not support iframes.</p>
    52         </iframe>
    53             
    54         </div>
    55         
    56         <script src="js/angular/angular.min.js"></script>
    57         <script src="js/codemirror/codemirror.js"></script>
    58         <script src="js/codemirror/mode/xml.js"></script>
    59         <script src="js/codemirror/mode/clike.js"></script>
    60         <script src="js/app.js"></script>
    61     </body>
    62 </html>