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

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