Fix navbar menu when width is small
[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                             <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>