(texera) branch main updated: feat: display datasets version creation date (#3706)

[linxinyuan]

This is an automated email from the ASF dual-hosted git repository.

linxinyuan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/texera.git


The following commit(s) were added to refs/heads/main by this push:
     new e3ce127fe7 feat: display datasets version creation date (#3706)
e3ce127fe7 is described below

commit e3ce127fe717f0b7277be0f2821733a920b87441
Author: Xuan Gu <162244362+xua...@users.noreply.github.com>
AuthorDate: Sun Aug 31 21:45:11 2025 -0700

    feat: display datasets version creation date (#3706)
---
 .../dataset-detail.component.html                  | 30 ++++++++++++++--------
 .../dataset-detail.component.scss                  |  7 ++++-
 .../dataset-detail.component.ts                    |  5 ++++
 3 files changed, 31 insertions(+), 11 deletions(-)

diff --git 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
index 0643855be8..622124625c 100644
--- 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
+++ 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.html
@@ -238,16 +238,26 @@
                   nzTheme="outline"></i>
               </button>
             </div>
-            <div
-              *ngIf="selectedVersion"
-              class="version-size">
-              <i
-                nz-icon
-                nzType="database"
-                nzTheme="outline"
-                class="icon-database"></i>
-              Version Size: {{ formatSize(currentDatasetVersionSize) }}
-            </div>
+            <ng-container *ngIf="selectedVersion">
+              <div class="version-size">
+                <i
+                  nz-icon
+                  nzType="database"
+                  nzTheme="outline"
+                  class="icon-database"></i>
+                Version Size: {{ formatSize(currentDatasetVersionSize) }}
+              </div>
+              <div
+                *ngIf="selectedVersionCreationTime"
+                class="version-date">
+                <i
+                  nz-icon
+                  nzType="calendar"
+                  nzTheme="outline"
+                  class="icon-database"></i>
+                Created at: {{ selectedVersionCreationTime }}
+              </div>
+            </ng-container>
           </div>
           <texera-user-dataset-version-filetree
             [fileTreeNodes]="fileTreeNodeList"
diff --git 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
index 68087749ae..6e40560aa0 100644
--- 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
+++ 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.scss
@@ -120,7 +120,8 @@ nz-select {
 }
 
 .file-size,
-.version-size {
+.version-size,
+.version-date {
   font-size: 12px;
   color: #8c8c8c;
   display: inline-flex;
@@ -128,6 +129,10 @@ nz-select {
   gap: 4px;
 }
 
+.version-date {
+  display: flex;
+}
+
 .version-size {
   margin-top: 8px;
 }
diff --git 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
index ddc4998dbb..7ff64b5609 100644
--- 
a/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
+++ 
b/core/gui/src/app/dashboard/component/user/user-dataset/user-dataset-explorer/dataset-detail.component.ts
@@ -73,6 +73,7 @@ export class DatasetDetailComponent implements OnInit {
   public versions: ReadonlyArray<DatasetVersion> = [];
   public selectedVersion: DatasetVersion | undefined;
   public fileTreeNodeList: DatasetFileNode[] = [];
+  public selectedVersionCreationTime: string = "";
 
   public versionCreatorBaseVersion: DatasetVersion | undefined;
   public isLogin: boolean = this.userService.isLogin();
@@ -339,6 +340,10 @@ export class DatasetDetailComponent implements OnInit {
         .subscribe(data => {
           this.fileTreeNodeList = data.fileNodes;
           this.currentDatasetVersionSize = data.size;
+          if (typeof version.creationTime === "number") {
+            const date = new Date(version.creationTime);
+            this.selectedVersionCreationTime = format(date, "MM/dd/yyyy");
+          }
           let currentNode = this.fileTreeNodeList[0];
           while (currentNode.type === "directory" && currentNode.children) {
             currentNode = currentNode.children[0];