matsen-tool-fe/matsen-tool/src/app/_views/partners/new-partner/new-partner.component.html

<h2 *ngIf="!partner.id">{{ 'basic.new' | translate }} {{ partnerNameOne }}</h2>
<h2 *ngIf="partner.id">{{ 'basic.edit-before' | translate }} {{ partnerNameOne }} {{ 'basic.edit-after' | translate }}</h2>
<div class="spt-form">
    <form [formGroup]="partnerForm" (ngSubmit)="onSubmit()">
        <div class="mb-3">
            <label for="name" class="form-label">{{ 'form.name' | translate }}:</label>
            <input type="text" class="form-control" id="name" formControlName="name"/>
            <div class="form-text" *ngIf="partnerForm.get('name')?.invalid && partnerForm.get('name')?.touched">
                {{ 'form.name' | translate }} {{ 'form.mandatory' | translate }}.
            </div>
        </div>

        <div class="mb-3">
            <label for="street" class="form-label">{{ 'form.street' | translate }}:</label>
            <input type="text" class="form-control" id="street" formControlName="street"/>
        </div>

        <div class="mb-3">
            <label for="streetNo" class="form-label">{{ 'form.street-no' | translate }}:</label>
            <input type="text" class="form-control" id="streetNo" formControlName="streetNo"/>
        </div>

        <div class="mb-3">
            <label for="zip" class="form-label">{{ 'form.zip' | translate }}:</label>
            <input type="text" class="form-control" id="zip" formControlName="zip"/>
        </div>

        <div class="mb-3">
            <label for="city" class="form-label">{{ 'form.city' | translate }}:</label>
            <input type="text" class="form-control" id="city" formControlName="city"/>
        </div>

        <div class="mb-3">
            <label for="country" class="form-label">{{ 'form.country' | translate }}:</label>
            <input type="text" class="form-control" id="country" formControlName="country"/>
        </div>

        <div class="mb-3">
            <label for="website" class="form-label">{{ 'form.website' | translate }}:</label>
            <input type="text" class="form-control" id="website" formControlName="website"/>
        </div>

        <div class="mb-3">
            <label for="description" class="form-label">{{ 'form.description' | translate }}:</label>
            <textarea class="form-control" id="description" formControlName="description" cols="50" rows="5"></textarea>
        </div>

        <div class="mb-3" *ngIf="partnerForm.get('logoUrl')?.value === null">
            <label for="logo" class="form-label">{{ 'form.upload-image' | translate }}:</label>
            <input type="file" class="form-control" id="logo" (change)="onFileSelected($event)" accept="image/*"/>
        </div>

        <div class="mb-3" *ngIf="partnerForm.get('logoUrl')?.value !== null">
            <div class="delete-image" (click)="onDeleteImage()">
                <img src="{{partner.logoUrl}}" width="40" height="40" alt="{{partner.name}}"/>
                <p class="mb-0 ms-3">{{ 'system.delete-image' | translate }}</p>
            </div>
        </div>

        <button type="submit" class="btn btn-primary" [disabled]="partnerForm.invalid">{{ 'form.send' | translate }}
        </button>
    </form>
</div>