dew/src/main/resources/org/apidesign/bck2brwsr/dew/index.html
branchdew
changeset 544 08ffdc3938e7
parent 542 7400dc9f48fb
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/dew/src/main/resources/org/apidesign/bck2brwsr/dew/index.html	Wed Jan 23 13:18:46 2013 +0100
     1.3 @@ -0,0 +1,98 @@
     1.4 +<!--
     1.5 +To change this template, choose Tools | Templates
     1.6 +and open the template in the editor.
     1.7 +-->
     1.8 +<!DOCTYPE html>
     1.9 +<html lang="en" ng-app="bck2brwsr" ng-controller="DevCtrl">
    1.10 +    <head>
    1.11 +        <title>Back2Browser - DEW</title>
    1.12 +        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    1.13 +        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    1.14 +        <link rel="stylesheet" href="css/bootstrap-combined.min.css"/>  
    1.15 +        <link rel="stylesheet" href="js/codemirror/codemirror.css">
    1.16 +        <link rel="stylesheet" href="js/codemirror/theme/elegant.css"/>
    1.17 +        <link rel="stylesheet" href="css/app.css"/>
    1.18 +    </head>
    1.19 +    <body>
    1.20 +                
    1.21 +        <div class="navbar navbar-fixed-top" style="width: 100%"> 
    1.22 +        <div class="navbar-inner" style="padding-left: 12px; padding-right: 12px;">
    1.23 +            <!-- a class="brand" style="font-size: 100%"><span class="text-info"><b>Java and HTML5</b></span><small>- Together at Last!</small></a-->
    1.24 +            <form class="navbar-form pull-right">
    1.25 +                <!-- select class="span2"></select -->
    1.26 +                <button ng-click="post()" class="btn btn-warning">Rebuild</button>
    1.27 +              </form>
    1.28 +            <!-- ul class="nav">                          
    1.29 +                <li><select class="btn-small" type="text"></select></li>
    1.30 +            </ul -->
    1.31 +            <!-- form class="form form-horizontal pull-right">
    1.32 +                <button class="btn btn-warning btn-small pull-right top" ng-click="post()">Rebuild</button>
    1.33 +            </form -->
    1.34 +            <!-- ul class="nav pull-right">
    1.35 +                
    1.36 +            </ul-->     
    1.37 +        </div>  
    1.38 +        </div>
    1.39 +
    1.40 +        <div class="container-fluid">        
    1.41 +        
    1.42 +        <div style="height: 4em;">&nbsp;</div>    
    1.43 +            
    1.44 +        <div class="row-fluid">
    1.45 +            <div class="span6" style="margin-bottom: 10px;"> 
    1.46 +                <table class="table table-condensed" style="margin-bottom: 2px">
    1.47 +                <tr><td><i class="ic-html5"></i> HTML5</td></tr>               
    1.48 +                </table>
    1.49 +                <div>
    1.50 +                    <textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="html"></textarea>
    1.51 +                    <div class="alert alert-error" ng-show="doc.modelError">
    1.52 +                        <small>{{doc.modelError.toString()}}</small>
    1.53 +                    </div>
    1.54 +                </div>    
    1.55 +            </div>
    1.56 +            
    1.57 +            <div class="span6">  
    1.58 +                <table class="table table-condensed" style="margin-bottom: 2px">
    1.59 +                <tr><td><i class="ic-java"></i> Java</td></tr>               
    1.60 +                </table>                
    1.61 +                <div>
    1.62 +                    <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>
    1.63 +                    <div class="alert alert-error" ng-show="doc.modelError">
    1.64 +                        <small>{{doc.modelError.toString()}}</small>
    1.65 +                    </div>
    1.66 +                </div>
    1.67 +            </div>
    1.68 +        
    1.69 +        </div>    
    1.70 +            
    1.71 +        <table class="table table-condensed">
    1.72 +            <tr ng-click="gotoError(e.line, e.col)" ng-repeat="e in errors" ng-class="errorClass(e.kind)">
    1.73 +                <td style="text-align: right">{{e.line}}</td> 
    1.74 +                <td>:</td> 
    1.75 +                <td style="text-align: left">{{e.col}}</td> 
    1.76 +                <td width="100%" class="text-error error-hover">{{e.msg}} <i class="icon-play"/></td>
    1.77 +            </tr>            
    1.78 +        </table>    
    1.79 +            
    1.80 +        
    1.81 +        <div>&nbsp;</div>    
    1.82 +            
    1.83 +        <ul class="nav nav-tabs">
    1.84 +            <li ng-class="'active'"><a href="#">Result</a></li>
    1.85 +        </ul>    
    1.86 +        
    1.87 +        
    1.88 +        <!-- button class="btn" ng-click="reload()">Reload</button -->
    1.89 +        <iframe id="result" frameborder="0" scrolling="yes" width="100%" style="height: 1000px; overflow: auto; border: 1px solid #DFDFDF;" src="result.html">
    1.90 +            <p>Your browser does not support iframes.</p>
    1.91 +        </iframe>
    1.92 +            
    1.93 +        </div>
    1.94 +        
    1.95 +        <script src="js/angular/angular.min.js"></script>
    1.96 +        <script src="js/codemirror/codemirror.js"></script>
    1.97 +        <script src="js/codemirror/mode/xml.js"></script>
    1.98 +        <script src="js/codemirror/mode/clike.js"></script>
    1.99 +        <script src="js/app.js"></script>
   1.100 +    </body>
   1.101 +</html>