experimental/traffic-portal/src/app/shared/generic-table/download-options/download-options-dialog.component.html

<!--
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<h2 mat-dialog-title>Export Options</h2>
<form method="dialog" ngNativeValidate (ngSubmit)="onSubmit()">
	<div class="content" mat-dialog-content>
		<mat-form-field appearance="fill">
			<mat-label>File Name (no extension)</mat-label>
			<input name="fileName" matInput type="text" [(ngModel)]="fileName" required />
		</mat-form-field>
		<mat-form-field appearance="fill">
			<mat-label>Delimiter</mat-label>
			<input name="delimiter" matInput type="text" [(ngModel)]="seperator" required />
		</mat-form-field>
		<mat-checkbox name="includeHeaders" [(ngModel)]="includeHeaders">Include Headers</mat-checkbox>
		<mat-checkbox name="includeHidden" *ngIf="this.visibleColumns.length !== this.columns.length" [(ngModel)]="includeHidden">Include Hidden Columns ({{this.visibleColumns.length}}/{{this.columns.length}} visible)</mat-checkbox>
		<mat-checkbox name="includeFiltered" *ngIf="visibleRows !== allRows" [(ngModel)]="includeFiltered">Include Filtered Rows ({{visibleRows}}/{{allRows}} visible)</mat-checkbox>
		<mat-checkbox name="onlySelected" *ngIf="selectedRows" [(ngModel)]="onlySelected">Only Selected Rows ({{selectedRows}}/{{allRows}} selected)</mat-checkbox>
	</div>
	<div mat-dialog-actions>
		<button mat-button type="submit">Confirm</button>
		<button mat-button type="button" [mat-dialog-close]="undefined">Cancel</button>
	</div>
</form>