diff --git a/client/src/components/Grid/GridList.vue b/client/src/components/Grid/GridList.vue
index 73f9f85d46cb..a128c152289e 100644
--- a/client/src/components/Grid/GridList.vue
+++ b/client/src/components/Grid/GridList.vue
@@ -9,9 +9,9 @@ import { registry } from "./configs/registry";
import { FieldKeyHandler, Operation, RowData } from "./configs/types";
import GridOperations from "./GridElements/GridOperations.vue";
-import GridSharing from "./GridElements/GridSharing.vue";
import GridText from "./GridElements/GridText.vue";
import FilterMenu from "@/components/Common/FilterMenu.vue";
+import SharingIndicators from "@/components/Indices/SharingIndicators.vue";
import LoadingSpan from "@/components/LoadingSpan.vue";
import StatelessTags from "@/components/TagsMultiselect/StatelessTags.vue";
//@ts-ignore
@@ -63,13 +63,13 @@ const searchTerm = ref("");
const showAdvanced = ref(false);
/**
- * Manually set filter value, used for tags
+ * Manually set filter value, used for tags and `SharingIndicators`
*/
-function applyFilter(filter: string, value: string, quoted = false) {
+function applyFilter(filter: string, value: string | boolean, quoted = false) {
const setFilterValue = gridConfig.value?.filtering.setFilterValue;
const quotedValue = quoted ? `'${value}'` : value;
if (setFilterValue) {
- filterText.value = setFilterValue(filterText.value, filter, quotedValue) || "";
+ filterText.value = setFilterValue(filterText.value, filter, quotedValue.toString()) || "";
}
}
@@ -219,11 +219,10 @@ watch(operationMessage, () => {
:operations="fieldEntry.operations"
@execute="onOperation($event, rowData)" />
-
+ :object="rowData.sharing_status"
+ @filter="(filter) => applyFilter(filter, true)" />
import { library } from "@fortawesome/fontawesome-svg-core";
-import { faGlobe, faLink, faShareAlt } from "@fortawesome/free-solid-svg-icons";
+import { faGlobe, faLink, faShareAlt, faUsers } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { BButton, VBTooltip } from "bootstrap-vue";
-library.add(faGlobe, faShareAlt, faLink);
+library.add(faGlobe, faShareAlt, faLink, faUsers);
interface SharingIndicatorsProps {
object: Object;
@@ -44,5 +44,15 @@ const props = defineProps();
@click.prevent="$emit('filter', 'shared_with_me')">
+
+
+
+