From 2a4368b96ad568fc58a44d82c775e8ade513a02b Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Fri, 8 Jun 2018 11:36:23 -0500
Subject: [PATCH] add date added to summary

ref #271
---
 .../FilterList/ListSummaryDto.cs                  |  4 +++-
 src/FilterLists.Web/ClientApp/components/Home.tsx | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/FilterLists.Services/FilterList/ListSummaryDto.cs b/src/FilterLists.Services/FilterList/ListSummaryDto.cs
index bc804011d..67c6309c4 100644
--- a/src/FilterLists.Services/FilterList/ListSummaryDto.cs
+++ b/src/FilterLists.Services/FilterList/ListSummaryDto.cs
@@ -1,4 +1,5 @@
-using System.Collections.Generic;
+using System;
+using System.Collections.Generic;
 using JetBrains.Annotations;
 
 namespace FilterLists.Services.FilterList
@@ -7,6 +8,7 @@ namespace FilterLists.Services.FilterList
     public class ListSummaryDto
     {
         public int Id { get; set; }
+        public DateTime CreatedDateUtc { get; set; }
         public IEnumerable<ListLanguagesDto> Languages { get; set; }
         public string Name { get; set; }
         public string ViewUrl { get; set; }
diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 14f2a09ec..e65b757c2 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -4,6 +4,7 @@ import "isomorphic-fetch";
 import ReactTable from "react-table"
 import "react-table/react-table.css"
 import ListDetails from "./ListDetails";
+import * as moment from "moment";
 
 interface IHomeState {
     lists: IListDto[];
@@ -92,6 +93,19 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                            headerClassName: "d-none d-sm-block",
                            className: "d-none d-sm-block"
                        },
+                       {
+                           Header: "Added",
+                           accessor: "createdDateUtc",
+                           filterable: true,
+                           filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase()
+                               .includes(filter.value.toUpperCase()),
+                           sortMethod: (a: any, b: any) => a.join().toUpperCase() > b.join().toUpperCase() ? 1 : -1,
+                           Cell: (cell: any) => <div>{moment(cell.value).format("M-D-Y")}</div>,
+                           style: { whiteSpace: "inherit" },
+                           width: 60,
+                           headerClassName: "d-none d-sm-block",
+                           className: "d-none d-sm-block"
+                       },
                        {
                            Header: "Details",
                            accessor: "id",
@@ -134,6 +148,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
 
 interface IListDto {
     id: number;
+    createdDateUtc: string;
     name: string;
     languages: IListLanguageDto[];
     viewUrl: string;