Saved views

frontend/src/modules/member/config/filters/activeOn/config.ts

@@ -1,6 +1,8 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import { MultiSelectFilterConfig, MultiSelectFilterValue } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
 import { CrowdIntegrations } from '@/integrations/integrations-config';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
 
 const activeOn: MultiSelectFilterConfig = {
   id: 'activeOn',
@@ -20,11 +22,10 @@ const activeOn: MultiSelectFilterConfig = {
     ],
   },
   itemLabelRenderer(value: MultiSelectFilterValue): string {
-    return `Active On ${value?.value.join(',') || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Active on', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: MultiSelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.MULTISELECT]('activeOn', value);
   },
 };
 

frontend/src/modules/member/config/filters/activityType/config.ts

@@ -3,6 +3,8 @@ import { CustomFilterConfig } from '@/shared/modules/filters/types/filterTypes/C
 import ActivityTypeFilter from '@/modules/activity/config/filters/activityType/ActivityTypeFilter.vue';
 import { SelectFilterValue } from '@/shared/modules/filters/types/filterTypes/SelectFilterConfig';
 import { queryUrlParserByType } from '@/shared/modules/filters/config/queryUrlParserByType';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const activityType: CustomFilterConfig = {
   id: 'activityType',
@@ -13,11 +15,10 @@ const activityType: CustomFilterConfig = {
   },
   queryUrlParser: queryUrlParserByType[FilterConfigType.SELECT],
   itemLabelRenderer(value: SelectFilterValue): string {
-    return `Active on ${value || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.SELECT]('Activity type', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: SelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.SELECT]('activityTypes', value);
   },
 };
 

frontend/src/modules/member/config/filters/avgSentiment/config.ts

@@ -1,5 +1,7 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import { MultiSelectFilterConfig, MultiSelectFilterValue } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 import options from './options';
 
 const avgSentiment: MultiSelectFilterConfig = {
@@ -10,11 +12,10 @@ const avgSentiment: MultiSelectFilterConfig = {
     options,
   },
   itemLabelRenderer(value: MultiSelectFilterValue): string {
-    return `Avg. sentiment ${value?.value.join(',') || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Avg. sentiment', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: MultiSelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.MULTISELECT]('averageSentiment', value);
   },
 };
 

frontend/src/modules/member/config/filters/engagementLevel/config.ts

@@ -1,5 +1,7 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import { MultiSelectFilterConfig, MultiSelectFilterValue } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 import options from './options';
 
 const engagementLevel: MultiSelectFilterConfig = {
@@ -10,11 +12,10 @@ const engagementLevel: MultiSelectFilterConfig = {
     options,
   },
   itemLabelRenderer(value: MultiSelectFilterValue): string {
-    return `Engagement level ${value?.value.join(',') || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Engagement level', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: MultiSelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.MULTISELECT]('score', value);
   },
 };
 

frontend/src/modules/member/config/filters/enrichedMember/config.ts

@@ -1,17 +1,21 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
-import { BooleanFilterConfig } from '@/shared/modules/filters/types/filterTypes/BooleanFilterConfig';
+import {
+  BooleanFilterConfig,
+  BooleanFilterValue,
+} from '@/shared/modules/filters/types/filterTypes/BooleanFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const enrichedMember: BooleanFilterConfig = {
   id: 'enrichedMember',
   label: 'Enriched member',
   type: FilterConfigType.BOOLEAN,
   options: {},
-  itemLabelRenderer(value): string {
-    return `Enriched member ${value?.value ? 'True' : 'False'}`;
+  itemLabelRenderer(value: BooleanFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.BOOLEAN]('Enriched member', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: BooleanFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.BOOLEAN]('lastEnriched', value);
   },
 };
 

frontend/src/modules/member/config/filters/identities/config.ts

@@ -1,6 +1,8 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import { MultiSelectFilterConfig, MultiSelectFilterValue } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
 import { CrowdIntegrations } from '@/integrations/integrations-config';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const identities: MultiSelectFilterConfig = {
   id: 'identities',
@@ -20,11 +22,10 @@ const identities: MultiSelectFilterConfig = {
     ],
   },
   itemLabelRenderer(value: MultiSelectFilterValue): string {
-    return `Identities ${value?.value.join(',') || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Identities', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: MultiSelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.MULTISELECT]('identities', value);
   },
 };
 

frontend/src/modules/member/config/filters/joinedDate/config.ts

@@ -1,17 +1,18 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
-import { DateFilterConfig } from '@/shared/modules/filters/types/filterTypes/DateFilterConfig';
+import { DateFilterConfig, DateFilterValue } from '@/shared/modules/filters/types/filterTypes/DateFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const joinedDate: DateFilterConfig = {
   id: 'joinedDate',
   label: 'Joined date',
   type: FilterConfigType.DATE,
   options: {},
-  itemLabelRenderer(value): string {
-    return `Joined date ${value.value || '...'}`;
+  itemLabelRenderer(value: DateFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.BOOLEAN]('Joined date', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: DateFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.BOOLEAN]('joinedAt', value);
   },
 };
 

frontend/src/modules/member/config/filters/lastActivityDate/config.ts

@@ -1,17 +1,18 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
-import { DateFilterConfig } from '@/shared/modules/filters/types/filterTypes/DateFilterConfig';
+import { DateFilterConfig, DateFilterValue } from '@/shared/modules/filters/types/filterTypes/DateFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const lastActivityDate: DateFilterConfig = {
   id: 'lastActivityDate',
   label: 'Last activity date',
   type: FilterConfigType.DATE,
   options: {},
-  itemLabelRenderer(value): string {
-    return `Last activity date ${value.value || '...'}`;
+  itemLabelRenderer(value: DateFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.BOOLEAN]('Last activity date', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: DateFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.BOOLEAN]('lastActive', value);
   },
 };
 

frontend/src/modules/member/config/filters/noOfActivities/config.ts

@@ -1,18 +1,18 @@
-import { NumberFilterConfig } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
+import { NumberFilterConfig, NumberFilterValue } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const noOfActivities: NumberFilterConfig = {
   id: 'noOfActivities',
   label: '# of activities',
   type: FilterConfigType.NUMBER,
   options: {},
-  itemLabelRenderer(value): string {
-    return `# of activities ${value?.value || '...'}`;
+  itemLabelRenderer(value: NumberFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.NUMBER]('# of activities', value);
   },
-  apiFilterRenderer({ value }): any[] {
-    return [
-      { activityCount: { eq: value } },
-    ];
+  apiFilterRenderer(value: NumberFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.NUMBER]('activityCount', value);
   },
 };
 

frontend/src/modules/member/config/filters/noOfOSSContributions/config.ts

@@ -1,19 +1,18 @@
-import { NumberFilterConfig } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
+import { NumberFilterConfig, NumberFilterValue } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const noOfOSSContributions: NumberFilterConfig = {
   id: 'noOfOSSContributions',
   label: '# of open source contributions',
   type: FilterConfigType.NUMBER,
   options: {},
-  itemLabelRenderer(value): string {
-    return `# of open source contributions ${value?.value || '...'}`;
+  itemLabelRenderer(value: NumberFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.NUMBER]('# of OSS contributions', value);
   },
-  apiFilterRenderer({ value }): any[] {
-    console.log(value);
-    return [
-      { numberOfOpenSourceContributions: { eq: value } },
-    ];
+  apiFilterRenderer(value: NumberFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.NUMBER]('numberOfOpenSourceContributions', value);
   },
 };
 

frontend/src/modules/member/config/filters/reach/config.ts

@@ -1,17 +1,18 @@
-import { NumberFilterConfig } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
+import { NumberFilterConfig, NumberFilterValue } from '@/shared/modules/filters/types/filterTypes/NumberFilterConfig';
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const reach: NumberFilterConfig = {
   id: 'reach',
   label: 'Reach',
   type: FilterConfigType.NUMBER,
   options: {},
-  itemLabelRenderer(value): string {
-    return `Reach ${value?.value || '...'}`;
+  itemLabelRenderer(value: NumberFilterValue): string {
+    return itemLabelRendererByType[FilterConfigType.NUMBER]('Reach', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: NumberFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.NUMBER]('reach', value);
   },
 };
 

frontend/src/modules/member/config/filters/tags/config.ts

@@ -1,5 +1,7 @@
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import { MultiSelectFilterConfig, MultiSelectFilterValue } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
+import { itemLabelRendererByType } from '@/shared/modules/filters/config/itemLabelRendererByType';
+import { apiFilterRendererByType } from '@/shared/modules/filters/config/apiFilterRendererByType';
 
 const tags: MultiSelectFilterConfig = {
   id: 'tags',
@@ -10,11 +12,10 @@ const tags: MultiSelectFilterConfig = {
     options: [],
   },
   itemLabelRenderer(value: MultiSelectFilterValue): string {
-    return `Tags ${value?.value.join(',') || '...'}`;
+    return itemLabelRendererByType[FilterConfigType.MULTISELECT]('Active on', value);
   },
-  apiFilterRenderer(value): any[] {
-    console.log(value);
-    return [];
+  apiFilterRenderer(value: MultiSelectFilterValue): any[] {
+    return apiFilterRendererByType[FilterConfigType.MULTISELECT]('tags', value);
   },
 };
 

frontend/src/modules/member/config/saved-views/main.ts

@@ -0,0 +1,29 @@
+import { SavedView, SavedViewsConfig } from '@/shared/modules/saved-views/types/SavedViewsConfig';
+import allMembers from './views/all-members';
+import newAndActive from './views/new-and-active';
+import slippingAway from './views/slipping-away';
+import mostEngaged from './views/most-engaged';
+import influential from './views/influential';
+import teamMembers from './views/team-members';
+
+import bot from './settings/bot';
+import teamMember from './settings/teamMember';
+import organization from './settings/organization';
+
+export const memberSavedViews: SavedViewsConfig = {
+  defaultView: allMembers,
+  settings: {
+    bot,
+    teamMember,
+    organization,
+  },
+};
+
+// Hardcoded views until we have backend done for it
+export const memberViews: SavedView[] = [
+  newAndActive,
+  slippingAway,
+  mostEngaged,
+  influential,
+  teamMembers,
+];

frontend/src/modules/member/config/saved-views/settings/bot.ts

@@ -0,0 +1,15 @@
+import { SavedViewsSetting } from '@/shared/modules/saved-views/types/SavedViewsConfig';
+import { IncludeEnum } from '@/modules/member/config/saved-views/settings/types/IncludeEnum';
+import { includeFilterRenderer } from '@/modules/member/config/saved-views/settings/common/includeFilterRenderer';
+
+const bot: SavedViewsSetting<IncludeEnum> = {
+  defaultValue: IncludeEnum.EXCLUDE,
+  queryUrlParser(value: string): IncludeEnum {
+    return value as IncludeEnum;
+  },
+  apiFilterRenderer(value: IncludeEnum): any[] {
+    return includeFilterRenderer('isBot', value);
+  },
+};
+
+export default bot;

frontend/src/modules/member/config/saved-views/settings/common/includeFilterRenderer.ts

@@ -0,0 +1,17 @@
+import { IncludeEnum } from '@/modules/member/config/saved-views/settings/types/IncludeEnum';
+
+export const includeFilterRenderer = (property: string, value: IncludeEnum) => {
+  if (value === IncludeEnum.FILTER) {
+    return [
+      {
+        [property]: { eq: true },
+      },
+    ];
+  }
+  if (value === IncludeEnum.EXCLUDE) {
+    return [
+      { [property]: { not: true } },
+    ];
+  }
+  return [];
+};

frontend/src/modules/member/config/saved-views/settings/organization.ts

@@ -0,0 +1,15 @@
+import { SavedViewsSetting } from '@/shared/modules/saved-views/types/SavedViewsConfig';
+import { includeFilterRenderer } from '@/modules/member/config/saved-views/settings/common/includeFilterRenderer';
+import { IncludeEnum } from '@/modules/member/config/saved-views/settings/types/IncludeEnum';
+
+const organization: SavedViewsSetting<IncludeEnum> = {
+  defaultValue: IncludeEnum.EXCLUDE,
+  queryUrlParser(value: string): IncludeEnum {
+    return value as IncludeEnum;
+  },
+  apiFilterRenderer(value: IncludeEnum): any[] {
+    return includeFilterRenderer('isOrganization', value);
+  },
+};
+
+export default organization;

frontend/src/modules/member/config/saved-views/settings/teamMember.ts

@@ -0,0 +1,15 @@
+import { SavedViewsSetting } from '@/shared/modules/saved-views/types/SavedViewsConfig';
+import { includeFilterRenderer } from '@/modules/member/config/saved-views/settings/common/includeFilterRenderer';
+import { IncludeEnum } from '@/modules/member/config/saved-views/settings/types/IncludeEnum';
+
+const teamMember: SavedViewsSetting<IncludeEnum> = {
+  defaultValue: IncludeEnum.EXCLUDE,
+  queryUrlParser(value: string): IncludeEnum {
+    return value as IncludeEnum;
+  },
+  apiFilterRenderer(value: IncludeEnum): any[] {
+    return includeFilterRenderer('isTeamMember', value);
+  },
+};
+
+export default teamMember;

frontend/src/modules/member/config/saved-views/settings/types/IncludeEnum.ts

@@ -0,0 +1,5 @@
+export enum IncludeEnum {
+  INCLUDE = 'include',
+  EXCLUDE = 'exclude',
+  FILTER = 'filter'
+}