webapp/src/app/build/build.component.html

   1 <form [formGroup]="buildForm">
   2     <div class="col-xs-12">
   3         <table class="table table-borderless">
   4             <tbody>
   5                 <tr>
   6                     <th style="border: none;">Project</th>
   7                     <td>
   8                         <div class="btn-group" dropdown *ngIf="curProject">
   9                             <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle" style="width: 20em;">
  10                             {{curProject.label}} <span class="caret" style="float: right; margin-top: 8px;"></span>
  11                         </button>
  12                             <ul *dropdownMenu class="dropdown-menu" role="menu">
  13                                 <li role="menuitem"><a class="dropdown-item" *ngFor="let prj of (config$ | async)?.projects" (click)="curProject=prj">
  14                                 {{prj.label}}</a>
  15                                 </li>
  16                             </ul>
  17                         </div>
  18                     </td>
  19                 </tr>
  20                 <tr>
  21                     <th>Cross SDK</th>
  22                     <td>
  23                         <!-- FIXME why not working ?
  24                         <sdk-select-dropdown [sdks]="(sdks$ | async)"></sdk-select-dropdown>
  25                         -->
  26                         <sdk-select-dropdown></sdk-select-dropdown>
  27                     </td>
  28                 </tr>
  29                 <tr>
  30                     <th>Sub-directory</th>
  31                     <td> <input type="text" style="width:99%;" formControlName="subpath"> </td>
  32                 </tr>
  33                 <tr>
  34                     <th>Make arguments</th>
  35                     <td> <input type="text" style="width:99%;" formControlName="makeArgs"> </td>
  36                 </tr>
  37             </tbody>
  38         </table>
  39     </div>
  40     <div class="row">
  41         <div class="col-xs-12 text-center">
  42             <div class="btn-group blocks">
  43                 <button class="btn btn-primary btn-large" (click)="make() " [disabled]="!confValid ">Build</button>
  44                 <button class="btn btn-primary btn-large" (click)="make('clean') " [disabled]="!confValid ">Clean</button>
  45             </div>
  46         </div>
  47     </div>
  48 </form>
  49
  50 <div style="margin-left: 2em; margin-right: 2em; ">
  51     <div class="row ">
  52         <div class="col-xs-10">
  53             <div class="row ">
  54                 <div class="col-xs-4">
  55                     <label>Command Output</label>
  56                 </div>
  57                 <div class="col-xs-8" style="font-size:x-small; margin-top:5px;">
  58                     {{ cmdInfo }}
  59                 </div>
  60             </div>
  61         </div>
  62         <div class="col-xs-2">
  63             <button class="btn btn-link pull-right " (click)="reset() "><span class="fa fa-eraser fa-size-x2"></span></button>
  64         </div>
  65     </div>
  66     <div class="row ">
  67         <div class="col-xs-12 text-center ">
  68             <textarea rows="20" class="textarea-scroll" #scrollOutput>{{ cmdOutput }}</textarea>
  69         </div>
  70     </div>
  71 </div>