From 42529cc5ea0dff3a355107745d527dae75f0be5d Mon Sep 17 00:00:00 2001
From: linquize <linquize2@yahoo.com>
Date: Fri, 1 Mar 2019 06:59:11 +0800
Subject: [PATCH] feat(volumes): show volume creation date (#2745)

---
 .../datatables/volumes-datatable/volumesDatatable.html    | 8 ++++++++
 app/docker/models/volume.js                               | 1 +
 app/docker/views/volumes/edit/volume.html                 | 4 ++++
 3 files changed, 13 insertions(+)

diff --git a/app/docker/components/datatables/volumes-datatable/volumesDatatable.html b/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
index ca92dad87..475290f84 100644
--- a/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
+++ b/app/docker/components/datatables/volumes-datatable/volumesDatatable.html
@@ -79,6 +79,13 @@
                   <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'Mountpoint' && $ctrl.state.reverseOrder"></i>
                 </a>
               </th>
+              <th>
+                <a ng-click="$ctrl.changeOrderBy('CreatedAt')">
+                  Created
+                  <i class="fa fa-sort-alpha-down" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'CreatedAt' && !$ctrl.state.reverseOrder"></i>
+                  <i class="fa fa-sort-alpha-up" aria-hidden="true" ng-if="$ctrl.state.orderBy === 'CreatedAt' && $ctrl.state.reverseOrder"></i>
+                </a>
+              </th>
               <th ng-if="$ctrl.showHostColumn">
                 <a ng-click="$ctrl.changeOrderBy('NodeName')">
                   Host
@@ -112,6 +119,7 @@
               <td>{{ item.StackName ? item.StackName : '-' }}</td>
               <td>{{ item.Driver }}</td>
               <td>{{ item.Mountpoint | truncatelr }}</td>
+              <td>{{ item.CreatedAt | getisodate }}</td>
               <td ng-if="$ctrl.showHostColumn">{{ item.NodeName ? item.NodeName : '-' }}</td>
               <td ng-if="$ctrl.showOwnershipColumn">
                 <span>
diff --git a/app/docker/models/volume.js b/app/docker/models/volume.js
index 5ac1d366d..3b597c1e9 100644
--- a/app/docker/models/volume.js
+++ b/app/docker/models/volume.js
@@ -1,5 +1,6 @@
 function VolumeViewModel(data) {
   this.Id = data.Name;
+  this.CreatedAt = data.CreatedAt;
   this.Driver = data.Driver;
   this.Options = data.Options;
   this.Labels = data.Labels;
diff --git a/app/docker/views/volumes/edit/volume.html b/app/docker/views/volumes/edit/volume.html
index 9d191de5b..6b9cebbdf 100644
--- a/app/docker/views/volumes/edit/volume.html
+++ b/app/docker/views/volumes/edit/volume.html
@@ -19,6 +19,10 @@
                 <button class="btn btn-xs btn-danger" ng-click="removeVolume()"><i class="fa fa-trash-alt space-right" aria-hidden="true"></i>Remove this volume</button>
               </td>
             </tr>
+            <tr>
+              <td>Created</td>
+              <td>{{ volume.CreatedAt | getisodate }}</td>
+            </tr>
             <tr>
               <td>Mount path</td>
               <td>{{ volume.Mountpoint }}</td>