From 0cac6b1e8d9fd23a3392d86866fe7c6d90049704 Mon Sep 17 00:00:00 2001
From: GabrielMeyer <meyergabriel@live.de>
Date: Wed, 18 Sep 2019 18:26:20 +0200
Subject: [PATCH] Quick sorting the reference of motions by their identifier

---
 .../slides/motions/motion/motion-slide.component.html |  2 +-
 .../slides/motions/motion/motion-slide.component.ts   | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/app/slides/motions/motion/motion-slide.component.html b/client/src/app/slides/motions/motion/motion-slide.component.html
index d9f5b9cea..60cdc5c4c 100644
--- a/client/src/app/slides/motions/motion/motion-slide.component.html
+++ b/client/src/app/slides/motions/motion/motion-slide.component.html
@@ -29,7 +29,7 @@
             <!-- recommendation referencing motions -->
             <h2 *ngIf="data.data.recommendation_referencing_motions">
                 <span translate>Referring motions</span>:
-                <span *ngFor="let titleInformation of data.data.recommendation_referencing_motions; let last = last">
+                <span *ngFor="let titleInformation of referencingMotions; let last = last">
                     {{ getIdentifierOrTitle(titleInformation) }}<span *ngIf="!last">,</span>
                 </span>
             </h2>
diff --git a/client/src/app/slides/motions/motion/motion-slide.component.ts b/client/src/app/slides/motions/motion/motion-slide.component.ts
index 7d7a896df..2dc2727e0 100644
--- a/client/src/app/slides/motions/motion/motion-slide.component.ts
+++ b/client/src/app/slides/motions/motion/motion-slide.component.ts
@@ -54,6 +54,11 @@ export class MotionSlideComponent extends BaseMotionSlideComponent<MotionSlideDa
      */
     public allChangingObjects: ViewUnifiedChange[];
 
+    /**
+     * Reference to all referencing motions to store sorted by `identifier`.
+     */
+    public referencingMotions = [];
+
     private _data: SlideData<MotionSlideData>;
 
     @Input()
@@ -66,6 +71,12 @@ export class MotionSlideComponent extends BaseMotionSlideComponent<MotionSlideDa
 
         this.textDivStyles.width = value.data.show_meta_box ? 'calc(100% - 250px)' : '100%';
 
+        if (value.data.recommendation_referencing_motions) {
+            this.referencingMotions = value.data.recommendation_referencing_motions.sort((a, b) =>
+                a.identifier.localeCompare(b.identifier)
+            );
+        }
+
         this.recalcUnifiedChanges();
     }