localstorage + eid handling uppercase + more food

Author: karmanyaahm

public/member/.htaccess

@@ -0,0 +1,3 @@
+# /member/.htaccess  (scoped to this directory only)
+Options -MultiViews
+DirectoryIndex index.html

public/member/constants.js

@@ -12,35 +12,76 @@ export const HCB_BASE_URL = 'https://hcb.hackclub.com/donations/start/austin-iee
 
 // IRL-only shop items (snacks, etc)
 export const irlShopItems = [
+    // Drinks
     {
-        id: "caprisun",
-        name: "CapriSun",
-        price: 50,
+        id: "drinks",
+        name: "Drinks (Capri Sun, Soda)",
+        price: 100,
     },
+    
     {
-        id: "poptart",
-        name: "PopTart",
+        id: "drinks",
+        name: "Celcius",
+        price: 150,
+    },
+    // Snack Packs
+    {
+        id: "smallsnacks",
+        name: "Fruit Snacks/Rice Krispies)",
         price: 50,
     },
+    
+    // Chips
+    {
+        id: "chips",
+        name: "Chips",
+        price: 100,
+    },
+    
+    // Candy
+    {
+        id: "candy",
+        name: "Candy (Twix, M&Ms, Snickers, Sour Patch, Airhead)",
+        price: 150,
+    },
+    
+    // Microwaveable Foods
+    {
+        id: "popcorn",
+        name: "Popcorn",
+        price: 100,
+    },
+    {
+        id: "microwavemeals",
+        name: "Microwave Meals (Ramen/Mac and Cheese)",
+        price: 150,
+    },
+    
+    // Pop Tarts
+    {
+        id: "poptarts",
+        name: "Pop Tarts",
+        price: 100,
+    },
     {
-        id: "shirtXSpost",
+        id: "shirtXS",
         name: "Shirt (Overstock) XS",
         price: 1500,
     },
     {
-        id: "shirtSpost",
+        id: "shirtS",
         name: "Shirt (Overstock) S",
     },
     {
-        id: "shirtMpost",
+        id: "shirtM",
         name: "Shirt (Overstock) M"
     },
     {
-        id: "shirtLpost",
+        id: "shirtL",
         name: "Shirt (Overstock) L"
     },
     {
-        id: "shirtXLpost",
+        id: "shirtXL",
         name: "Shirt (Overstock) XL"
     },
 ];

public/member/index.html

@@ -19,8 +19,8 @@ <h2>Welcome to the Member Area</h2>
 
             <div class="form-group eid-lookup">
                 <label for="eid">Enter your UT EID *</label>
-                <input type="text" id="eid" name="eid" required pattern="[a-z]{2,3}[0-9]{3,8}" title="Enter a valid UT EID (2-3 lowercase letters followed by 3-8 numbers)">
-                <small class="form-text">Your UT EID should be 2-3 lowercase letters followed by 3-8 numbers</small>
+                <input type="text" id="eid" name="eid" required pattern="[a-zA-Z]{2,3}[0-9]{3,8}" title="Enter a valid UT EID (2-3 letters followed by 3-8 numbers)">
+                <small class="form-text">Your UT EID should be 2-3 letters followed by 3-8 numbers</small>
                 <div id="eidStatus" class="status-message"></div>
             </div>
 

public/member/script.js

@@ -45,8 +45,24 @@ document.addEventListener('DOMContentLoaded', function() {
     // Function to process EID if already present on load
     function processExistingEid() {
         const eidInput = document.getElementById('eid');
-        if (eidInput && eidInput.value && eidInput.value.trim() !== '') {
-            // Trigger the blur event to process the EID
+        if (!eidInput) return;
+
+        // Try to restore saved EID from localStorage
+        try {
+            const saved = localStorage.getItem('savedEid');
+            if (saved && saved.trim() !== '') {
+                eidInput.value = saved;
+                // Trigger the blur event to process the EID
+                const event = new Event('blur');
+                eidInput.dispatchEvent(event);
+                return;
+            }
+        } catch (e) {
+            console.warn('Unable to access localStorage to restore EID', e);
+        }
+
+        // Fallback: if the input already has a value (e.g., prefilled), process it
+        if (eidInput.value && eidInput.value.trim() !== '') {
             const event = new Event('blur');
             eidInput.dispatchEvent(event);
         }
@@ -74,6 +90,13 @@ document.addEventListener('DOMContentLoaded', function() {
             if (eid === '') {
                 statusElement.textContent = '';
                 statusElement.className = 'status-message';
+                // Clear saved EID info from localStorage
+                try {
+                    localStorage.removeItem('savedEid');
+                    localStorage.removeItem('savedEidMemberExists');
+                } catch (e) {
+                    console.warn('Unable to clear localStorage for EID', e);
+                }
                 return;
             }
 
@@ -87,12 +110,33 @@ document.addEventListener('DOMContentLoaded', function() {
             try {
                 // EID format is valid, proceed with checking if it exists
                 const memberExists = await fetchMemberInfo(eid);
+
+                // Persist EID and membership-exists flag so we can restore them on next load
+                try {
+                    localStorage.setItem('savedEid', eid);
+                    localStorage.setItem('savedEidMemberExists', memberExists ? '1' : '0');
+                } catch (e) {
+                    console.warn('Unable to save EID to localStorage', e);
+                }
 
                 // Only if EID is valid, show the content
                 contentAfterEid.classList.remove('hidden-until-eid');
 
                 // Handle form visibility based on member existence
                 handleFormVisibility(memberExists, eid);
+
+                // If we have restored a saved membership flag, ensure form visibility matches it
+                try {
+                    const savedFlag = localStorage.getItem('savedEidMemberExists');
+                    if (savedFlag !== null) {
+                        // If savedFlag differs from memberExists, update it to reflect current state
+                        if ((savedFlag === '1') !== Boolean(memberExists)) {
+                            localStorage.setItem('savedEidMemberExists', memberExists ? '1' : '0');
+                        }
+                    }
+                } catch (e) {
+                    // ignore
+                }
 
                 // Regenerate the shop table to show purchase history for this EID
                 const shopTableContainer = document.getElementById('shopTableContainer');
@@ -129,7 +173,7 @@ document.addEventListener('DOMContentLoaded', function() {
 
             // Show validation message while typing
             if (!isValidEid(eid)) {
-                statusElement.textContent = 'EID should be 2-3 lowercase letters followed by 3-8 numbers';
+                statusElement.textContent = 'EID should be 2-3 letters followed by 3-8 numbers';
                 statusElement.className = 'status-message warning';
             } else {
                 statusElement.textContent = 'Valid EID format. Click/tab out to check membership.';