+
© {{ currentYear }} Ghost Guild
Enter your email to receive a login link
{{ @@ -76,15 +76,15 @@ { const themes = { - blue: "bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800", - purple: - "bg-gradient-to-br from-purple-50 to-violet-100 dark:from-gray-900 dark:to-purple-900/20", - emerald: - "bg-gradient-to-br from-emerald-50 to-teal-100 dark:from-gray-900 dark:to-emerald-900/20", - gray: "bg-gray-50 dark:bg-gray-900", + blue: "bg-gradient-to-br from-blue-50 to-indigo-100", + purple: "bg-gradient-to-br from-purple-50 to-violet-100", + emerald: "bg-gradient-to-br from-emerald-50 to-teal-100", + gray: "bg-neutral-100", ethereal: "bg-gradient-to-br from-ghost-900 via-ghost-800 to-whisper-900 halftone-texture", }; diff --git a/app/components/PrivacyToggle.vue b/app/components/PrivacyToggle.vue index 597c87f..968fefb 100644 --- a/app/components/PrivacyToggle.vue +++ b/app/components/PrivacyToggle.vue @@ -1,6 +1,6 @@ - {{ label }}: + {{ label }}: { diff --git a/app/pages/members.vue b/app/pages/members.vue index 272b9ca..6ca98a3 100644 --- a/app/pages/members.vue +++ b/app/pages/members.vue @@ -11,7 +11,7 @@ - + + + + - Filter by skill: @@ -71,12 +78,55 @@ + + + + Filter by peer support topic: + + {{ topic }} + + + {{ + showAllTopics + ? "Show less" + : `+${availableTopics.length - 10} more` + }} + + + + - Active filters: + Active filters: + + Offering Peer Support + + × + + - Loading members... + Loading members... - + {{ totalCount }} {{ totalCount === 1 ? "member" : "members" }} found - + - - - - 👻 - + + + + + + 👻 + - - - - + + + + {{ member.name }} + + + {{ member.pronouns }} + + + + + + {{ circleLabels[member.circle] }} + + + {{ member.studio }} + + + 📍 {{ member.location }} + + + 🕐 {{ member.timeZone }} + + + + + - {{ member.name }} - - - {{ member.pronouns }} - - - {{ circleLabels[member.circle] }} - - - {{ member.studio }} - - - {{ member.location }} - + + + + + + + + + + + + + + + + + + + + + - + + + + {{ member.bio }} + + + + - + + 💜 Offering Peer Support + + + + + - - - + + + {{ topic }} + + + + + + + "{{ member.peerSupport.personalMessage }}" + + + + + Availability: {{ member.peerSupport.availability }} + + + + + Message {{ member.peerSupport.slackUsername }} on Slack - - - - - - - + + + + + + + Offering + + - - - - - + - - - + + {{ tag }} + + + + + + + + Looking For + + + {{ member.lookingFor.description }} + + + + {{ tag }} + + + @@ -254,7 +461,7 @@ fill="none" stroke="currentColor" viewBox="0 0 24 24" - class="text-stone-600" + class="text-ghost-600" > - + No members found - + Try adjusting your search or filters @@ -300,15 +507,19 @@ const { isAuthenticated } = useAuth(); const members = ref([]); const totalCount = ref(0); const availableSkills = ref([]); +const availableTopics = ref([]); const loading = ref(true); // Start with loading true const searchQuery = ref(""); -const selectedCircle = ref(""); +const selectedCircle = ref("all"); +const peerSupportFilter = ref("all"); const selectedSkills = ref([]); +const selectedTopics = ref([]); const showAllSkills = ref(false); +const showAllTopics = ref(false); // Circle options const circleOptions = [ - { label: "All Circles", value: "" }, + { label: "All Circles", value: "all" }, { label: "Community", value: "community" }, { label: "Founder", value: "founder" }, { label: "Practitioner", value: "practitioner" }, @@ -320,6 +531,12 @@ const circleLabels = { practitioner: "Practitioner", }; +// Peer support filter options +const peerSupportOptions = [ + { label: "All Members", value: "all" }, + { label: "Offering Peer Support", value: "true" }, +]; + // Helper to check if member has social links const hasSocialLinks = (links) => { if (!links) return false; @@ -333,20 +550,27 @@ const loadMembers = async () => { try { const params = {}; if (searchQuery.value) params.search = searchQuery.value; - if (selectedCircle.value) params.circle = selectedCircle.value; + if (selectedCircle.value && selectedCircle.value !== "all") + params.circle = selectedCircle.value; + if (peerSupportFilter.value && peerSupportFilter.value !== "all") + params.peerSupport = peerSupportFilter.value; if (selectedSkills.value.length > 0) params.skills = selectedSkills.value.join(","); + if (selectedTopics.value.length > 0) + params.topics = selectedTopics.value.join(","); const data = await $fetch("/api/members/directory", { params }); members.value = data.members || []; totalCount.value = data.totalCount || 0; availableSkills.value = data.filters?.availableSkills || []; + availableTopics.value = data.filters?.availableTopics || []; } catch (error) { console.error("Failed to load members:", error); members.value = []; totalCount.value = 0; availableSkills.value = []; + availableTopics.value = []; } finally { loading.value = false; } @@ -372,19 +596,53 @@ const toggleSkill = (skill) => { loadMembers(); }; +// Toggle topic filter +const toggleTopic = (topic) => { + const index = selectedTopics.value.indexOf(topic); + if (index > -1) { + selectedTopics.value.splice(index, 1); + } else { + selectedTopics.value.push(topic); + } + loadMembers(); +}; + // Clear filters const clearCircleFilter = () => { - selectedCircle.value = ""; - loadMembers(); + selectedCircle.value = "all"; +}; + +const clearPeerSupportFilter = () => { + peerSupportFilter.value = "all"; }; const clearAllFilters = () => { searchQuery.value = ""; - selectedCircle.value = ""; + selectedCircle.value = "all"; + peerSupportFilter.value = "all"; selectedSkills.value = []; + selectedTopics.value = []; loadMembers(); }; +// Slack DM functionality +const openSlackDM = async (member) => { + const username = member.peerSupport?.slackUsername || member.name; + + // Copy username to clipboard + try { + await navigator.clipboard.writeText(username); + } catch (err) { + console.log("Could not copy to clipboard:", err); + } + + // Show alert and open Slack + alert( + `Opening Slack...\n\nSearch for: ${username}\n\n(Username copied to clipboard)`, + ); + window.open("https://gammaspace.slack.com", "_blank"); +}; + // Load on mount onMounted(() => { loadMembers(); diff --git a/app/pages/peer-support.vue b/app/pages/peer-support.vue index f948b39..682319d 100644 --- a/app/pages/peer-support.vue +++ b/app/pages/peer-support.vue @@ -1,338 +1,12 @@ - - - - - - - - - Ghost Guild members offering peer support on various topics. Reach - out to schedule a conversation, ask questions, or get feedback on - your cooperative journey. - - - Interested in offering peer support? - - Enable it in your settings - - - - - - - - Filter by topic: - - All Topics - - - {{ topic }} - - - - - - - - - Loading peer supporters... - - - - - - - {{ totalCount }} - {{ totalCount === 1 ? "peer supporter" : "peer supporters" }} - available - - - - - - - - - 👻 - - - - {{ supporter.name }} - - - {{ circleLabels[supporter.circle] }} - - - - - - - Topics: - - - {{ topic }} - - - - - - - Availability: - {{ supporter.peerSupport.availability }} - - - - - "{{ supporter.peerSupport.personalMessage }}" - - - - - - Message {{ supporter.peerSupport.slackUsername }} on Slack - - - Find on Slack - - - - - - - - - - - - - - - No peer supporters yet - - - Be the first to offer peer support to the community! - - - Enable Peer Support - - - - - - - 💜 Want to offer peer support to fellow members? - - - Set Up Peer Support - - - - - - - 🔒 Peer support is available to Ghost Guild members - - - Log In - Join Ghost Guild - - - - - + diff --git a/server/api/members/directory.get.js b/server/api/members/directory.get.js index 86412c1..70c614e 100644 --- a/server/api/members/directory.get.js +++ b/server/api/members/directory.get.js @@ -25,6 +25,8 @@ export default defineEventHandler(async (event) => { const search = query.search || ""; const circle = query.circle || ""; const tags = query.tags ? query.tags.split(",") : []; + const peerSupport = query.peerSupport || ""; + const topics = query.topics ? query.topics.split(",") : []; // Build query const dbQuery = { @@ -37,6 +39,11 @@ export default defineEventHandler(async (event) => { dbQuery.circle = circle; } + // Filter by peer support availability + if (peerSupport === "true") { + dbQuery["peerSupport.enabled"] = true; + } + // Search by name or bio if (search) { dbQuery.$or = [ @@ -71,10 +78,15 @@ export default defineEventHandler(async (event) => { } } + // Filter by peer support topics + if (topics.length > 0) { + dbQuery["peerSupport.topics"] = { $in: topics }; + } + try { const members = await Member.find(dbQuery) .select( - "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle createdAt", + "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle peerSupport slackUserId createdAt", ) .sort({ createdAt: -1 }) .lean(); @@ -109,6 +121,12 @@ export default defineEventHandler(async (event) => { if (isVisible("offering")) filtered.offering = member.offering; if (isVisible("lookingFor")) filtered.lookingFor = member.lookingFor; + // Always show peer support if enabled (it's opt-in, so public by nature) + if (member.peerSupport?.enabled) { + filtered.peerSupport = member.peerSupport; + filtered.slackUserId = member.slackUserId; + } + return filtered; }); @@ -121,11 +139,19 @@ export default defineEventHandler(async (event) => { .filter((tag, index, self) => self.indexOf(tag) === index) .sort(); + // Get unique peer support topics + const allTopics = members + .filter((m) => m.peerSupport?.enabled) + .flatMap((m) => m.peerSupport?.topics || []) + .filter((topic, index, self) => self.indexOf(topic) === index) + .sort(); + return { members: filteredMembers, totalCount: filteredMembers.length, filters: { - availableTags: allTags, + availableSkills: allTags, + availableTopics: allTopics, }, }; } catch (error) { diff --git a/server/api/members/profile.patch.js b/server/api/members/profile.patch.js index 8e594bb..67eb598 100644 --- a/server/api/members/profile.patch.js +++ b/server/api/members/profile.patch.js @@ -64,12 +64,16 @@ export default defineEventHandler(async (event) => { // Handle offering and lookingFor separately (nested objects) if (body.offering !== undefined) { - updateData["offering.text"] = body.offering.text || ""; - updateData["offering.tags"] = body.offering.tags || []; + updateData.offering = { + text: body.offering.text || "", + tags: body.offering.tags || [], + }; } if (body.lookingFor !== undefined) { - updateData["lookingFor.text"] = body.lookingFor.text || ""; - updateData["lookingFor.tags"] = body.lookingFor.tags || []; + updateData.lookingFor = { + text: body.lookingFor.text || "", + tags: body.lookingFor.tags || [], + }; } // Handle privacy settings diff --git a/server/migrations/fix-offering-lookingfor-structure.js b/server/migrations/fix-offering-lookingfor-structure.js new file mode 100644 index 0000000..4410d48 --- /dev/null +++ b/server/migrations/fix-offering-lookingfor-structure.js @@ -0,0 +1,62 @@ +// Migration to fix offering and lookingFor field structure +// Run this once to convert string values to object structure +import mongoose from "mongoose"; +import Member from "../models/member.js"; +import { connectDB } from "../utils/mongoose.js"; + +async function migrateOfferingLookingFor() { + await connectDB(); + + console.log("Starting migration: fixing offering and lookingFor structure..."); + + try { + // Find all members where offering or lookingFor is a string (not an object) + const members = await Member.find({ + $or: [ + { offering: { $type: "string" } }, + { lookingFor: { $type: "string" } }, + ], + }); + + console.log(`Found ${members.length} members to migrate`); + + for (const member of members) { + const updates = {}; + + // Convert offering if it's a string + if (typeof member.offering === "string") { + updates.offering = { + text: member.offering, + tags: [], + }; + console.log( + `Converting offering for member ${member._id}: "${member.offering}"`, + ); + } + + // Convert lookingFor if it's a string + if (typeof member.lookingFor === "string") { + updates.lookingFor = { + text: member.lookingFor, + tags: [], + }; + console.log( + `Converting lookingFor for member ${member._id}: "${member.lookingFor}"`, + ); + } + + // Update the member + if (Object.keys(updates).length > 0) { + await Member.findByIdAndUpdate(member._id, { $set: updates }); + } + } + + console.log("Migration completed successfully!"); + process.exit(0); + } catch (error) { + console.error("Migration failed:", error); + process.exit(1); + } +} + +migrateOfferingLookingFor();
Loading members...
+ {{ member.bio }} +
- - - - - + - - - + + {{ tag }} + + +
+ {{ member.lookingFor.description }} +
Try adjusting your search or filters
- Ghost Guild members offering peer support on various topics. Reach - out to schedule a conversation, ask questions, or get feedback on - your cooperative journey. -
- Interested in offering peer support? - - Enable it in your settings - -
Loading peer supporters...
- Be the first to offer peer support to the community! -
- 💜 Want to offer peer support to fellow members? -
- 🔒 Peer support is available to Ghost Guild members -