From 5df763beb86f7762f069be08a2a3aa79aca4bbc2 Mon Sep 17 00:00:00 2001
From: RIHTARSIC Joze <joze.rihtarsic@ext.ec.europa.eu>
Date: Fri, 9 Jun 2023 08:17:33 +0200
Subject: [PATCH] UI search page small improvements

---
 ...subresource-document-wizard.component.html | 52 +++++++------------
 1 file changed, 19 insertions(+), 33 deletions(-)

diff --git a/smp-angular/src/app/edit/edit-resources/subresource-document-wizard-dialog/subresource-document-wizard.component.html b/smp-angular/src/app/edit/edit-resources/subresource-document-wizard-dialog/subresource-document-wizard.component.html
index 72b879d43..743957054 100644
--- a/smp-angular/src/app/edit/edit-resources/subresource-document-wizard-dialog/subresource-document-wizard.component.html
+++ b/smp-angular/src/app/edit/edit-resources/subresource-document-wizard-dialog/subresource-document-wizard.component.html
@@ -6,45 +6,30 @@
       <mat-card-content>
         <div class="panel">
 
-          <!-- Document -->
-          <mat-form-field style="width:35%">
-            <input matInput placeholder="Document identifier scheme" name="documentIdentifierScheme"
-                   id="documentIdentifierScheme_id"
-                   [formControl]="dialogForm.controls['documentIdentifierScheme']"
-                   maxlength="255">
-          </mat-form-field>
-
+          <!-- Process -->
           <mat-form-field style="width:60%">
-            <input matInput placeholder="Document identifier" name="documentIdentifier" id="documentIdentifier_id"
-                    maxlength="255"
-                   [formControl]="dialogForm.controls['documentIdentifier']"
+            <mat-label>Process identifier</mat-label>
+            <input matInput name="processidentifier" id="processidentifier_id" matTooltip = "The value part of the identifier of the process."
+                   maxlength="255"
+                   [formControl]="dialogForm.controls['processIdentifier']"
                    required>
             <div
-              *ngIf="dialogForm.controls['documentIdentifier'].touched &&  dialogForm.controls['documentIdentifier'].hasError('required')"
-              style="color:red; font-size: 70%">Document identifier is required!
+              *ngIf="dialogForm.controls['processIdentifier'].touched &&  dialogForm.controls['processIdentifier'].hasError('required')"
+              style="color:red; font-size: 70%">Process identifier is required!
             </div>
           </mat-form-field>
-          <!-- Process -->
           <mat-form-field style="width:35%">
-            <input matInput placeholder="Process scheme" name="processSchema" id="processSchema_id"
+            <mat-label>Process scheme</mat-label>
+            <input matInput name="processSchema" id="processSchema_id" matTooltip = "The scheme part of the identifier of the process."
                    maxlength="255"
                    [formControl]="dialogForm.controls['processScheme']"
                    >
           </mat-form-field>
 
-          <mat-form-field style="width:60%">
-            <input matInput placeholder="Process identifier" name="processidentifier" id="processidentifier_id"
-                   maxlength="255"
-                   [formControl]="dialogForm.controls['processIdentifier']"
-                   required>
-            <div
-              *ngIf="dialogForm.controls['processIdentifier'].touched &&  dialogForm.controls['processIdentifier'].hasError('required')"
-              style="color:red; font-size: 70%">Process identifier is required!
-            </div>
-          </mat-form-field>
 <!-- transport -->
           <mat-form-field style="width:35%">
-            <input matInput placeholder="Transport profile" name="transportProfile" id="transportProfiler_id"
+            <mat-label>Transport profile</mat-label>
+            <input matInput name="transportProfile" id="transportProfiler_id" matTooltip="Indicates the type of transport method that is being used between access points."
                     maxlength="255"
                    [formControl]="dialogForm.controls['transportProfile']"
                    required>
@@ -55,7 +40,8 @@
           </mat-form-field>
 
           <mat-form-field style="width:60%">
-            <input matInput placeholder="Endpoint Url" name="endpointUrl" id="endpointUrl_id"
+            <mat-label>Access point URL</mat-label>
+            <input matInput name="endpointUrl" id="endpointUrl_id" matTooltip="The address of an endpoint, as a URL."
                    maxlength="255"
                    [formControl]="dialogForm.controls['endpointUrl']"
                    type="url"
@@ -83,9 +69,8 @@
             <textarea matInput style="width:100%;border: #03A9F4 1px solid" cols="2" rows="10"
                       resizeable="false"
                       id="metadatacertificate_id"
-                      placeholder="X509Certificate*" name="certificate"
-                      [formControl]="dialogForm.controls['endpointCertificate']"
-                      ></textarea>
+                      placeholder="Upload a certificate or paste the value inside the field" name="certificate"
+                      [formControl]="dialogForm.controls['endpointCertificate']" required></textarea>
             </div>
           <div
             *ngIf="dialogForm.controls['endpointCertificate'].touched &&  dialogForm.controls['endpointCertificate'].hasError('required')"
@@ -94,14 +79,15 @@
 
           </div>
 
-
 <!-- ServiceDescription -->
           <mat-form-field style="width:100%">
-            <input matInput placeholder="Service description" name="serviceDescription" id="serviceDescription_id"
+            <mat-label>Service description</mat-label>
+            <input matInput name="serviceDescription" id="serviceDescription_id" matTooltip="Service description"
                    [formControl]="dialogForm.controls['serviceDescription']" maxlength="255" >
           </mat-form-field>
           <mat-form-field style="width:100%">
-            <input matInput placeholder="Technical Contact Url" name="technicalContactUrl" id="technicalContactUrl_id"
+            <mat-label>Technical Contact Url</mat-label>
+            <input matInput name="technicalContactUrl" id="technicalContactUrl_id"  matTooltip="Technical contact for the service"
                    [formControl]="dialogForm.controls['technicalContactUrl']" maxlength="255" type="url" >
           </mat-form-field>
 
-- 
GitLab