You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mediarepo/mediarepo-ui/src/app/components/shared/repository/repository-form/repository-form.component.html

39 lines
1.7 KiB
HTML

<form [formGroup]="formGroup">
<mat-form-field matTooltip="A unique name for the repository" matTooltipShowDelay="1000">
<mat-label>Name</mat-label>
<input (blur)="validateName()" (change)="validateName()" (input)="validateName()" formControlName="name"
matInput>
</mat-form-field>
<mat-form-field matTooltip="Type of repository if it's on the local system or somewhere else"
matTooltipShowDelay="1000">
<mat-label>Type</mat-label>
<mat-select #repoTypeSelect (selectionChange)="onTypeChange(repoTypeSelect.value)"
formControlName="repositoryType">
<mat-option value="local">Local</mat-option>
<mat-option value="remote">Remote</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field *ngIf="repoTypeSelect.value === 'local'"
matTooltip="Path where the repository is located or should be created"
matTooltipShowDelay="1000">
<button (click)="openFolderDialog()" class="button-folder-select" mat-button>
<ng-icon name="mat-folder"></ng-icon>
</button>
<mat-label>Path</mat-label>
<input (change)="this.checkLocalRepoExists()" formControlName="path" matInput>
</mat-form-field>
<mat-form-field *ngIf="repoTypeSelect.value === 'remote'"
matTooltip="IP address and port of the remote repository"
matTooltipShowDelay="1000">
<mat-label>Address</mat-label>
<input formControlName="address" matInput>
</mat-form-field>
</form>
<div *ngIf="repoTypeSelect.value === 'remote'" class="connection-state">
<span>Status:</span>&nbsp;<span>{{this.onlineStatus}}</span>
</div>