Updated index.html with login logic

index.html

@@ -17,15 +17,15 @@
             <div class="login-card">
                 
                 <div id="login-section">
-                    <span>Login Coming Soon ..</span><br>
-                    <input type="email" id="email" placeholder="Email" required size="28" disabled><br>
-                    <input type="password" id="password" placeholder="Password" required size="28" disabled><br>
-                    <button onclick="doLogin()" disabled>Sign In</button>
+                    <span>Business Login</span><br>
+                    <input type="email" id="email" placeholder="Email" required size="28" ><br>
+                    <input type="password" id="password" placeholder="Password" required size="28" ><br>
+                    <button onclick="doLogin()" >Sign In</button>
                 </div> 
                 <div id="user-section" class="hidden">
                     <!--<span>Welcome!</span><br>-->
                     <p id="user-email"></p>
-                    <button onclick="doLogout()" style="background: #f44336;" disabled>Logout</button>
+                    <button onclick="doLogout()" style="background: #f44336;" >Logout</button>
                 </div>
                 <p id="message"></p>
             </div>
@@ -48,7 +48,7 @@
 
         <div class="tabs">
             
-            <button disabled class="tab-link" onclick="openTab(event, 'Plnb')"><span class="tab-heading">NUTRITION</span></button>
+            <button class="tab-link" onclick="openTab(event, 'Plnb')"><span class="tab-heading">NUTRITION</span></button>
             <button class="tab-link" onclick="openTab(event, 'Hcs')"><span class="tab-heading">CAKES</span></button>
             <button class="tab-link" onclick="openTab(event, 'Jobs')"><span class="tab-heading">JOB-POSTINGS</span></button>
             <button class="tab-link" onclick="openTab(event, 'Training')"><span class="tab-heading">TRAINING</span></button>
@@ -59,8 +59,8 @@
             <button class="tab-link" onclick="openTab(event, 'About')"><span class="tab-heading">ABOUT</span></button>
         
         </div>
-        <!--
-        <div id="Plnb" class="tab-content">
+        
+        <div id="Plnb" class="tab-content" inert class="disabled-div">
             <h4>Project LeanNation </h4> 
                 <table >
                     <tr>
@@ -75,17 +75,15 @@
                                 convenient, and sustainable for busy professionals.<br>
                                 These are great ways to sample meals, try protein snacks, and learn more about the nutrition program in a fun, low-pressure setting.<br>
                                 We would love to connect you with Shweta and explore potential wellness initiatives for your teams!<br>        
-                                Please use the link to avial the introductary founding member discounts, <a href="https://pln.fit/e/M-ARUN" alt="Singup link" target="_blank" rel="noopener noreferrer">Signup</a>
+                                
                                 <br> If you're open to it, we would be happy to make an introduction.
                             </p>
                         </td>
-                        <td>
-                            <img src="images/QR_PLNB.png" height="150" width="150" style="background-position: top right;"></img>
-                        </td>
+                       
                     </tr>
                 </table>        
         </div>
-      -->
+      
 
         <div id="Hcs" class="tab-content">
             <h4>Harshali Custom Cake Shop</h4>
@@ -123,7 +121,7 @@
             <p>Postings from known recruiters will be posted here!</p>
         </div>
 
-        <div id="Training" class="tab-content">
+        <div id="Training" class="tab-content" inert class="disabled-div">
             <h4>Training</h4>
             <p>
               We are extremely happy to introduce Apache Cassandra training offered by Sarma on Udemy. <br>
@@ -140,7 +138,7 @@
             </p>
         </div>
 
-        <div id="Portfolio" class="tab-content">
+        <div id="Portfolio" class="tab-content" inert class="disabled-div">
             <h4>Projects Yard</h4>
             <p>
                 We are very excited to introduce <a href="https://www.projectsyard.com" target="_blank" rel="noopener noreferrer"" alt="Projects Yard">Projects Yard</a>.
@@ -163,6 +161,7 @@
         </div>
 
         <div id="Nature" class="tab-content">
+            
             <h4>Nature</h4>
             <p> 
                 Every <span class="fallen-leaf">leaf</span> holds a tiny story, a silent promise of growth and life. <br>
@@ -177,6 +176,7 @@
                 <br>
                 If you like to hear more,  we would be happy to guide you through.
             </p>
+            
         </div>
         
         <div id="About" class="tab-content">
@@ -257,7 +257,7 @@
             console.log("Result:", result.data);
             return result.data;
             }
-        
+        /**
         const consoleArea = document.getElementById('console');
         const assistantAvatar = document.getElementById('net-ai');
         const chatBubble = document.getElementById('net');
@@ -361,6 +361,7 @@
         }
         postAdv();//posting it one time 
         const intervalId = setInterval(postAdv, 300000);
+        
         function get_api_results(result, container, api_method){
             callGradioAPI(result, api_method)		
                 .then(data => {
@@ -461,7 +462,7 @@
                 }
             }
 
-
+             **/
         </script>
 
         <script>
@@ -481,12 +482,18 @@
             
             try {
                 // 3. Authenticate
-                await pb.collection('users').authWithPassword(email, pass);
-                message.innerText = "Login successful!";
-                // Redirect the user to a custom page
-                window.location.href = './NetworkTest.html'; 
-                message.style.color = "green";
-                updateUI();
+                //await pb.collection('users').authWithPassword(email, pass);
+                const authData = await pb.collection('users').authWithPassword(email, pass);
+                //get the role
+                const userRole = authData.record.role; 
+                console.log("User Role is: " + userRole);
+                if (userRole == "writer"){
+                    message.innerText = "Login successful!";
+                    // Redirect the user to a custom page
+                    window.location.href = './Nature_Articles.html'; 
+                    message.style.color = "green";
+                    updateUI();
+                }
             } catch (err) {
                 message.innerText = "Error: " + err.message;
                 message.style.color = "red";
@@ -497,7 +504,7 @@
             pb.authStore.clear();
             updateUI();
             // Redirect the user to a custom page
-            window.location.href = './Client_Demo.html'; 
+            window.location.href = './index.html'; 
             message.innerText = "Logged out.";
         }
 
@@ -513,17 +520,19 @@
         }
 
         async function loadArticles() {
-        
+            const natureContainer = document.getElementById("Nature");
             try {
                 // Fetch records. API rules enforce that only 'published' items return.
-                const records = await pb.collection('articles').getFullList({
+                const records = await pb.collection('nature_posts').getFullList({
                 sort: '-created',
                 });
                 if (records.length === 0) {
                     console.log("No records");
                     return;
                 }
-                records.map(article => {console.log(article.content);});
+                const articles = records.map(article => {console.log(article.short_summary); return article.full_text;});
+                console.log("Total articles: " + records.length);
+                //natureContainer.innerHTML = articles;
             }
             catch (error) {
                 console.error('Failed to load articles:', error);
@@ -532,7 +541,7 @@
 
         }
         
-        loadArticles();
+        //loadArticles();
         //console.log("Articles are: " + articles);
     </script>