launcher/src/main/resources/org/apidesign/bck2brwsr/dew/index.html
branchdew
changeset 541 927a5f9fa430
parent 461 ccc3fd318cb1
child 542 7400dc9f48fb
     1.1 --- a/launcher/src/main/resources/org/apidesign/bck2brwsr/dew/index.html	Tue Jan 15 16:56:18 2013 +0100
     1.2 +++ b/launcher/src/main/resources/org/apidesign/bck2brwsr/dew/index.html	Mon Jan 21 22:10:08 2013 +0100
     1.3 @@ -14,33 +14,69 @@
     1.4          <link rel="stylesheet" href="css/app.css"/>
     1.5      </head>
     1.6      <body>
     1.7 -        <div class="container">        
     1.8 -        <div class="breadcrumb"><h4 class="text-info">Java and HTML5 <small>- Together at Last!</small></h4></div>    
     1.9 +                
    1.10 +        <div class="navbar navbar-fixed-top" style="width: 100%"> 
    1.11 +        <div class="navbar-inner" style="padding-left: 12px; padding-right: 12px;">
    1.12 +            <!-- a class="brand" style="font-size: 100%"><span class="text-info"><b>Java and HTML5</b></span><small>- Together at Last!</small></a-->
    1.13 +            <form class="navbar-form pull-right">
    1.14 +                <!-- select class="span2"></select -->
    1.15 +                <button ng-click="post()" class="btn btn-warning">Rebuild</button>
    1.16 +              </form>
    1.17 +            <!-- ul class="nav">                          
    1.18 +                <li><select class="btn-small" type="text"></select></li>
    1.19 +            </ul -->
    1.20 +            <!-- form class="form form-horizontal pull-right">
    1.21 +                <button class="btn btn-warning btn-small pull-right top" ng-click="post()">Rebuild</button>
    1.22 +            </form -->
    1.23 +            <!-- ul class="nav pull-right">
    1.24 +                
    1.25 +            </ul-->     
    1.26 +        </div>  
    1.27 +        </div>
    1.28 +
    1.29 +        <div class="container-fluid">        
    1.30 +        
    1.31 +        <div style="height: 4em;">&nbsp;</div>    
    1.32              
    1.33 -        <ul class="nav nav-tabs">
    1.34 -            <li ng-class="tabActive('html')" ng-click="tab='html'"><a href="#"><i class="ic-html5"></i> HTML5</a></li>
    1.35 -            <li ng-class="tabActive('java')" ng-click="tab='java'"><a href="#"><i class="ic-java"></i> Java</a></li>
    1.36 -        </ul>
    1.37 +        <div class="row-fluid">
    1.38 +            <div class="span6" style="margin-bottom: 10px;"> 
    1.39 +                <table class="table table-condensed" style="margin-bottom: 2px">
    1.40 +                <tr><td><i class="ic-html5"></i> HTML5</td></tr>               
    1.41 +                </table>
    1.42 +                <div>
    1.43 +                    <textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="html"></textarea>
    1.44 +                    <div class="alert alert-error" ng-show="doc.modelError">
    1.45 +                        <small>{{doc.modelError.toString()}}</small>
    1.46 +                    </div>
    1.47 +                </div>    
    1.48 +            </div>
    1.49 +            
    1.50 +            <div class="span6">  
    1.51 +                <table class="table table-condensed" style="margin-bottom: 2px">
    1.52 +                <tr><td><i class="ic-java"></i> Java</td></tr>               
    1.53 +                </table>                
    1.54 +                <div>
    1.55 +                    <textarea id="editorJava" ui-codemirror='{ lineNumbers : true, mode : "text/x-java", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="java"></textarea>
    1.56 +                    <div class="alert alert-error" ng-show="doc.modelError">
    1.57 +                        <small>{{doc.modelError.toString()}}</small>
    1.58 +                    </div>
    1.59 +                </div>
    1.60 +            </div>
    1.61          
    1.62 -        
    1.63 -        <div ng-switch on="tab">
    1.64 -        <div ng-switch-when="html">
    1.65 -            <textarea ui-codemirror='{ lineNumbers : true, mode : "xml", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.html"></textarea>
    1.66 -            <div class="alert alert-error" ng-show="doc.modelError">
    1.67 -                <small>{{doc.modelError.toString()}}</small>
    1.68 -            </div>
    1.69          </div>    
    1.70 -        <div ng-switch-when="java">
    1.71 -            <textarea ui-codemirror='{ lineNumbers : true, mode : "text/x-java", theme : "elegant", matchBrackets : true, lineWrapping : true }' ng-model="$parent.java"></textarea>
    1.72 -            <div class="alert alert-error" ng-show="doc.modelError">
    1.73 -                <small>{{doc.modelError.toString()}}</small>
    1.74 -            </div>
    1.75 -        </div>    
    1.76 -        </div>
    1.77 +            
    1.78 +        <table class="table table-condensed">
    1.79 +            <tr ng-click="gotoError(e.line, e.col)" ng-repeat="e in errors" ng-class="errorClass(e.kind)">
    1.80 +                <td style="text-align: right">{{e.line}}</td> 
    1.81 +                <td>:</td> 
    1.82 +                <td style="text-align: left">{{e.col}}</td> 
    1.83 +                <td width="100%" class="text-error error-hover">{{e.msg}} <i class="icon-play"/></td>
    1.84 +            </tr>            
    1.85 +        </table>    
    1.86 +            
    1.87          
    1.88          <div>&nbsp;</div>    
    1.89              
    1.90 -        <button class="btn btn-warning pull-right" ng-click="post()">Rebuild</button>
    1.91          <ul class="nav nav-tabs">
    1.92              <li ng-class="'active'"><a href="#">Result</a></li>
    1.93          </ul>