init

Author: ferrywlto

ClientApp/vuex/actions.js

@@ -10,7 +10,9 @@ export const fetchInitialMessages = ({commit}) => {
 }
 
 export const fetchMessages = ({commit}, lastFetchedMessageDate) => {
-  axios.get('http://localhost:5000/fetchMessages?lastFetchedMessageDate=' + lastFetchedMessageDate)
+  axios.post('http://localhost:5000/fetchMessages',{
+    lastMessageDate : lastFetchedMessageDate
+  })
     .then(response => {
       commit('FETCH_MESSAGES', response.data)
     }).catch(err => {

ClientApp/vuex/store.js

@@ -14,7 +14,7 @@ const store = new Vuex.Store({
       state.lastFetchedMessageDate = payload.lastFetchedMessageDate
     },
     FETCH_MESSAGES: (state, payload) => {
-      state.messages = state.messages.concat(payload)
+      state.messages = state.messages.concat(payload.messages)
       state.lastFetchedMessageDate = minBy(state.messages, 'date').date
     }
   },

Controllers/HomeController.cs

@@ -17,9 +17,6 @@ public IActionResult Index()
 
         [Route("initialMessages")]
         public JsonResult initialMessages(){
-            //Added to simulate initial loading from remote server
-            Thread.Sleep(2000);
-
             var initialMessages = FakeMessageStore.FakeMessages
                 .OrderByDescending(m => m.Date)
                 .Take(2);
@@ -32,13 +29,25 @@ public JsonResult initialMessages(){
             return Json(initialValues);
         }
 
+        [HttpPost]
         [Route("fetchMessages")]
-        public JsonResult FetchMessages(DateTime lastFetchedMessageDate){
-            return Json(Message.CreateMessage(
-                "New Message",
-                DateTime.Now.Millisecond.ToString(),
-                DateTime.Now
-            ));
+        public JsonResult FetchMessages([FromBody]FetchMessageRequest request){
+            var messages = FakeMessageStore.FakeMessages
+                .OrderByDescending(m => m.Date)
+                .Where(p => p.Date < request.lastMessageDate);
+            
+            if(messages.Any()){
+                var newMessages = messages.Take(2);
+                return Json(new ClientState()
+                {
+                    Messages = newMessages,
+                    LastFetchedMessageDate = newMessages.Last().Date
+                });
+            }
+            return Json(null);
         }
     }
+    public class FetchMessageRequest {
+        public DateTime lastMessageDate {get; set;}
+    }
 }