@monoui/vuejs 1.1.65 → 1.1.67

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.65",
+	"version": "1.1.67",
 	"description": "This project will contain MonoFor UI Framework",
 	"main": "./dist/main.js",
 	"repository": "git@gitlab.com:monoui/vuejs.git",

package/src/components/Table/Table.vue

@@ -264,19 +264,52 @@
 									variant="light"
 								>
 									<template #button-content>
+										<mui-icon
+											icon="download"
+											class="mr-1"
+										/>
 										Export
 									</template>
 
-									<b-dropdown-item @click="exportTo(1)">
+									<b-dropdown-item @click="exportTo(2)">
+										<mui-icon icon="file" class="mr-1" />
 										Current Page
+										<small>
+											({{ settings.itemPerPage }}
+											items)
+										</small>
 									</b-dropdown-item>
 
-									<b-dropdown-item @click="exportTo(0)">
+									<b-dropdown-item @click="exportTo(1)">
+										<mui-icon icon="list" class="mr-1" />
 										All Pages
+										<small v-if="filters.length === 0">
+											({{ settings.totalItemCount }}
+											items)
+										</small>
 									</b-dropdown-item>
 
-									<b-dropdown-item @click="exportTo(2)">
+									<b-dropdown-item
+										@click="exportTo(3)"
+										v-if="filters.length > 0"
+									>
+										<mui-icon icon="filter" class="mr-1" />
 										Only Filtered
+										<small>
+											({{ settings.totalItemCount }}
+											items)
+										</small>
+									</b-dropdown-item>
+
+									<b-dropdown-divider />
+
+									<b-dropdown-item
+										:to="{
+											name: 'Exports'
+										}"
+									>
+										<mui-icon icon="link" class="mr-1" />
+										Go Downloads
 									</b-dropdown-item>
 
 									<slot name="pagination-export-item"></slot>
@@ -618,19 +651,24 @@ export default {
 		async getValues(
 			addHistory = true,
 			initialLoad = false,
-			isExport = false,
 			exportScope = 0
 		) {
 			this.isLoading = true;
 			this.$emit("loading", this.isLoading);
 			const { currentPage, itemPerPage } = this.settings;
 
+			if (exportScope) {
+				this.$successToast(
+					"Export Started",
+					"The export process has begun. Please wait... Once completed, you can download it from the Reports/Exports page."
+				);
+			}
+
 			let result = await this.requestFunction(
 				this.filters,
 				this.sorting,
 				currentPage,
 				itemPerPage,
-				isExport,
 				exportScope
 			);
 
@@ -1140,7 +1178,7 @@ export default {
 		},
 
 		async exportTo(scope) {
-			await this.getValues(true, false, true, scope);
+			await this.getValues(true, false, scope);
 		}
 	}
 };

package/src/icons.js

@@ -45,6 +45,7 @@ import {
 	faAngleDoubleRight,
 	faStopwatch,
 	faFilter,
+	faFile,
 	faBezierCurve,
 	faInfoCircle,
 	faBolt,
@@ -126,6 +127,7 @@ library.add(
 	faAngleDoubleRight,
 	faStopwatch,
 	faFilter,
+	faFile,
 	faBezierCurve,
 	faInfoCircle,
 	faBolt,