small fixes

src/app/sample/sample.component.html

@@ -8,7 +8,8 @@
       <rb-form-input name="materialname" label="material name" [rbDebounceTime]="0" [rbInitialOpen]="true"
                      [rbFormInputAutocomplete]="autocomplete.bind(this, materialNames)" appValidate="stringOf"
                      (keydown)="preventDefault($event)" (ngModelChange)="findMaterial($event)" ngModel
-                     [appValidateArgs]="[materialNames]" required [(ngModel)]="material.name" [autofocus]="true">
+                     [appValidateArgs]="[materialNames]" required [(ngModel)]="material.name" [autofocus]="true"
+                     title="trade name of the material, eg. Ultradur B4300 G6">
         <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
         <ng-template rbFormValidationMessage="failure">Unknown material, add properties for new material</ng-template>
       </rb-form-input>
@@ -22,14 +23,16 @@
                      [rbFormInputAutocomplete]="autocomplete.bind(this, d.arr.materialSuppliers)"
                      [rbDebounceTime]="0" [rbInitialOpen]="true" appValidate="string" required
                      [(ngModel)]="material.supplier" #supplierInput="ngModel"
-                     (focusout)="checkTypo($event, 'materialSuppliers', 'supplier', modalWarning)">
+                     (focusout)="checkTypo($event, 'materialSuppliers', 'supplier', modalWarning)"
+                     title="material supplier, eg. BASF">
         <ng-template rbFormValidationMessage="failure">{{supplierInput.errors.failure}}</ng-template>
       </rb-form-input>
       <rb-form-input name="group" label="group"
                      [rbFormInputAutocomplete]="autocomplete.bind(this, d.arr.materialGroups)"
                      [rbDebounceTime]="0" [rbInitialOpen]="true" appValidate="string" required
                      [(ngModel)]="material.group" #groupInput="ngModel"
-                     (focusout)="checkTypo($event, 'materialGroups', 'group', modalWarning)">
+                     (focusout)="checkTypo($event, 'materialGroups', 'group', modalWarning)"
+                     title="chemical material type, eg. PA66">
         <ng-template rbFormValidationMessage="failure">{{groupInput.errors.failure}}</ng-template>
       </rb-form-input>
       <ng-template #modalWarning>
@@ -41,9 +44,9 @@
       <rb-array-input [(ngModel)]="material.numbers" name="materialNumbers" [pushTemplate]="''">
         <rb-form-input *rbArrayInputItem="let item" [rbArrayInputListener]="'materialNumber'" [index]="item.i"
                        label="material number" appValidate="string" [name]="'materialNumber-' + item.i"
-                       [ngModel]="item.value"></rb-form-input>
+                       [ngModel]="item.value" title="Bosch material part number, eg. 5515753021"></rb-form-input>
       </rb-array-input>
-      <rb-form-select name="conditionSelect" label="Type"
+      <rb-form-select name="propertiesSelect" label="Type" title="=overall material group specific properties"
                       [(ngModel)]="material.properties.material_template">
         <option *ngFor="let m of d.latest.materialTemplates" [value]="m._id">{{m.name}}</option>
       </rb-form-select>
@@ -57,18 +60,20 @@
     </div>
 
     <div>
-      <rb-form-select name="type" label="type" required [(ngModel)]="sample.type" ngModel>
+      <rb-form-select name="type" label="type" required [(ngModel)]="sample.type" ngModel
+                      title="material status of the sample">
         <option value="granulate">granulate</option>
         <option value="part">part</option>
         <option value="tension rod">tension rod</option>
         <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
       </rb-form-select>
       <rb-form-input name="color" label="color" appValidate="string" [(ngModel)]="sample.color"
-                     #colorInput="ngModel">
+                     #colorInput="ngModel" title="sample color, eg. black">
         <ng-template rbFormValidationMessage="failure">{{colorInput.errors.failure}}</ng-template>
         <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
       </rb-form-input>
-      <rb-form-input name="batch" label="batch" appValidate="string" [(ngModel)]="sample.batch" #batchInput="ngModel">
+      <rb-form-input name="batch" label="batch" appValidate="string" [(ngModel)]="sample.batch" #batchInput="ngModel"
+                     title="batch number the sample was from, eg. 2264486614">
         <ng-template rbFormValidationMessage="failure">{{batchInput.errors.failure}}</ng-template>
       </rb-form-input>
     </div>
@@ -76,7 +81,8 @@
 
   <div class="notes">
     <rb-form-input name="comment" label="comment" appValidate="stringLength" [appValidateArgs]="[512]"
-                   [(ngModel)]="sample.notes.comment" #commentInput="ngModel">
+                   [(ngModel)]="sample.notes.comment" #commentInput="ngModel"
+                   title="general remarks that cannot be expressed in additional properties, eg. stabilized">
       <ng-template rbFormValidationMessage="failure">{{commentInput.errors.failure}}</ng-template>
     </rb-form-input>
     <h5>Sample references</h5>
@@ -85,12 +91,13 @@
         <rb-form-input [name]="'sr-id' + i" label="sample number" [rbFormInputAutocomplete]="sampleReferenceListBind()"
                        [rbDebounceTime]="300" appValidate="stringOf"
                        [appValidateArgs]="[sampleReferenceAutocomplete[i]]"
-                       (ngModelChange)="checkSampleReference($event, i)" [ngModel]="reference[0]" ngModel>
+                       (ngModelChange)="checkSampleReference($event, i)" [ngModel]="reference[0]" ngModel
+                       title="sample number of the referenced sample, eg. An31">
           <ng-template rbFormValidationMessage="failure">Unknown sample number</ng-template>
         </rb-form-input>
       </div>
       <rb-form-input [name]="'sr-relation' + i" label="relation" appValidate="string" [required]="reference[0] !== ''"
-                     [(ngModel)]="reference[1]">
+                     [(ngModel)]="reference[1]" title="description how the samples are connected, eg. belongs to">
         <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
       </rb-form-input>
     </div>
@@ -102,12 +109,12 @@
           <rb-form-input [name]="'cf-key' + item.i" label="key" [rbArrayInputListener]="'cf-key'" [index]="item.i"
                          [rbFormInputAutocomplete]="autocomplete.bind(this, availableCustomFields)" [rbDebounceTime]="0"
                          [rbInitialOpen]="true" appValidate="unique" [appValidateArgs]="[uniqueCfValues(item.i)]"
-                         [ngModel]="item.value[0]" #keyInput="ngModel">
+                         [ngModel]="item.value[0]" #keyInput="ngModel" title="name of additional property, eg. vwz">
             <ng-template rbFormValidationMessage="failure">{{keyInput.errors.failure}}</ng-template>
           </rb-form-input>
         </div>
         <rb-form-input [name]="'cf-value' + item.i" label="value" appValidate="string" [required]="item.value[0] !== ''"
-                       [ngModel]="item.value[1]">
+                       [ngModel]="item.value[1]" title="value of additional property, eg. 0 min">
           <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
         </rb-form-input>
       </ng-container>
@@ -121,7 +128,8 @@
   </div>
   <ng-template #generateSamples>
     <rb-form-input type="number" name="sample-count" label="number of samples" pattern="^\d+?$" required
-                   rbNumberConverter rbMin="1" [(ngModel)]="sampleCount" class="sample-count">
+                   rbNumberConverter rbMin="1" [(ngModel)]="sampleCount" class="sample-count"
+                   title="number of samples to create with this base information">
       <ng-template rbFormValidationMessage="required">Cannot be empty</ng-template>
       <ng-template rbFormValidationMessage="rbMin">Must be at least 1</ng-template>
     </rb-form-input>