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

   1 <div class="panel panel-default">
   2     <div class="panel-heading">
   3         <h2 class="panel-title">Build</h2>
   4     </div>
   5     <div class="panel-body">
   6         <form [formGroup]="buildForm">
   7             <div class="col-xs-12">
   8                 <table class="table table-borderless table-center">
   9                     <tbody>
  10                         <tr>
  11                             <th>Cross SDK</th>
  12                             <td>
  13                                 <!-- FIXME why not working ?
  14                         <sdk-select-dropdown [sdks]="(sdks$ | async)"></sdk-select-dropdown>
  15                         -->
  16                                 <sdk-select-dropdown></sdk-select-dropdown>
  17                             </td>
  18                         </tr>
  19                         <tr>
  20                             <th>Project root path</th>
  21                             <td> <input type="text" disabled style="width:99%;" [value]="curProject && curProject.path"></td>
  22                         </tr>
  23                         <tr>
  24                             <th>Sub-path</th>
  25                             <td> <input type="text" style="width:99%;" formControlName="subpath"> </td>
  26                         </tr>
  27                         <tr>
  28                             <td colspan="2">
  29                             <accordion>
  30                                 <accordion-group #group>
  31                                     <div accordion-heading>
  32                                         Advanced Settings
  33                                         <i class="pull-right float-xs-right fa" [ngClass]="{'fa-chevron-down': group.isOpen, 'fa-chevron-right': !group.isOpen}"></i>
  34                                     </div>
  35
  36                                     <table class="table table-borderless table-in-accordion">
  37                                         <tbody>
  38                                             <tr>
  39                                                 <th>Clean Command</th>
  40                                                 <td> <input type="text" style="width:99%;" formControlName="cmdClean"> </td>
  41                                             </tr>
  42                                             <tr>
  43                                                 <th>Pre-Build Command</th>
  44                                                 <td> <input type="text" style="width:99%;" formControlName="cmdPrebuild"> </td>
  45                                             </tr>
  46                                             <tr>
  47                                                 <th>Build Command</th>
  48                                                 <td> <input type="text" style="width:99%;" formControlName="cmdBuild"> </td>
  49                                             </tr>
  50                                             <tr>
  51                                                 <th>Populate Command</th>
  52                                                 <td> <input type="text" style="width:99%;" formControlName="cmdPopulate"> </td>
  53                                             </tr>
  54                                             <tr>
  55                                                 <th>Env variables</th>
  56                                                 <td> <input type="text" style="width:99%;" formControlName="envVars"> </td>
  57                                             </tr>
  58                                             <tr *ngIf="debugEnable">
  59                                                 <th>Args variables</th>
  60                                                 <td> <input type="text" style="width:99%;" formControlName="cmdArgs"> </td>
  61                                             </tr>
  62                                         </tbody>
  63                                     </table>
  64                                 </accordion-group>
  65                             </accordion>
  66                             </td>
  67                         </tr>
  68                     </tbody>
  69                 </table>
  70             </div>
  71             <div class="row">
  72                 <div class="col-xs-12 text-center">
  73                     <div class="btn-group blocks">
  74                         <button class="btn btn-primary btn-large" (click)="clean()" [disabled]="!curProject ">Clean</button>
  75                         <button class="btn btn-primary btn-large" (click)="preBuild()" [disabled]="!curProject">Pre-Build</button>
  76                         <button class="btn btn-primary btn-large" (click)="build()" [disabled]="!curProject">Build</button>
  77                         <button class="btn btn-primary btn-large" (click)="populate()" [disabled]="!curProject ">Populate</button>
  78                         <button *ngIf="debugEnable" class="btn btn-primary btn-large" (click)="execCmd()" [disabled]="!curProject ">Execute command</button>
  79                         <button *ngIf="debugEnable" class="btn btn-primary btn-large" (click)="make()" [disabled]="!curProject ">Make</button>
  80                     </div>
  81                 </div>
  82             </div>
  83         </form>
  84
  85         <div style="margin-left: 2em; margin-right: 2em; ">
  86             <div class="row ">
  87                 <div class="col-xs-10">
  88                     <div class="row ">
  89                         <div class="col-xs-4">
  90                             <label>Command Output</label>
  91                         </div>
  92                         <div class="col-xs-8" style="font-size:x-small; margin-top:5px;">
  93                             {{ cmdInfo }}
  94                         </div>
  95                     </div>
  96                 </div>
  97                 <div class="col-xs-2">
  98                     <button class="btn btn-link pull-right " (click)="reset() "><span class="fa fa-eraser fa-size-x2"></span></button>
  99                 </div>
 100             </div>
 101             <div class="row ">
 102                 <div class="col-xs-12 text-center ">
 103                     <textarea rows="20" class="textarea-scroll" #scrollOutput>{{ cmdOutput }}</textarea>
 104                 </div>
 105             </div>
 106         </div>
 107     </div>
 108 </div>