[editor] Limit element IDs to 20 characters and no spaces

projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.html

@@ -2,7 +2,8 @@
   <mat-form-field appearance="fill">
     <mat-label>{{'propertiesPanel.id' | translate }}</mat-label>
     <input matInput type="text" *ngIf="selectedElements.length === 1" [value]="combinedProperties.id"
-           (input)="updateModel.emit({property: 'id', value: $any($event.target).value })">
+           (input)="updateModel.emit({property: 'id', value: $any($event.target).value })"
+           (keydown.space)="$event.preventDefault();">
     <input matInput type="text" disabled *ngIf="selectedElements.length > 1" [value]="'Muss eindeutig sein'">
   </mat-form-field>
 

projects/editor/src/app/services/unit.service.ts

@@ -243,6 +243,10 @@ export class UnitService {
       if (property === 'id') {
         if (!this.idService.isIdAvailable((value as string))) { // prohibit existing IDs
           this.messageService.showError(this.translateService.instant('idTaken'));
+        } else if ((value as string).length > 20) {
+          this.messageService.showError('ID länger als 20 Zeichen');
+        } else if ((value as string).includes(' ')) {
+          this.messageService.showError('ID enthält unerlaubtes Leerzeichen');
         } else {
           this.idService.removeId(element.id);
           this.idService.addID(value as string);