pages/input-config/input-config.component.html

0001 <!-- event-display-source.component.html -->
0002 <app-nav-config></app-nav-config>
0003 <div class="container mt-3">
0004   <h2 class="card-title">Configure geometry pipeline</h2>
0005
0006   <!-- Geometry Pipeline diagram -->
0007   <img src="../assets/diagrams/geometry-pipeline.svg" alt="geometry-pipeline">
0008
0009   <form>
0010
0011   <div class="card mt-4">
0012     <div class="card-body">
0013       <h4 class="card-title">Data Sources</h4>
0014
0015       <div class="form-group">
0016         <div class="mt-4">
0017           <h5>Geometry</h5>
0018           Select file with the geometry
0019           <div class="mt-4">
0020             <firebird-resource-select #geometrySelect [options]="geometryOptions" label="Geometry source" class="full-width-field"></firebird-resource-select>
0021           </div>
0022         </div>
0023       </div>
0024
0025       <div class="form-group">
0026         <div class="mt-4">
0027           <h5>Trajectories Event Source</h5>
0028           <div class="mt-4">
0029             <firebird-resource-select #trajectorySelect [options]="trajectoryOptions" label="Trajectories event source file" class="full-width-field"></firebird-resource-select>
0030           </div>
0031         </div>
0032       </div>
0033
0034       <div class="form-group">
0035         <div class="mt-4">
0036           <h5>Edm4Eic Event Source</h5>
0037           Select file with EDM4EIC data
0038           <div class="mt-4">
0039             <firebird-resource-select #edm4eicSelect [options]="edm4eicOptions" label="EDM4EIC file" class="full-width-field"></firebird-resource-select>
0040           </div>
0041         </div>
0042       </div>
0043
0044
0045     </div>
0046   </div>
0047
0048     <div class="card mt-4">
0049       <div class="card-body">
0050         <h5 class="card-title">ROOT Geometry optimization</h5>
0051         <div class="mt-4">
0052           <h6>Leave only central detector (Remove Beamline, Far Froward and Backward)</h6>
0053           <div class="form-check custom-control custom-switch">
0054             <input class="custom-control-input" type="checkbox" id="geoPostEnabled" [formControl]="onlyCentralDetector">
0055             <label class="custom-control-label" for="geoPostEnabled">Enabled</label>
0056           </div>
0057         </div>
0058         <div class="mt-4">
0059           <h6>Optimize detectors (remove parts such as glue, pixels, some layers, etc)</h6>
0060           <div class="form-check custom-control custom-switch">
0061             <input class="custom-control-input" type="checkbox" checked="checked" disabled>
0062             <label class="custom-control-label" for="geoPostEnabled">Enabled</label>
0063           </div>
0064         </div>
0065       </div>
0066     </div>
0067
0068     <div class="card mt-4">
0069       <div class="card-body">
0070         <h5 class="card-title">WebGL Geometry optimization</h5>
0071         <div class="mt-4">
0072           <h6>Merge geometries if possible</h6>
0073           Merging geometries allows to significantly improve the performance by reducing the number of
0074           <a href="https://discourse.threejs.org/t/webgl-drawcalls/24476">drawcalls</a>.
0075           <div class="form-check custom-control custom-switch">
0076             <input class="custom-control-input" type="checkbox" checked="checked" disabled>
0077             <label class="custom-control-label" for="geoPostEnabled">Enabled</label>
0078           </div>
0079         </div>
0080       </div>
0081     </div>
0082
0083     <!-- USE LOCAL API -->
0084     <div class="card mt-4">
0085       <div class="card-body">
0086         <h5 class="card-title">Server API Configuration</h5>
0087         <div class="form-check custom-control custom-switch mt-4">
0088           <input class="custom-control-input" type="checkbox" id="serverUseApiCheckbox" [formControl]="serverUseApi">
0089           <label class="custom-control-label" for="serverUseApiCheckbox">Use specific backend</label>
0090         </div>
0091         <div class="form-row align-items-center">
0092           <div class="col-auto">
0093             <h6 class="mb-0">Base API URL:</h6>
0094           </div>
0095           <div class="col">
0096             <input class="form-control" type="text" placeholder="Enter API URL: http://localhost:5454" [formControl]="serverApiUrl" [disabled]="!serverUseApi.value">
0097           </div>
0098         </div>
0099       </div>
0100     </div>
0101
0102     <div class="mt-4 text-center">
0103       <button type="button" class="btn btn-lg btn-primary" [routerLink]="['/display']">DISPLAY</button>
0104     </div>
0105
0106     <br><br>
0107
0108     <mat-accordion class="mt-4">
0109       <mat-expansion-panel>
0110         <mat-expansion-panel-header>
0111           <mat-panel-title>
0112             Backend details
0113           </mat-panel-title>
0114         </mat-expansion-panel-header>
0115         <div>
0116           <table class="table">
0117             <thead>
0118             <tr>
0119               <th scope="col">Property</th>
0120               <th scope="col">Value</th>
0121             </tr>
0122             </thead>
0123             <tbody>
0124             <tr>
0125               <td>Served by Pyrobird</td>
0126               <td>{{ firebirdConfig.servedByPyrobird ? 'Yes' : 'No' }}</td>
0127             </tr>
0128             <tr>
0129               <td>API Available</td>
0130               <td>{{ firebirdConfig.apiAvailable ? 'Yes' : 'No' }}</td>
0131             </tr>
0132             <tr>
0133               <td>API Base URL</td>
0134               <td>{{ firebirdConfig.apiBaseUrl }}</td>
0135             </tr>
0136             <tr>
0137               <td>Log Level</td>
0138               <td>{{ firebirdConfig.logLevel }}</td>
0139             </tr>
0140             </tbody>
0141           </table>
0142         </div>
0143       </mat-expansion-panel>
0144     </mat-accordion>
0145     <br>
0146
0147   </form>
0148 </div>