@@ -57,4 +57,79 @@ document.addEventListener("DOMContentLoaded", function() {
5757 }
5858
5959 setMeetingTimes ( ) ;
60+
61+ // Function to handle Slack channel button clicks
62+ function setupSlackChannelButtons ( ) {
63+ const slackButtons = document . querySelectorAll ( '.slack-link' ) ;
64+
65+ slackButtons . forEach ( button => {
66+ button . addEventListener ( 'click' , function ( event ) {
67+ // Prevent the default link behavior temporarily
68+ event . preventDefault ( ) ;
69+
70+ // Get the Slack URL from the button's id attribute
71+ const slackUrl = this . id ;
72+
73+ // Get the community name from the title attribute or nearby heading
74+ const communityCard = this . closest ( '.page-card' ) ;
75+ const communityName = communityCard ? communityCard . querySelector ( '.Title4' ) . textContent . trim ( ) : 'Community' ;
76+
77+ // Save to localStorage
78+ localStorage . setItem ( 'selectedSlackChannel' , slackUrl ) ;
79+ localStorage . setItem ( 'selectedCommunityName' , communityName ) ;
80+
81+ // Now proceed with the original link behavior
82+ window . location . href = this . href ;
83+ } ) ;
84+ } ) ;
85+ }
86+
87+ // Set up the Slack channel button event listeners
88+ setupSlackChannelButtons ( ) ;
89+
90+ // Function to get the saved Slack channel URL from localStorage and update the button
91+ function loadSlackChannelButton ( ) {
92+ const savedSlackUrl = localStorage . getItem ( 'selectedSlackChannel' ) ;
93+ const savedCommunityName = localStorage . getItem ( 'selectedCommunityName' ) ;
94+
95+ const slackButton = document . querySelector ( '.slack-channel-link' ) ;
96+
97+ if ( savedSlackUrl && slackButton ) {
98+ // Update the button with the saved Slack URL
99+ slackButton . href = savedSlackUrl ;
100+
101+ // Update the title attribute if we have the community name
102+ if ( savedCommunityName ) {
103+ slackButton . title = `${ savedCommunityName } ;
104+ }
105+
106+ // Add click event to clear localStorage after successful redirect
107+ slackButton . addEventListener ( 'click' , function ( ) {
108+ // Clear the stored values after user clicks to join
109+ localStorage . removeItem ( 'selectedSlackChannel' ) ;
110+ localStorage . removeItem ( 'selectedCommunityName' ) ;
111+ } ) ;
112+ } else {
113+ // If no URL was saved, redirect back to communities page or show error
114+ console . error ( 'No Slack channel URL found in localStorage' ) ;
115+
116+ // Option 1: Redirect back to communities page
117+ // window.location.href = '/communities-of-practice';
118+
119+ // Option 2: Update button to show error state
120+ if ( slackButton ) {
121+ slackButton . href = '/communities-of-practice' ;
122+ slackButton . innerHTML = `
123+ <svg version="1.1" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="20" height="20">
124+ <path d="..." fill="currentColor"/>
125+ </svg>
126+ Return to Communities
127+ ` ;
128+ slackButton . title = 'Return to Communities of Practice page' ;
129+ }
130+ }
131+ }
132+
133+ // Load the Slack channel button when page loads
134+ loadSlackChannelButton ( ) ;
60135} ) ;
0 commit comments