From a32ceca9a6924202c1a746df9e73bc4d390eeb39 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Tue, 30 Jun 2020 15:35:02 +0800
Subject: [PATCH] display task age

---
 app/Http/Resources/TaskResource.php            |  3 ++-
 .../components/task/elements/TaskComponent.vue | 18 +++++++++++++++++-
 .../task/elements/TaskDetailsComponent.vue     |  8 ++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/app/Http/Resources/TaskResource.php b/app/Http/Resources/TaskResource.php
index 8dabeeb..33333a8 100644
--- a/app/Http/Resources/TaskResource.php
+++ b/app/Http/Resources/TaskResource.php
@@ -44,7 +44,8 @@ class TaskResource extends JsonResource
             'assignees' => [
                 'departments' => DepartmentResource::collection($this->departments),
                 'users' => UserResource::collection($this->users)
-            ]
+            ],
+            'created' => Carbon::parse($this->created_at)->diffForHumans()
         ];
     }
 }
diff --git a/resources/assets/vue/components/task/elements/TaskComponent.vue b/resources/assets/vue/components/task/elements/TaskComponent.vue
index cb6c0c2..e6e2c67 100644
--- a/resources/assets/vue/components/task/elements/TaskComponent.vue
+++ b/resources/assets/vue/components/task/elements/TaskComponent.vue
@@ -35,7 +35,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col">
+                    <div class="col-2">
                         <div class="row">
                             <div class="col">
                                 <div class=" mb-1 w-xs-100 mt-0">
@@ -51,6 +51,22 @@
                             </div>
                         </div>
                     </div>
+                    <div class="col">
+                        <div class="row">
+                            <div class="col">
+                                <div class=" mb-1 w-xs-100 mt-0">
+                                    <span class="align-middle d-inline-block text-muted text-small text-uppercase" style=" font-size: 9px !important; ">Created</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <div class="text-small mb-0 w-xs-100 mt-0">
+                                    <span class="align-middle d-inline-block">{{task.created}}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     <div class="col-auto text-right">
                         <button type="button" class="btn btn-outline-primary icon-button mr-1 requestModal" data-type="taskDetails"><i class="iconsminds-full-view"></i></button>
                     </div>
diff --git a/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue b/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
index ee4255c..4071c90 100644
--- a/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
+++ b/resources/assets/vue/components/task/elements/TaskDetailsComponent.vue
@@ -127,6 +127,14 @@
                                                             <small class="text-success">{{task.total_time}}</small>
                                                         </div>
                                                     </div>
+                                                    <div class="row mb-2 pb-1 border-bottom">
+                                                        <div class="col">
+                                                            <small class="text-uppercase">Created</small>
+                                                        </div>
+                                                        <div class="col-auto">
+                                                            <small>{{task.created}}</small>
+                                                        </div>
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>