Mercurialhg/bck2brwsr / file revision
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | raw | help
launcher/src/main/resources/org/apidesign/bck2brwsr/dew/index.html
author phrebejk
Tue, 22 Jan 2013 19:48:10 +0100
branchdew
changeset 542 7400dc9f48fb
parent 541 927a5f9fa430
permissions -rw-r--r--
Error badges + auto reload. 
     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                 

    18         <div class="navbar navbar-fixed-top" style="width: 100%"> 

    19         <div class="navbar-inner" style="padding-left: 12px; padding-right: 12px;">

    20             <!-- a class="brand" style="font-size: 100%"><span class="text-info"><b>Java and HTML5</b></span><small>- Together at Last!</small></a-->

    21             <form class="navbar-form pull-right">

    22                 <!-- select class="span2"></select -->

    23                 <button ng-click="post()" class="btn btn-warning">Rebuild</button>

    24               </form>

    25             <!-- ul class="nav">                          

    26                 <li><select class="btn-small" type="text"></select></li>

    27             </ul -->

    28             <!-- form class="form form-horizontal pull-right">

    29                 <button class="btn btn-warning btn-small pull-right top" ng-click="post()">Rebuild</button>

    30             </form -->

    31             <!-- ul class="nav pull-right">

    32                 

    33             </ul-->     

    34         </div>  

    35         </div>

    36 

    37         <div class="container-fluid">        

    38         

    39         <div style="height: 4em;">&nbsp;</div>    

    40             

    41         <div class="row-fluid">

    42             <div class="span6" style="margin-bottom: 10px;"> 

    43                 <table class="table table-condensed" style="margin-bottom: 2px">

    44                 <tr><td><i class="ic-html5"></i> HTML5</td></tr>               

    45                 </table>

    46                 <div>

    47                     <textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="html"></textarea>

    48                     <div class="alert alert-error" ng-show="doc.modelError">

    49                         <small>{{doc.modelError.toString()}}</small>

    50                     </div>

    51                 </div>    

    52             </div>

    53             

    54             <div class="span6">  

    55                 <table class="table table-condensed" style="margin-bottom: 2px">

    56                 <tr><td><i class="ic-java"></i> Java</td></tr>               

    57                 </table>                

    58                 <div>

    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>

    60                     <div class="alert alert-error" ng-show="doc.modelError">

    61                         <small>{{doc.modelError.toString()}}</small>

    62                     </div>

    63                 </div>

    64             </div>

    65         

    66         </div>    

    67             

    68         <table class="table table-condensed">

    69             <tr ng-click="gotoError(e.line, e.col)" ng-repeat="e in errors" ng-class="errorClass(e.kind)">

    70                 <td style="text-align: right">{{e.line}}</td> 

    71                 <td>:</td> 

    72                 <td style="text-align: left">{{e.col}}</td> 

    73                 <td width="100%" class="text-error error-hover">{{e.msg}} <i class="icon-play"/></td>

    74             </tr>            

    75         </table>    

    76             

    77         

    78         <div>&nbsp;</div>    

    79             

    80         <ul class="nav nav-tabs">

    81             <li ng-class="'active'"><a href="#">Result</a></li>

    82         </ul>    

    83         

    84         

    85         <!-- button class="btn" ng-click="reload()">Reload</button -->

    86         <iframe id="result" frameborder="0" scrolling="yes" width="100%" style="height: 1000px; overflow: auto; border: 1px solid #DFDFDF;" src="result.html">

    87             <p>Your browser does not support iframes.</p>

    88         </iframe>

    89             

    90         </div>

    91         

    92         <script src="js/angular/angular.min.js"></script>

    93         <script src="js/codemirror/codemirror.js"></script>

    94         <script src="js/codemirror/mode/xml.js"></script>

    95         <script src="js/codemirror/mode/clike.js"></script>

    96         <script src="js/app.js"></script>

    97     </body>

    98 </html>
hg/bck2brwsr