From f9cab8162defd1fe44ee4a5b4778bbb7e98a3628 Mon Sep 17 00:00:00 2001
From: Sean Engelhardt <sean.f.t.engelhardt@gmail.com>
Date: Mon, 8 Jul 2019 18:09:03 +0200
Subject: [PATCH] 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
---
 .../search-value-selector.component.ts         | 18 +++++++++++++++---
 .../sorting-list/sorting-list.component.html   |  3 +++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/client/src/app/shared/components/search-value-selector/search-value-selector.component.ts b/client/src/app/shared/components/search-value-selector/search-value-selector.component.ts
index 76f087a88..451701c36 100644
--- a/client/src/app/shared/components/search-value-selector/search-value-selector.component.ts
+++ b/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
-            );
+                );
+            });
         }
     }
 
diff --git a/client/src/app/shared/components/sorting-list/sorting-list.component.html b/client/src/app/shared/components/sorting-list/sorting-list.component.html
index d041e8978..e5200830b 100644
--- a/client/src/app/shared/components/sorting-list/sorting-list.component.html
+++ b/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>