From 5030db63c3a8ed63823e6abd93b02d776040c8d0 Mon Sep 17 00:00:00 2001
From: Ellen Kraffmiller <ekraffmiller@hmdc.harvard.edu>
Date: Thu, 17 Aug 2023 09:07:14 -0400
Subject: [PATCH] 831 update my data table (#834)

* fix Go To My Data link

* fix DepositorWizard init stepper

* rename Add AnalysisPlan action

* Add Remaining Budget to My Datatable

* Add Epsilon symbol to tables

* Increase max total epsilon to 3 (Issue #830)
---
 .../CreateAnalysisPlanDialog.vue              |  2 +-
 .../MyAnalysisPlans/MyPlansTable.vue          |  5 +++-
 client/src/components/MyData/MyDataTable.vue  | 24 +++++++++++++++----
 client/src/data/actionsInformation.js         |  4 ++--
 client/src/data/statusInformation.js          |  2 +-
 client/src/shared/createStatsUtils.js         |  2 +-
 client/src/views/DepositorWizard.vue          |  6 ++---
 7 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/client/src/components/MyAnalysisPlans/CreateAnalysisPlanDialog.vue b/client/src/components/MyAnalysisPlans/CreateAnalysisPlanDialog.vue
index bc4c4264..17143de9 100644
--- a/client/src/components/MyAnalysisPlans/CreateAnalysisPlanDialog.vue
+++ b/client/src/components/MyAnalysisPlans/CreateAnalysisPlanDialog.vue
@@ -46,7 +46,7 @@
   </v-card-actions>
   <v-card-actions v-if="isPlanCreated && selectedDataset !== null" class="success-message">
     Plan created successfully!
-    <router-link to="/my-data">Go to My Data</router-link>
+    <a  v-on:click="closeDialog" >Go to My Data</a>
     <router-link to="/my-plans">Go to My Analysis Plans</router-link>
   </v-card-actions>
 </v-card>
diff --git a/client/src/components/MyAnalysisPlans/MyPlansTable.vue b/client/src/components/MyAnalysisPlans/MyPlansTable.vue
index d26eecd5..23dcd079 100644
--- a/client/src/components/MyAnalysisPlans/MyPlansTable.vue
+++ b/client/src/components/MyAnalysisPlans/MyPlansTable.vue
@@ -37,6 +37,9 @@
       </template>
       <template v-slot:[`item.num`]="{ index }">
         <span class="index-td hidden-xs-only grey--text">{{ index + 1 }}</span>
+      </template>
+      <template v-slot:[`item.epsilon`]="{ item }">
+        {{item.epsilon}}&epsilon;
       </template>
         <template v-slot:[`item.status`]="{ item }">
             <StatusTag data-test="table status tag" :status="getWorkflowStatus(item)"/>
@@ -267,7 +270,7 @@ export default {
 
       ],
       selectedFilter: '', // Initialize selected filter
-      filterOptions: ['My Plans', 'Plans Created From My Datasets'], // Define filter options
+      filterOptions: ['My Plans', 'Plans Created From My Datasets', 'Released Plans'], // Define filter options
       statusInformation,
       actionsInformation,
       stepInformation,
diff --git a/client/src/components/MyData/MyDataTable.vue b/client/src/components/MyData/MyDataTable.vue
index fcafee0c..af9e8fa3 100644
--- a/client/src/components/MyData/MyDataTable.vue
+++ b/client/src/components/MyData/MyDataTable.vue
@@ -31,7 +31,9 @@
       <template v-slot:[`item.status`]="{ item }">
         <StatusTag data-test="table status tag" :status="getWorkflowStatus(item)"/>
       </template>
-
+      <template v-slot:[`item.budget`]="{ item }">
+        {{epsilonBudget.getDatasetMaxBudget(item)}}&epsilon;
+      </template>
       <template v-slot:[`item.options`]="{ item }">
 
       </template>
@@ -70,8 +72,7 @@
 
           <v-tooltip
 
-              v-for="(action, index) in statusInformation[stepInformation[item.status].workflowStatus]
-            .availableActions"
+              v-for="(action, index) in getAvailableActions(item)"
               bottom max-width="220px">
             <template v-slot:activator="{ on, attrs }">
               <v-icon
@@ -201,6 +202,7 @@ import NETWORK_CONSTANTS from "../../router/NETWORK_CONSTANTS";
 import DeleteDatasetDialog from "@/components/MyData/DeleteDatasetDialog";
 import CreateAnalysisPlanDialog from "@/components/MyAnalysisPlans/CreateAnalysisPlanDialog.vue";
 import UsersAPI from "@/api/users";
+import epsilonBudget from "../../shared/epsilonBudget";
 
 const {
   VIEW_DETAILS,
@@ -210,6 +212,11 @@ const {
 
 export default {
   name: "MyDataTable",
+  computed: {
+    epsilonBudget() {
+      return epsilonBudget
+    }
+  },
   components: {CreateAnalysisPlanDialog, StatusTag, Button, DeleteDatasetDialog},
   props: {
     datasets: {
@@ -244,6 +251,7 @@ export default {
       headers: [
         {value: "num"},
         {text: "Data File", value: "name"},
+        {text: "Remaining Budget", value: "budget"},
         {text: "Status", value: "status"},
         {text: "Options", value: "actions", align: "end"}
       ],
@@ -261,10 +269,18 @@ export default {
       } )
   },
   methods: {
+    getAvailableActions(item) {
+      let actions = statusInformation[stepInformation[item.status].workflowStatus].availableActions
+      // Don't show Add Plan option if there is no more remaining budget
+      if (epsilonBudget.getDatasetMaxBudget(item) == 0) {
+       actions=  actions.filter(item => item !== "addPlan");
+      }
+      return actions
+    },
     handleButtonClick(action, item) {
       this[action](item)
     },
-    viewPlans(item) {
+    addPlan(item) {
          this.selectedItem = Object.assign({}, item);
          this.dialogCreateAnalysis = true
     },
diff --git a/client/src/data/actionsInformation.js b/client/src/data/actionsInformation.js
index 40a2aa35..b756c308 100644
--- a/client/src/data/actionsInformation.js
+++ b/client/src/data/actionsInformation.js
@@ -2,7 +2,7 @@ export default {
     viewDetails: "View Details",
     continueWorkflow: "Continue",
     cancelExecution: "Cancel Execution",
-    viewPlans: "Add Analysis Plan",
+    addPlan: "Add Analysis Plan",
     delete: "Delete",
     actions: {
         VIEW_DETAILS: "viewDetails",
@@ -12,7 +12,7 @@ export default {
     },
     icons: {
         viewDetails: "mdi-eye",
-        viewPlans: "mdi-notebook-plus",
+        addPlan: "mdi-notebook-plus",
         continueWorkflow: "mdi-arrow-right",
         cancelExecution: "mdi-cancel",
         delete: "mdi-delete"
diff --git a/client/src/data/statusInformation.js b/client/src/data/statusInformation.js
index 5b8c62ee..b873d7d5 100644
--- a/client/src/data/statusInformation.js
+++ b/client/src/data/statusInformation.js
@@ -39,7 +39,7 @@ export default {
         label: "Setup Complete",
         color: "light-green lighten-3",
         icon: "",
-        availableActions: ["viewDetails", "viewPlans", "delete"]
+        availableActions: ["viewDetails", "addPlan", "delete"]
     },
     completed: {
         label: "Release Completed",
diff --git a/client/src/shared/createStatsUtils.js b/client/src/shared/createStatsUtils.js
index 9aa973ba..aa1c0abb 100644
--- a/client/src/shared/createStatsUtils.js
+++ b/client/src/shared/createStatsUtils.js
@@ -4,7 +4,7 @@ import release from "@/api/release";
 export const deltaStats = ['Histogram']
 export const CL_99 = "99"
 export const CL_95 = "95"
-export const MAX_TOTAL_EPSILON = 1
+export const MAX_TOTAL_EPSILON = 3
 export const MIN_EPSILON = .001
 
 export const confLevelOptions = [
diff --git a/client/src/views/DepositorWizard.vue b/client/src/views/DepositorWizard.vue
index 3aae4285..08328c4a 100644
--- a/client/src/views/DepositorWizard.vue
+++ b/client/src/views/DepositorWizard.vue
@@ -84,16 +84,14 @@ export default {
   methods: {
 
     updateStepStatus: function (stepNumber, completedStatus) {
-      console.log("updateStepStatus: stepNumber: " + stepNumber + " completedStatus: " + completedStatus)
       this.steps[stepNumber].completed = completedStatus;
 
     },
     // Set the current Wizard stepper position based on the
     // depositorSetup userStep
     initStepperPosition: function () {
-      console.log('INIT stepper position')
       if (this.datasetInfo && this.getDepositorSetupInfo) {
-        this.stepperPosition = stepInformation[this.userStep].wizardStepper
+          this.stepperPosition = stepInformation[this.getDepositorSetupInfo.userStep].wizardStepper
         for (let index = 0; index < this.stepperPosition; index++) {
           this.steps[index].completed = true
         }
@@ -128,7 +126,7 @@ export default {
   },
   computed: {
     ...mapState('dataset', ['datasetInfo', 'analysisPlan']),
-    ...mapGetters('dataset', ['getDepositorSetupInfo', 'userStep']),
+    ...mapGetters('dataset', ['getDepositorSetupInfo']),
     ...mapState('auth', ['user']),
   },
   watch: {