components/io-options-dialog/io-options-dialog.component.html

0001 <div class="dialog">
0002   <h1 mat-dialog-title>Import and export</h1>
0003   <div mat-dialog-content class="dialog-content">
0004
0005       <p class="text-center"><b>Event data</b></p>
0006
0007       <div class="row centered">
0008
0009           <input
0010             #jsonEventFileInput
0011             type="file"
0012             tabindex="-1"
0013             class="file-input"
0014             accept="application/json"
0015             (change)="handleJSONEventDataInput($event)"
0016           />
0017           <button class="file-input-button" (click)="jsonEventFileInput.click()" >
0018             <img src="assets/icons/eventData.svg" alt="Event data icon" />
0019             Load .json
0020           </button>
0021
0022 <!--       -->
0023
0024         <input
0025           #jsonEdm4hepFileInput
0026           type="file"
0027           tabindex="-1"
0028           class="file-input"
0029           accept="application/json"
0030           (change)="handleEdm4HepJsonEventDataInput($event)"
0031         />
0032         <button
0033           class="file-input-button"
0034           (click)="jsonEdm4hepFileInput.click()"
0035         >
0036           <img src="assets/icons/eventData.svg" alt="Event data icon" />
0037           Load .edm4hep.json
0038         </button>
0039
0040
0041 <!--        <input-->
0042 <!--          #eventDataFileInput-->
0043 <!--          type="file"-->
0044 <!--          tabindex="-1"-->
0045 <!--          class="file-input"-->
0046 <!--          [accept]="eventDataImportOption.accept"-->
0047 <!--          (change)=" eventDataImportOption.handler($event.target.files)"-->
0048 <!--        />-->
0049 <!--        <button-->
0050 <!--          class="file-input-button"-->
0051 <!--          (click)="eventDataFileInput.click()"-->
0052 <!--        >-->
0053 <!--          <img src="assets/icons/eventData.svg" alt="Event data icon" />-->
0054 <!--          Load {{ eventDataImportOption.fileType }}-->
0055 <!--        </button>-->
0056 <!--        new ImportOption(-->
0057 <!--        EventDataFormat.JIVEXML,-->
0058 <!--        '.xml',-->
0059 <!--        this.handleJiveXMLDataInput.bind(this),-->
0060 <!--        'text/xml',-->
0061 <!--        ),-->
0062
0063 <!--        <input-->
0064 <!--          #eventDataFileInput-->
0065 <!--          type="file"-->
0066 <!--          tabindex="-1"-->
0067 <!--          class="file-input"-->
0068 <!--          [accept]="eventDataImportOption.accept"-->
0069 <!--          (change)=" eventDataImportOption.handler($event.target.files)"-->
0070 <!--        />-->
0071 <!--        <button-->
0072 <!--          class="file-input-button"-->
0073 <!--          (click)="eventDataFileInput.click()"-->
0074 <!--        >-->
0075 <!--          <img src="assets/icons/eventData.svg" alt="Event data icon" />-->
0076 <!--          Load {{ eventDataImportOption.fileType }}-->
0077 <!--        </button>-->
0078 <!--        new ImportOption(-->
0079 <!--        EventDataFormat.ZIP,-->
0080 <!--        '.zip',-->
0081 <!--        this.handleZipEventDataInput.bind(this),-->
0082 <!--        '.zip',-->
0083 <!--        ),-->
0084
0085 <!--        <input-->
0086
0087 <!--          type="file"-->
0088 <!--          tabindex="-1"-->
0089 <!--          class="file-input"-->
0090 <!--          [accept]="eventDataImportOption.accept"-->
0091 <!--          (change)=" eventDataImportOption.handler($event.target.files)"-->
0092 <!--        />-->
0093 <!--        <button-->
0094 <!--          class="file-input-button"-->
0095 <!--          (click)="eventDataFileInput.click()"-->
0096 <!--        >-->
0097 <!--          <img src="assets/icons/eventData.svg" alt="Event data icon" />-->
0098 <!--          Load {{ eventDataImportOption.fileType }}-->
0099 <!--        </button>-->
0100
0101 <!--        new ImportOption(-->
0102 <!--        EventDataFormat.IG,-->
0103 <!--        '.ig',-->
0104 <!--        this.handleIgEventDataInput.bind(this),-->
0105 <!--        '.ig',-->
0106 <!--        ),-->
0107
0108       </div>
0109
0110
0111     <p class="text-center"><b>Geometries</b></p>
0112
0113     <div class="row centered">
0114 <!--      <input-->
0115 <!--        #objFileInput-->
0116 <!--        type="file"-->
0117 <!--        tabindex="-1"-->
0118 <!--        class="file-input"-->
0119 <!--        accept=".obj"-->
0120 <!--        name="image"-->
0121 <!--        (change)="handleOBJInput($event.target as HTMLInputElement)"-->
0122 <!--      />-->
0123 <!--      <button class="file-input-button" (click)="objFileInput.click()">-->
0124 <!--        <img src="assets/icons/obj.svg" alt="" /> Load .obj-->
0125 <!--      </button>-->
0126
0127 <!--      <input-->
0128 <!--        #gltfFileInput-->
0129 <!--        type="file"-->
0130 <!--        tabindex="-1"-->
0131 <!--        class="file-input"-->
0132 <!--        accept=".gltf"-->
0133 <!--        name="image"-->
0134 <!--        (change)="handleGLTFInput($event.target.files)"-->
0135 <!--      />-->
0136 <!--      <button class="file-input-button" (click)="gltfFileInput.click()">-->
0137 <!--        <img src="assets/icons/gltf.svg" alt="" /> Load .gltf-->
0138 <!--      </button>-->
0139
0140 <!--      <input-->
0141 <!--        #rootFileInput-->
0142 <!--        type="file"-->
0143 <!--        tabindex="-1"-->
0144 <!--        class="file-input"-->
0145 <!--        accept=".root"-->
0146 <!--        (change)="handleROOTInput($event.target.files)"-->
0147 <!--      />-->
0148 <!--      <button class="file-input-button" (click)="rootFileInput.click()">-->
0149 <!--        <img src="assets/icons/file-import.svg" alt="" /> Load .root-->
0150 <!--      </button>-->
0151
0152 <!--      <input-->
0153 <!--        #rootJSONFileInput-->
0154 <!--        type="file"-->
0155 <!--        tabindex="-1"-->
0156 <!--        class="file-input"-->
0157 <!--        accept=".json.gz"-->
0158 <!--        (change)="handleRootJSONInput($event.target.files)"-->
0159 <!--      />-->
0160 <!--      <button class="file-input-button" (click)="rootJSONFileInput.click()">-->
0161 <!--        <img src="assets/icons/file-import.svg" alt="" /> Load .json.gz-->
0162 <!--      </button>-->
0163     </div>
0164
0165     <p class="text-center"><b>Scene</b></p>
0166
0167     <div class="row centered">
0168       <button
0169         class="file-input-button load-export"
0170         id="exportScene"
0171         (click)="saveScene()"
0172       >
0173         <img src="assets/icons/save.svg" alt="" /> Save scene
0174       </button>
0175
0176 <!--      <input-->
0177 <!--        #loadSceneInput-->
0178 <!--        type="file"-->
0179 <!--        tabindex="-1"-->
0180 <!--        class="file-input"-->
0181 <!--        accept=".phnx"-->
0182 <!--        name="image"-->
0183 <!--        (change)="handlePhoenixInput($event.target.files)"-->
0184 <!--      />-->
0185 <!--      <button-->
0186 <!--        class="file-input-button load-export"-->
0187 <!--        id="importScene"-->
0188 <!--        (click)="loadSceneInput.click()"-->
0189 <!--      >-->
0190 <!--        <img src="assets/icons/upload.svg" alt="" /> Load scene-->
0191 <!--      </button>-->
0192
0193       <button
0194         class="file-input-button export-button"
0195         id="exportOBJ"
0196         (click)="exportOBJ()"
0197       >
0198         <img src="assets/icons/obj.svg" alt="" /> Save OBJ
0199       </button>
0200     </div>
0201   </div>
0202
0203   <div mat-dialog-actions align="end">
0204     <button mat-flat-button color="primary" (click)="onClose()" cdkFocusInitial>
0205       Close
0206     </button>
0207   </div>
0208 </div>