From 690908391d8ac1ee775bfa0801594e03873984e0 Mon Sep 17 00:00:00 2001
From: Norris Ng <103449568+norrisng-bc@users.noreply.github.com>
Date: Thu, 13 Jun 2024 17:50:03 -0700
Subject: [PATCH 1/2] Add/remove users: display results inside DataTable in
modal
---
frontend/src/assets/variables.scss | 2 +
.../common/BulkPermissionResults.vue | 64 ++++++++++++++++++-
2 files changed, 63 insertions(+), 3 deletions(-)
diff --git a/frontend/src/assets/variables.scss b/frontend/src/assets/variables.scss
index 11a25097..171f1a12 100644
--- a/frontend/src/assets/variables.scss
+++ b/frontend/src/assets/variables.scss
@@ -11,7 +11,9 @@ $bcbox-primary: #036;
$bcbox-link-text: #1a5a96;
$bcbox-link-text-hover: #2378c7;
$bcbox-outline-on-primary: #fff;
+$bcbox-success: #2e8540;
$bcbox-error: #d8292f;
+$bcbox-noaction: #606060;
// highlighted sections, table rows
$bcbox-highlight-background: #d9e1e8;
diff --git a/frontend/src/components/common/BulkPermissionResults.vue b/frontend/src/components/common/BulkPermissionResults.vue
index d69d37fb..769a05ab 100644
--- a/frontend/src/components/common/BulkPermissionResults.vue
+++ b/frontend/src/components/common/BulkPermissionResults.vue
@@ -1,12 +1,18 @@
@@ -16,6 +22,58 @@ const modelValue = defineModel({ default: false });
header="Results"
:modal="true"
>
- {{ props.results }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.description }}
+
+
+
+
+
+
From 728cf6bb750ea83ee7962352089c01dbb9cf45e5 Mon Sep 17 00:00:00 2001
From: Norris Ng <103449568+norrisng-bc@users.noreply.github.com>
Date: Mon, 17 Jun 2024 17:18:38 -0700
Subject: [PATCH 2/2] Export bulk results to CSV
---
.../common/BulkPermissionResults.vue | 27 +++++++++++++++----
1 file changed, 22 insertions(+), 5 deletions(-)
diff --git a/frontend/src/components/common/BulkPermissionResults.vue b/frontend/src/components/common/BulkPermissionResults.vue
index 769a05ab..330e5d24 100644
--- a/frontend/src/components/common/BulkPermissionResults.vue
+++ b/frontend/src/components/common/BulkPermissionResults.vue
@@ -15,6 +15,13 @@ const props = withDefaults(defineProps(), {
});
const modelValue = defineModel({ default: false });
+
+// Exports DataTable results
+const batchResults = ref();
+
+const exportCSV = (event: any) => {
+ batchResults.value.exportCSV();
+};