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                         <xds-sdk-select-dropdown [sdks]="(sdks$ | async)"></xds-sdk-select-dropdown>
  22                         -->
  23                                 <xds-sdk-select-dropdown></xds-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                     </div>
  87                 </div>
  88             </div>
  89         </form>
  90
  91         <div style="margin-left: 2em; margin-right: 2em; ">
  92             <div class="row ">
  93                 <div class="col-xs-10">
  94                     <div class="row ">
  95                         <div class="col-xs-4">
  96                             <label>Command Output</label>
  97                         </div>
  98                         <div class="col-xs-8" style="font-size:x-small; margin-top:5px;">
  99                             {{ cmdInfo }}
 100                         </div>
 101                     </div>
 102                 </div>
 103                 <div class="col-xs-2">
 104                     <button class="btn btn-link pull-right " (click)="reset() "><span class="fa fa-eraser fa-size-x2"></span></button>
 105                 </div>
 106             </div>
 107             <div class="row ">
 108                 <div class="col-xs-12 text-center ">
 109                     <textarea rows="20" class="textarea-scroll" #scrollOutput>{{ cmdOutput }}</textarea>
 110                 </div>
 111             </div>
 112         </div>
 113     </div>
 114 </div>