Add hiring toggle functionality to portal Team page

- Add setHiring.cfm API endpoint to update BusinessIsHiring
- Add endpoint to Application.cfm allowlist
- Update portal.js to load and sync hiring toggle state
- Wire toggle to call API and show feedback toasts
- Bump portal.js version for cache busting

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-01-11 17:13:59 -08:00
parent aa80dab890
commit b9f5eb834f
4 changed files with 155 additions and 1 deletions

View file

@ -128,6 +128,7 @@ if (len(request._api_path)) {
if (findNoCase("/api/portal/stats.cfm", request._api_path)) request._api_isPublic = true; if (findNoCase("/api/portal/stats.cfm", request._api_path)) request._api_isPublic = true;
if (findNoCase("/api/portal/myBusinesses.cfm", request._api_path)) request._api_isPublic = true; if (findNoCase("/api/portal/myBusinesses.cfm", request._api_path)) request._api_isPublic = true;
if (findNoCase("/api/portal/team.cfm", request._api_path)) request._api_isPublic = true; if (findNoCase("/api/portal/team.cfm", request._api_path)) request._api_isPublic = true;
if (findNoCase("/api/businesses/setHiring.cfm", request._api_path)) request._api_isPublic = true;
// Order history (auth handled in endpoint) // Order history (auth handled in endpoint)
if (findNoCase("/api/orders/history.cfm", request._api_path)) request._api_isPublic = true; if (findNoCase("/api/orders/history.cfm", request._api_path)) request._api_isPublic = true;

View file

@ -0,0 +1,68 @@
<cfsetting showdebugoutput="false">
<cfsetting enablecfoutputonly="true">
<cfcontent type="application/json; charset=utf-8" reset="true">
<cfheader name="Cache-Control" value="no-store">
<cfscript>
/*
PATH: /api/businesses/setHiring.cfm
INPUT (JSON):
{ "BusinessID": 17, "IsHiring": true }
OUTPUT (JSON):
{ OK: true, IsHiring: true } or { OK: false, ERROR: string }
*/
function apiAbort(required struct payload) {
writeOutput(serializeJSON(payload));
abort;
}
function readJsonBody() {
var raw = getHttpRequestData().content;
if (isNull(raw)) raw = "";
if (!len(trim(raw))) return {};
try {
var data = deserializeJSON(raw);
if (isStruct(data)) return data;
} catch (any e) {}
return {};
}
data = readJsonBody();
businessId = structKeyExists(data, "BusinessID") ? val(data.BusinessID) : 0;
isHiring = structKeyExists(data, "IsHiring") ? (data.IsHiring == true ? 1 : 0) : -1;
if (businessId <= 0) {
apiAbort({ "OK": false, "ERROR": "missing_business_id" });
}
if (isHiring == -1) {
apiAbort({ "OK": false, "ERROR": "missing_is_hiring" });
}
try {
queryExecute("
UPDATE Businesses
SET BusinessIsHiring = ?
WHERE BusinessID = ?
", [
{ value: isHiring, cfsqltype: "cf_sql_tinyint" },
{ value: businessId, cfsqltype: "cf_sql_integer" }
], { datasource: "payfrit" });
writeOutput(serializeJSON({
"OK": true,
"IsHiring": isHiring == 1
}));
abort;
} catch (any e) {
apiAbort({
"OK": false,
"ERROR": "server_error",
"MESSAGE": e.message
});
}
</cfscript>

View file

@ -424,6 +424,6 @@
<!-- Toast Container --> <!-- Toast Container -->
<div class="toast-container" id="toastContainer"></div> <div class="toast-container" id="toastContainer"></div>
<script src="portal.js?v=3"></script> <script src="portal.js?v=4"></script>
</body> </body>
</html> </html>

View file

@ -111,10 +111,12 @@ const Portal = {
if (data.OK && data.BUSINESS) { if (data.OK && data.BUSINESS) {
const biz = data.BUSINESS; const biz = data.BUSINESS;
this.businessData = biz; // Store for later use
document.getElementById('businessName').textContent = biz.BusinessName || 'Business'; document.getElementById('businessName').textContent = biz.BusinessName || 'Business';
document.getElementById('businessAvatar').textContent = (biz.BusinessName || 'B').charAt(0).toUpperCase(); document.getElementById('businessAvatar').textContent = (biz.BusinessName || 'B').charAt(0).toUpperCase();
document.getElementById('userAvatar').textContent = 'U'; document.getElementById('userAvatar').textContent = 'U';
} else { } else {
this.businessData = null;
document.getElementById('businessName').textContent = 'Business #' + this.config.businessId; document.getElementById('businessName').textContent = 'Business #' + this.config.businessId;
document.getElementById('businessAvatar').textContent = 'B'; document.getElementById('businessAvatar').textContent = 'B';
document.getElementById('userAvatar').textContent = 'U'; document.getElementById('userAvatar').textContent = 'U';
@ -497,6 +499,9 @@ const Portal = {
const tbody = document.getElementById('teamTableBody'); const tbody = document.getElementById('teamTableBody');
tbody.innerHTML = '<tr><td colspan="5" class="empty-state">Loading team...</td></tr>'; tbody.innerHTML = '<tr><td colspan="5" class="empty-state">Loading team...</td></tr>';
// Load hiring toggle state from business data
this.loadHiringToggle();
try { try {
const url = `${this.config.apiBaseUrl}/portal/team.cfm`; const url = `${this.config.apiBaseUrl}/portal/team.cfm`;
console.log('[Portal] Fetching team from:', url); console.log('[Portal] Fetching team from:', url);
@ -543,6 +548,86 @@ const Portal = {
} }
}, },
// Load hiring toggle from business data
loadHiringToggle() {
const toggle = document.getElementById('hiringToggle');
if (!toggle) return;
// Remove existing listener if any
toggle.onchange = null;
// Set initial state from business data
if (this.businessData && typeof this.businessData.IsHiring !== 'undefined') {
toggle.checked = this.businessData.IsHiring;
console.log('[Portal] Hiring toggle set to:', this.businessData.IsHiring);
} else {
console.log('[Portal] No business data for hiring toggle, fetching...');
// Fetch fresh business data if not available
this.refreshBusinessData();
}
// Wire up the toggle
toggle.onchange = () => this.toggleHiring(toggle.checked);
},
// Refresh business data
async refreshBusinessData() {
try {
const response = await fetch(`${this.config.apiBaseUrl}/businesses/get.cfm`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ BusinessID: this.config.businessId })
});
const data = await response.json();
if (data.OK && data.BUSINESS) {
this.businessData = data.BUSINESS;
const toggle = document.getElementById('hiringToggle');
if (toggle) {
toggle.checked = this.businessData.IsHiring;
console.log('[Portal] Hiring toggle refreshed to:', this.businessData.IsHiring);
}
}
} catch (err) {
console.error('[Portal] Error refreshing business data:', err);
}
},
// Toggle hiring status
async toggleHiring(isHiring) {
console.log('[Portal] Setting hiring to:', isHiring);
try {
const response = await fetch(`${this.config.apiBaseUrl}/businesses/setHiring.cfm`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
BusinessID: this.config.businessId,
IsHiring: isHiring
})
});
const data = await response.json();
console.log('[Portal] setHiring response:', data);
if (data.OK) {
// Update local state
if (this.businessData) {
this.businessData.IsHiring = data.IsHiring;
}
this.toast(isHiring ? 'Now accepting applications' : 'Applications disabled', 'success');
} else {
// Revert toggle
const toggle = document.getElementById('hiringToggle');
if (toggle) toggle.checked = !isHiring;
this.toast(data.ERROR || 'Failed to update hiring status', 'error');
}
} catch (err) {
console.error('[Portal] Error toggling hiring:', err);
// Revert toggle
const toggle = document.getElementById('hiringToggle');
if (toggle) toggle.checked = !isHiring;
this.toast('Error updating hiring status', 'error');
}
},
// Edit team member (placeholder) // Edit team member (placeholder)
editTeamMember(employeeId) { editTeamMember(employeeId) {
this.showToast('Team member editing coming soon', 'info'); this.showToast('Team member editing coming soon', 'info');