sort plans in reverse chronological order

trapatsas · Apr 16, 2016 · eae3aee · eae3aee
1 parent 9b004d7
commit eae3aee
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git a/app/assets/css/styles.css b/app/assets/css/styles.css
diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss
@@ -69,6 +69,10 @@ code, .code {
    margin-top: $padding-lg;
 }
 
+.pad-bottom {
+   margin-bottom: $padding-lg;
+}
+
 [tooltip]:before {
     width: 150px;
     text-transform: none;

diff --git a/app/assets/styles.css b/app/assets/styles.css
diff --git a/app/components/plan-list/plan-list.html b/app/components/plan-list/plan-list.html
@@ -3,7 +3,7 @@
       Welcome to PEV! Please <a [routerLink]="['/PlanNew']">submit</a> a plan for visualization
    </div>
 
-  <table class="table">
+  <table class="table pad-bottom">
     <tr *ngFor="#plan of plans">
       <!-- this is a hack that should be converted to a proper dialog once that is available in angular 2-->
       <div *ngIf="openDialog">

diff --git a/app/services/plan-service.ts b/app/services/plan-service.ts
@@ -56,7 +56,10 @@ export class PlanService {
             }
         }
 
-        return plans;
+        return _.chain(plans)
+        .sortBy('createdOn')
+        .reverse()
+        .value();
     }
 
     getPlan(id: string): IPlan {