Rework development page: Pre-build, Build, Populate.
[src/xds/xds-server.git] / 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                             <th>Command arguments</th>
29                             <td> <input type="text" style="width:99%;" formControlName="cmdArgs"> </td>
30                         </tr>
31                         <tr>
32                             <th>Env variables</th>
33                             <td> <input type="text" style="width:99%;" formControlName="envVars"> </td>
34                         </tr>
35                     </tbody>
36                 </table>
37             </div>
38             <div class="row">
39                 <div class="col-xs-12 text-center">
40                     <div class="btn-group blocks">
41                         <button class="btn btn-primary btn-large" (click)="preBuild()" [disabled]="!curProject">Pre-Build</button>
42                         <button class="btn btn-primary btn-large" (click)="build()" [disabled]="!curProject">Build</button>
43                         <button class="btn btn-primary btn-large" (click)="populate()" [disabled]="!curProject ">Populate</button>
44                         <button *ngIf="debugEnable" class="btn btn-primary btn-large" (click)="execCmd()" [disabled]="!curProject ">Execute command</button>
45                         <button *ngIf="debugEnable" class="btn btn-primary btn-large" (click)="make()" [disabled]="!curProject ">Make</button>
46                     </div>
47                 </div>
48             </div>
49         </form>
50
51         <div style="margin-left: 2em; margin-right: 2em; ">
52             <div class="row ">
53                 <div class="col-xs-10">
54                     <div class="row ">
55                         <div class="col-xs-4">
56                             <label>Command Output</label>
57                         </div>
58                         <div class="col-xs-8" style="font-size:x-small; margin-top:5px;">
59                             {{ cmdInfo }}
60                         </div>
61                     </div>
62                 </div>
63                 <div class="col-xs-2">
64                     <button class="btn btn-link pull-right " (click)="reset() "><span class="fa fa-eraser fa-size-x2"></span></button>
65                 </div>
66             </div>
67             <div class="row ">
68                 <div class="col-xs-12 text-center ">
69                     <textarea rows="20" class="textarea-scroll" #scrollOutput>{{ cmdOutput }}</textarea>
70                 </div>
71             </div>
72         </div>
73     </div>
74 </div>