Use ID in search value and sort view

Allows the search value selector to search IDs as well.
Show the ID in the Os-Sort-Tree

client/src/app/shared/components/search-value-selector/search-value-selector.component.ts

@@ -133,13 +133,25 @@ export class SearchValueSelectorComponent implements OnDestroy {
      */
     public getFilteredItems(): Selectable[] {
         if (this.selectableItems) {
-            return this.selectableItems.filter(
-                item =>
+            return this.selectableItems.filter(item => {
+                const idString = '' + item.id;
+                const foundId =
+                    idString
+                        .trim()
+                        .toLowerCase()
+                        .indexOf(this.searchValue) !== -1;
+
+                if (foundId) {
+                    return true;
+                }
+
+                return (
                     item
                         .toString()
                         .toLowerCase()
                         .indexOf(this.searchValue) > -1
                 );
+            });
         }
     }
 

client/src/app/shared/components/sorting-list/sorting-list.component.html

@@ -19,6 +19,9 @@
         </div>
         <div class="section-three">
             <!-- Extra controls slot using implicit template references -->
+            <mat-basic-chip class="bluegrey" disableRipple matTooltip="{{ 'Sequantial number' | translate }}">
+                {{ item.id }}
+            </mat-basic-chip>
             <ng-template [ngTemplateOutlet]="templateRef" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template>
         </div>
         <div class="line" *cdkDragPreview>