From 73dd8b05f340f5b912f5cfd8efb9b1a3d03fa0c2 Mon Sep 17 00:00:00 2001
From: Spectralitree <72747870+Spectralitree@users.noreply.github.com>
Date: Wed, 29 Dec 2021 10:26:36 +0100
Subject: [PATCH] fix: unique target names for member and group filter tooltips

---
 src/lib/group/List.svelte  | 16 ++++++++--------
 src/lib/member/List.svelte | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/lib/group/List.svelte b/src/lib/group/List.svelte
index 938809f8..499fd2bb 100644
--- a/src/lib/group/List.svelte
+++ b/src/lib/group/List.svelte
@@ -232,14 +232,14 @@
         <Label>Filter groups by member</Label>
         <Svelecte renderer="member-list" bind:value={selectedMembers} disableHighlight options={memberlist} multiple style="margin-bottom: 0.5rem">
         </Svelecte>
-        <span style="cursor: pointer" id="include" on:click={() => memberSearchMode = "include"}>{@html memberSearchMode === "include" ? "<b>include</b>" : "include"}</span>
-         | <span style="cursor: pointer" id="exclude" on:click={() => memberSearchMode = "exclude"}>{@html memberSearchMode === "exclude" ? "<b>exclude</b>" : "exclude"}</span> 
-         | <span style="cursor: pointer" id="match" on:click={() => memberSearchMode = "match"}>{@html memberSearchMode === "match" ? "<b>exact match</b>" : "exact match"}</span>
-         | <span style="cursor: pointer" id="none" on:click={() => memberSearchMode = "none"}>{@html memberSearchMode === "none" ? "<b>none</b>" : "none"}</span>
-        <Tooltip placement="bottom" target="include">Includes every group with any of the members.</Tooltip>
-        <Tooltip placement="bottom" target="exclude">Excludes every group with any of the members, opposite of include.</Tooltip>
-        <Tooltip placement="bottom" target="match">Only includes groups which have all the members selected.</Tooltip>
-        <Tooltip placement="bottom" target="none">Only includes groups that have no members.</Tooltip>
+        <span style="cursor: pointer" id="g-include" on:click={() => memberSearchMode = "include"}>{@html memberSearchMode === "include" ? "<b>include</b>" : "include"}</span>
+         | <span style="cursor: pointer" id="g-exclude" on:click={() => memberSearchMode = "exclude"}>{@html memberSearchMode === "exclude" ? "<b>exclude</b>" : "exclude"}</span> 
+         | <span style="cursor: pointer" id="g-match" on:click={() => memberSearchMode = "match"}>{@html memberSearchMode === "match" ? "<b>exact match</b>" : "exact match"}</span>
+         | <span style="cursor: pointer" id="g-none" on:click={() => memberSearchMode = "none"}>{@html memberSearchMode === "none" ? "<b>none</b>" : "none"}</span>
+        <Tooltip placement="bottom" target="g-include">Includes every group with any of the members.</Tooltip>
+        <Tooltip placement="bottom" target="g-exclude">Excludes every group with any of the members, opposite of include.</Tooltip>
+        <Tooltip placement="bottom" target="g-match">Only includes groups which have all the members selected.</Tooltip>
+        <Tooltip placement="bottom" target="g-none">Only includes groups that have no members.</Tooltip>
         {/if}
     </CardBody>
 </Card>
diff --git a/src/lib/member/List.svelte b/src/lib/member/List.svelte
index cbd21677..10658612 100644
--- a/src/lib/member/List.svelte
+++ b/src/lib/member/List.svelte
@@ -224,14 +224,14 @@
         <Label>Filter members by group</Label>
         <Svelecte disableHighlight renderer="member-list" valueAsObject bind:value={selectedGroups} options={grouplist} multiple style="margin-bottom: 0.5rem">
         </Svelecte>
-        <span style="cursor: pointer" id="include" on:click={() => groupSearchMode = "include"}>{@html groupSearchMode === "include" ? "<b>include</b>" : "include"}</span>
-         | <span style="cursor: pointer" id="exclude" on:click={() => groupSearchMode = "exclude"}>{@html groupSearchMode === "exclude" ? "<b>exclude</b>" : "exclude"}</span> 
-         | <span style="cursor: pointer" id="match" on:click={() => groupSearchMode = "match"}>{@html groupSearchMode === "match" ? "<b>exact match</b>" : "exact match"}</span>
-         | <span style="cursor: pointer" id="none" on:click={() => groupSearchMode = "none"}>{@html groupSearchMode === "none" ? "<b>none</b>" : "none"}</span>
-        <Tooltip placement="bottom" target="include">Includes every member who's a part of any of the groups.</Tooltip>
-        <Tooltip placement="bottom" target="exclude">Excludes every member who's a part of any of the groups, the opposite of include.</Tooltip>
-        <Tooltip placement="bottom" target="match">Only includes members who are a part of every group.</Tooltip>
-        <Tooltip placement="bottom" target="none">Only includes members that are in no groups.</Tooltip>
+        <span style="cursor: pointer" id="m-include" on:click={() => groupSearchMode = "include"}>{@html groupSearchMode === "include" ? "<b>include</b>" : "include"}</span>
+         | <span style="cursor: pointer" id="m-exclude" on:click={() => groupSearchMode = "exclude"}>{@html groupSearchMode === "exclude" ? "<b>exclude</b>" : "exclude"}</span> 
+         | <span style="cursor: pointer" id="m-match" on:click={() => groupSearchMode = "match"}>{@html groupSearchMode === "match" ? "<b>exact match</b>" : "exact match"}</span>
+         | <span style="cursor: pointer" id="m-none" on:click={() => groupSearchMode = "none"}>{@html groupSearchMode === "none" ? "<b>none</b>" : "none"}</span>
+        <Tooltip placement="bottom" target="m-include">Includes every member who's a part of any of the groups.</Tooltip>
+        <Tooltip placement="bottom" target="m-exclude">Excludes every member who's a part of any of the groups, the opposite of include.</Tooltip>
+        <Tooltip placement="bottom" target="m-match">Only includes members who are a part of every group.</Tooltip>
+        <Tooltip placement="bottom" target="m-none">Only includes members that are in no groups.</Tooltip>
         {/if}
     </CardBody>
 </Card>