init project
This commit is contained in:
root
+20
@@ -0,0 +1,20 @@
|
|||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
|
||||||
|
# Environment files
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
|
|
||||||
|
# Editor/OS files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
.vscode/
|
||||||
|
.idea/
|
||||||
+32
@@ -0,0 +1,32 @@
|
|||||||
|
FROM node:20-bookworm-slim AS builder
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# If npm/yarn fail with "unable to get local issuer certificate" during install, build with:
|
||||||
|
# docker compose build --build-arg NPM_STRICT_SSL=false client-prod
|
||||||
|
# (Only use on trusted networks; prefer mounting your org CA via NODE_EXTRA_CA_CERTS instead.)
|
||||||
|
ARG NPM_STRICT_SSL=true
|
||||||
|
RUN if [ "$NPM_STRICT_SSL" = "false" ]; then npm config set strict-ssl false; fi
|
||||||
|
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
|
||||||
|
ENV CI=true \
|
||||||
|
npm_config_maxsockets=1 \
|
||||||
|
NPM_CONFIG_LEGACY_PEER_DEPS=true
|
||||||
|
|
||||||
|
# Mitigate npm "Exit handler never called!" in some Docker/npm builds (see npm/cli issues).
|
||||||
|
RUN npm install --no-audit --no-fund
|
||||||
|
|
||||||
|
COPY . .
|
||||||
|
|
||||||
|
ARG VITE_API_ORIGIN=
|
||||||
|
ENV VITE_API_ORIGIN=$VITE_API_ORIGIN
|
||||||
|
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
FROM nginx:alpine
|
||||||
|
|
||||||
|
COPY nginx.conf /etc/nginx/conf.d/default.conf
|
||||||
|
COPY --from=builder /app/dist /usr/share/nginx/html
|
||||||
|
|
||||||
|
EXPOSE 80
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
FROM node:20-bookworm-slim
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
ARG NPM_STRICT_SSL=true
|
||||||
|
RUN if [ "$NPM_STRICT_SSL" = "false" ]; then npm config set strict-ssl false; fi
|
||||||
|
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
|
||||||
|
ENV CI=true \
|
||||||
|
npm_config_maxsockets=1 \
|
||||||
|
NPM_CONFIG_LEGACY_PEER_DEPS=true
|
||||||
|
|
||||||
|
RUN npm install --no-audit --no-fund
|
||||||
|
|
||||||
|
COPY docker-entrypoint.dev.sh /docker-entrypoint.dev.sh
|
||||||
|
RUN chmod +x /docker-entrypoint.dev.sh
|
||||||
|
|
||||||
|
EXPOSE 5173
|
||||||
|
|
||||||
|
ENTRYPOINT ["/docker-entrypoint.dev.sh"]
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
services:
|
||||||
|
client:
|
||||||
|
build:
|
||||||
|
context: .
|
||||||
|
dockerfile: Dockerfile.dev
|
||||||
|
args:
|
||||||
|
NPM_STRICT_SSL: ${NPM_STRICT_SSL:-true}
|
||||||
|
ports:
|
||||||
|
- '5173:5173'
|
||||||
|
volumes:
|
||||||
|
- .:/app
|
||||||
|
- client_node_modules:/app/node_modules
|
||||||
|
environment:
|
||||||
|
# Laravel API — Windows/macOS Docker Desktop resolves this; Linux uses extra_hosts below.
|
||||||
|
VITE_PROXY_API: ${VITE_PROXY_API:-http://host.docker.internal:8000}
|
||||||
|
extra_hosts:
|
||||||
|
- 'host.docker.internal:host-gateway'
|
||||||
|
|
||||||
|
client-prod:
|
||||||
|
build:
|
||||||
|
context: .
|
||||||
|
dockerfile: Dockerfile
|
||||||
|
args:
|
||||||
|
VITE_API_ORIGIN: ${VITE_API_ORIGIN:-}
|
||||||
|
NPM_STRICT_SSL: ${NPM_STRICT_SSL:-true}
|
||||||
|
ports:
|
||||||
|
- '8080:80'
|
||||||
|
profiles:
|
||||||
|
- prod
|
||||||
|
|
||||||
|
volumes:
|
||||||
|
client_node_modules:
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
#!/bin/sh
|
||||||
|
set -e
|
||||||
|
cd /app
|
||||||
|
|
||||||
|
if [ ! -f node_modules/.installed ]; then
|
||||||
|
export CI=true
|
||||||
|
export npm_config_maxsockets=1
|
||||||
|
export NPM_CONFIG_LEGACY_PEER_DEPS=true
|
||||||
|
npm install --no-audit --no-fund
|
||||||
|
touch node_modules/.installed
|
||||||
|
fi
|
||||||
|
|
||||||
|
exec npm run dev -- --host 0.0.0.0 --port 5173
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
import js from '@eslint/js'
|
||||||
|
import globals from 'globals'
|
||||||
|
import reactHooks from 'eslint-plugin-react-hooks'
|
||||||
|
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||||
|
import tseslint from 'typescript-eslint'
|
||||||
|
import { defineConfig, globalIgnores } from 'eslint/config'
|
||||||
|
|
||||||
|
export default defineConfig([
|
||||||
|
globalIgnores(['dist']),
|
||||||
|
{
|
||||||
|
files: ['**/*.{ts,tsx}'],
|
||||||
|
extends: [
|
||||||
|
js.configs.recommended,
|
||||||
|
tseslint.configs.recommended,
|
||||||
|
reactHooks.configs.flat.recommended,
|
||||||
|
reactRefresh.configs.vite,
|
||||||
|
],
|
||||||
|
languageOptions: {
|
||||||
|
ecmaVersion: 2020,
|
||||||
|
globals: globals.browser,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
])
|
||||||
+32
@@ -0,0 +1,32 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta http-equiv="Cache-Control" content="no-store" />
|
||||||
|
<title>Al Rahma Sunday School</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@600&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script type="module" src="/src/main.tsx"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+10
@@ -0,0 +1,10 @@
|
|||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
server_name localhost;
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
index index.html;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
try_files $uri $uri/ /index.html;
|
||||||
|
}
|
||||||
|
}
|
||||||
Generated
+5408
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,34 @@
|
|||||||
|
{
|
||||||
|
"name": "client_laravel",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"test:api": "node scripts/test-api.mjs",
|
||||||
|
"gen:ci-meta": "node scripts/gen-ci-route-meta.mjs",
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "tsc -b && vite build",
|
||||||
|
"lint": "eslint .",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"react": "^19.2.5",
|
||||||
|
"react-dom": "^19.2.5",
|
||||||
|
"react-router-dom": "^7.14.2",
|
||||||
|
"swagger-ui-react": "^5.32.4"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@eslint/js": "^9.39.4",
|
||||||
|
"@types/node": "^24.12.2",
|
||||||
|
"@types/react": "^19.2.14",
|
||||||
|
"@types/react-dom": "^19.2.3",
|
||||||
|
"@vitejs/plugin-react": "^6.0.1",
|
||||||
|
"eslint": "^9.39.4",
|
||||||
|
"eslint-plugin-react-hooks": "^7.1.1",
|
||||||
|
"eslint-plugin-react-refresh": "^0.5.2",
|
||||||
|
"globals": "^17.5.0",
|
||||||
|
"typescript": "~6.0.2",
|
||||||
|
"typescript-eslint": "^8.58.2",
|
||||||
|
"vite": "^8.0.9"
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.3 KiB |
@@ -0,0 +1,24 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<symbol id="bluesky-icon" viewBox="0 0 16 17">
|
||||||
|
<g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
|
||||||
|
<defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="discord-icon" viewBox="0 0 20 19">
|
||||||
|
<path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="documentation-icon" viewBox="0 0 21 20">
|
||||||
|
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
|
||||||
|
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
|
||||||
|
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="github-icon" viewBox="0 0 19 19">
|
||||||
|
<path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="social-icon" viewBox="0 0 20 20">
|
||||||
|
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
|
||||||
|
<path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="x-icon" viewBox="0 0 19 19">
|
||||||
|
<path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
|
||||||
|
</symbol>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,32 @@
|
|||||||
|
#!/usr/bin/env bash
|
||||||
|
# Run the Vite dev container from WSL (Docker Desktop with WSL2 backend, or Docker Engine in WSL).
|
||||||
|
#
|
||||||
|
# Usage (from repo root):
|
||||||
|
# chmod +x scripts/docker-up-wsl.sh
|
||||||
|
# ./scripts/docker-up-wsl.sh
|
||||||
|
#
|
||||||
|
# Or from anywhere:
|
||||||
|
# bash /mnt/d/Test/alrahma/client_laravel/scripts/docker-up-wsl.sh
|
||||||
|
#
|
||||||
|
# Windows D: drive in WSL is usually: /mnt/d/Test/alrahma/client_laravel
|
||||||
|
#
|
||||||
|
# Laravel API proxy: defaults to host port 8000. Override if requests fail:
|
||||||
|
# export VITE_PROXY_API=http://172.17.0.1:8000
|
||||||
|
# ./scripts/docker-up-wsl.sh
|
||||||
|
#
|
||||||
|
set -euo pipefail
|
||||||
|
|
||||||
|
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||||
|
ROOT="$(cd "$SCRIPT_DIR/.." && pwd)"
|
||||||
|
cd "$ROOT"
|
||||||
|
|
||||||
|
if [[ "$(pwd)" == /mnt/* ]]; then
|
||||||
|
echo "Note: Project is on a Windows mount (/mnt/...). File sync can be slower; Vite uses polling." >&2
|
||||||
|
fi
|
||||||
|
|
||||||
|
export VITE_PROXY_API="${VITE_PROXY_API:-http://host.docker.internal:8000}"
|
||||||
|
|
||||||
|
echo "Using VITE_PROXY_API=${VITE_PROXY_API}" >&2
|
||||||
|
echo "App → http://localhost:5173 (ensure Laravel is reachable from the container at the proxy target)" >&2
|
||||||
|
|
||||||
|
exec docker compose up --build client
|
||||||
@@ -0,0 +1,92 @@
|
|||||||
|
/**
|
||||||
|
* Generates src/lib/ciRouteMeta.generated.ts from CodeIgniter app/Views/*.php files.
|
||||||
|
* Run: node scripts/gen-ci-route-meta.mjs
|
||||||
|
*/
|
||||||
|
import fs from 'fs'
|
||||||
|
import path from 'path'
|
||||||
|
import { fileURLToPath } from 'url'
|
||||||
|
|
||||||
|
const __dirname = path.dirname(fileURLToPath(import.meta.url))
|
||||||
|
const viewsRoot = path.resolve(__dirname, '../../app_codeigniter/app/Views')
|
||||||
|
const outFile = path.resolve(__dirname, '../src/lib/ciRouteMeta.generated.ts')
|
||||||
|
|
||||||
|
const SKIP_DIRS = new Set([
|
||||||
|
'layout',
|
||||||
|
'partials',
|
||||||
|
'errors',
|
||||||
|
'pagination',
|
||||||
|
'docs',
|
||||||
|
])
|
||||||
|
|
||||||
|
function humanize(slug) {
|
||||||
|
const s = slug.replace(/\.php$/i, '').replace(/_/g, ' ')
|
||||||
|
return s.replace(/\b\w/g, (c) => c.toUpperCase())
|
||||||
|
}
|
||||||
|
|
||||||
|
function walk(dir, baseRel) {
|
||||||
|
const out = []
|
||||||
|
let entries = []
|
||||||
|
try {
|
||||||
|
entries = fs.readdirSync(dir, { withFileTypes: true })
|
||||||
|
} catch {
|
||||||
|
return out
|
||||||
|
}
|
||||||
|
for (const e of entries) {
|
||||||
|
const rel = path.join(baseRel, e.name)
|
||||||
|
const full = path.join(dir, e.name)
|
||||||
|
if (e.isDirectory()) {
|
||||||
|
if (SKIP_DIRS.has(e.name)) continue
|
||||||
|
out.push(...walk(full, rel))
|
||||||
|
} else if (e.isFile() && e.name.endsWith('.php')) {
|
||||||
|
out.push(rel.replace(/\\/g, '/'))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return out
|
||||||
|
}
|
||||||
|
|
||||||
|
function main() {
|
||||||
|
if (!fs.existsSync(viewsRoot)) {
|
||||||
|
console.error('Missing Views folder:', viewsRoot)
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
|
||||||
|
const files = walk(viewsRoot, '')
|
||||||
|
.filter((f) => !f.includes('/layout/'))
|
||||||
|
.sort()
|
||||||
|
|
||||||
|
const entries = []
|
||||||
|
for (const f of files) {
|
||||||
|
const parts = f.split('/')
|
||||||
|
const base = parts.pop().replace(/\.php$/i, '')
|
||||||
|
const section = parts.join('/') || '(root)'
|
||||||
|
const routeKey = [...parts, base].filter(Boolean).join('/')
|
||||||
|
const ciViewPath = f
|
||||||
|
const title = humanize(base)
|
||||||
|
entries.push({ routeKey, title, ciViewPath })
|
||||||
|
}
|
||||||
|
|
||||||
|
const lines = []
|
||||||
|
lines.push(`/** Auto-generated by scripts/gen-ci-route-meta.mjs — do not edit by hand. */`)
|
||||||
|
lines.push(``)
|
||||||
|
lines.push(`export type CiRouteMetaEntry = {`)
|
||||||
|
lines.push(` title: string`)
|
||||||
|
lines.push(` ciViewPath: string`)
|
||||||
|
lines.push(`}`)
|
||||||
|
lines.push(``)
|
||||||
|
lines.push(`export const ciRouteMeta: Record<string, CiRouteMetaEntry> = {`)
|
||||||
|
|
||||||
|
for (const { routeKey, title, ciViewPath } of entries) {
|
||||||
|
const safeTitle = title.replace(/\\/g, '\\\\').replace(/'/g, "\\'")
|
||||||
|
const safeView = ciViewPath.replace(/\\/g, '/')
|
||||||
|
lines.push(` '${routeKey}': { title: '${safeTitle}', ciViewPath: '${safeView}' },`)
|
||||||
|
}
|
||||||
|
|
||||||
|
lines.push(`}`)
|
||||||
|
lines.push(``)
|
||||||
|
|
||||||
|
fs.mkdirSync(path.dirname(outFile), { recursive: true })
|
||||||
|
fs.writeFileSync(outFile, lines.join('\n'), 'utf8')
|
||||||
|
console.log(`Wrote ${entries.length} entries → ${path.relative(process.cwd(), outFile)}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
main()
|
||||||
@@ -0,0 +1,85 @@
|
|||||||
|
/**
|
||||||
|
* Smoke-test the same API routes the Vite client uses.
|
||||||
|
* Usage: node scripts/test-api.mjs
|
||||||
|
* $env:API_BASE="http://127.0.0.1:5173"; node scripts/test-api.mjs # via Vite proxy
|
||||||
|
*/
|
||||||
|
const base = (process.env.API_BASE ?? 'http://127.0.0.1:8000').replace(/\/$/, '')
|
||||||
|
|
||||||
|
const tests = [
|
||||||
|
['GET', '/up', null],
|
||||||
|
['GET', '/api/v1/health', null],
|
||||||
|
['GET', '/api/v1/auth/register/captcha', null],
|
||||||
|
['GET', '/api/v1/policies/school', null],
|
||||||
|
['GET', '/api/docs/public', null],
|
||||||
|
[
|
||||||
|
'POST',
|
||||||
|
'/api/v1/auth/login',
|
||||||
|
JSON.stringify({ email: 'nosuch@example.org', password: 'wrong-password' }),
|
||||||
|
],
|
||||||
|
]
|
||||||
|
|
||||||
|
async function main() {
|
||||||
|
console.log(`API_BASE=${base}\n`)
|
||||||
|
|
||||||
|
for (const [method, path, body] of tests) {
|
||||||
|
const url = `${base}${path}`
|
||||||
|
try {
|
||||||
|
const init = {
|
||||||
|
method,
|
||||||
|
headers: {
|
||||||
|
Accept: 'application/json',
|
||||||
|
...(body ? { 'Content-Type': 'application/json' } : {}),
|
||||||
|
},
|
||||||
|
...(body ? { body } : {}),
|
||||||
|
}
|
||||||
|
const res = await fetch(url, init)
|
||||||
|
const text = await res.text()
|
||||||
|
let snippet = text.slice(0, 280).replace(/\s+/g, ' ')
|
||||||
|
let fatal = false
|
||||||
|
let dbError = false
|
||||||
|
try {
|
||||||
|
const j = JSON.parse(text)
|
||||||
|
const msg =
|
||||||
|
typeof j.message === 'string'
|
||||||
|
? j.message
|
||||||
|
: typeof j.exception === 'string'
|
||||||
|
? j.exception
|
||||||
|
: ''
|
||||||
|
if (j.exception?.includes?.('FatalError') || /FatalError/i.test(j.message ?? '')) {
|
||||||
|
fatal = true
|
||||||
|
snippet = `PHP FatalError: ${(j.message ?? '').slice(0, 100)}`
|
||||||
|
} else if (j.message && typeof j.message === 'string') {
|
||||||
|
snippet = j.message.slice(0, 120)
|
||||||
|
}
|
||||||
|
if (/SQLSTATE/i.test(msg) || /SQLSTATE/i.test(text)) {
|
||||||
|
dbError = true
|
||||||
|
snippet = `${snippet.slice(0, 80)}… (DB unavailable?)`
|
||||||
|
}
|
||||||
|
if (j.ok === true && path.includes('captcha')) {
|
||||||
|
snippet = `ok=true captcha=<${String(j.captcha ?? '').length} chars>`
|
||||||
|
}
|
||||||
|
if (j.status === true && path.includes('docs/public')) {
|
||||||
|
snippet = `title=${j.title ?? 'n/a'} openapi=${!!j.openapi_url}`
|
||||||
|
}
|
||||||
|
if (j.data?.policy && path.includes('policies/school')) {
|
||||||
|
snippet = `policy content len=${String(j.data.policy.content ?? '').length}`
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
/* not JSON */
|
||||||
|
}
|
||||||
|
const ok =
|
||||||
|
!fatal &&
|
||||||
|
!dbError &&
|
||||||
|
(res.ok ||
|
||||||
|
(path.endsWith('/login') && (res.status === 401 || res.status === 400)) ||
|
||||||
|
res.status === 422)
|
||||||
|
console.log(
|
||||||
|
`${method} ${path} → ${res.status} ${ok ? '✓' : '✗'} ${snippet}`,
|
||||||
|
)
|
||||||
|
} catch (e) {
|
||||||
|
console.log(`${method} ${path} → ERROR ${e instanceof Error ? e.message : e}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
main()
|
||||||
+75
@@ -0,0 +1,75 @@
|
|||||||
|
html,
|
||||||
|
body,
|
||||||
|
#root {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family:
|
||||||
|
'Segoe UI',
|
||||||
|
Roboto,
|
||||||
|
Helvetica,
|
||||||
|
Arial,
|
||||||
|
sans-serif;
|
||||||
|
background-color: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-root {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-banner {
|
||||||
|
background-color: #15654f;
|
||||||
|
color: white;
|
||||||
|
padding: 0.75rem 1.25rem;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: 600;
|
||||||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-banner span {
|
||||||
|
color: #f2f2f2;
|
||||||
|
font-weight: 500;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-loading,
|
||||||
|
.docs-error {
|
||||||
|
padding: 2rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-error {
|
||||||
|
color: #b00020;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-docs-shell {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-toolbar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.75rem;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background: #e8f0ec;
|
||||||
|
border-bottom: 1px solid #c5d5ce;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-toolbar input {
|
||||||
|
min-width: 220px;
|
||||||
|
padding: 0.35rem 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.docs-toolbar a {
|
||||||
|
color: #15654f;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
+177
@@ -0,0 +1,177 @@
|
|||||||
|
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
|
||||||
|
import { AuthProvider } from './auth/AuthProvider'
|
||||||
|
import { RequireAuth } from './auth/RequireAuth'
|
||||||
|
import { PublicLayout } from './layout/PublicLayout'
|
||||||
|
import { ManagementLayout } from './layout/ManagementLayout'
|
||||||
|
import { AdminDocs } from './pages/AdminDocs'
|
||||||
|
import { AppHome } from './pages/AppHome'
|
||||||
|
import { CiPlaceholderPage } from './pages/CiPlaceholderPage'
|
||||||
|
import { CiSitemapPage } from './pages/CiSitemapPage'
|
||||||
|
import { ForgotPasswordPage } from './pages/ForgotPasswordPage'
|
||||||
|
import { HomePage } from './pages/HomePage'
|
||||||
|
import { LoginPage } from './pages/LoginPage'
|
||||||
|
import { RegisterPage } from './pages/RegisterPage'
|
||||||
|
import { ParentAttendancePage } from './pages/parent/ParentAttendancePage'
|
||||||
|
import { ParentHomePage } from './pages/parent/ParentHomePage'
|
||||||
|
import {
|
||||||
|
ParentEmergencyContactEditPage,
|
||||||
|
ParentProgressAttachmentFilePage,
|
||||||
|
ParentProgressAttachmentPage,
|
||||||
|
ParentProgressViewPage,
|
||||||
|
ParentReportCardsSignPage,
|
||||||
|
ParentReportCardsViewPage,
|
||||||
|
ParentStudentEditPage,
|
||||||
|
} from './pages/parent/dynamicParityPages'
|
||||||
|
import {
|
||||||
|
ParentAddEmergencyFormPage,
|
||||||
|
ParentAddStudentFormPage,
|
||||||
|
ParentEditAllStudentsPage,
|
||||||
|
ParentUpdateProfileParityPage,
|
||||||
|
} from './pages/parent/extraParentParityPages'
|
||||||
|
import {
|
||||||
|
ParentAttendanceReportsHistoryPage,
|
||||||
|
ParentAuthorizedUsersPage,
|
||||||
|
} from './pages/parent/ParentAccountListPages'
|
||||||
|
import { ParentEmergencyContactsPage } from './pages/parent/ParentEmergencyContactsPage'
|
||||||
|
import {
|
||||||
|
RedirectParentLegacyEmergencyContactEdit,
|
||||||
|
RedirectParentLegacyStudentEdit,
|
||||||
|
} from './pages/parent/ParentCiRouteRedirects'
|
||||||
|
import {
|
||||||
|
ParentAddSecondParentPage,
|
||||||
|
ParentAssignmentsPage,
|
||||||
|
ParentCalendarPage,
|
||||||
|
ParentClassesPage,
|
||||||
|
ParentEnrollFailurePage,
|
||||||
|
ParentEnrollSuccessPage,
|
||||||
|
ParentInvoicePaymentPage,
|
||||||
|
ParentMessagePage,
|
||||||
|
ParentNoKidsRegisteredPage,
|
||||||
|
ParentPaymentSuccessPage,
|
||||||
|
ParentProgressListPage,
|
||||||
|
ParentReportCardsPage,
|
||||||
|
ParentScoresPage,
|
||||||
|
ParentSuccessMessagePage,
|
||||||
|
ParentWithdrawSuccessPage,
|
||||||
|
} from './pages/parent/staticParityPages'
|
||||||
|
import {
|
||||||
|
ParentContactPage,
|
||||||
|
ParentEnrollClassesPage,
|
||||||
|
ParentEventsPage,
|
||||||
|
ParentPaymentInvoicesPage,
|
||||||
|
ParentRegisterStudentPage,
|
||||||
|
ParentReportAttendancePage,
|
||||||
|
} from './pages/parent/WiredParentScreens'
|
||||||
|
import { SwaggerDocs } from './pages/SwaggerDocs'
|
||||||
|
import './App.css'
|
||||||
|
|
||||||
|
export default function App() {
|
||||||
|
return (
|
||||||
|
<AuthProvider>
|
||||||
|
<BrowserRouter>
|
||||||
|
<Routes>
|
||||||
|
<Route element={<PublicLayout />}>
|
||||||
|
<Route path="/" element={<HomePage />} />
|
||||||
|
<Route path="/login" element={<LoginPage />} />
|
||||||
|
<Route path="/register" element={<RegisterPage />} />
|
||||||
|
<Route path="/forgot-password" element={<ForgotPasswordPage />} />
|
||||||
|
</Route>
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="/docs"
|
||||||
|
element={
|
||||||
|
<div className="docs-root-inner py-3">
|
||||||
|
<SwaggerDocs bootstrapPath="/api/docs/public" />
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<Route path="/admin" element={<AdminDocs />} />
|
||||||
|
|
||||||
|
<Route element={<RequireAuth />}>
|
||||||
|
<Route path="/app" element={<ManagementLayout />}>
|
||||||
|
<Route index element={<Navigate to="home" replace />} />
|
||||||
|
<Route path="home" element={<AppHome />} />
|
||||||
|
|
||||||
|
<Route path="parent/add_second_parent" element={<Navigate to="/app/parent/add-second-parent" replace />} />
|
||||||
|
<Route path="parent/register_student" element={<Navigate to="/app/parent/register-student" replace />} />
|
||||||
|
<Route path="parent/enroll_classes" element={<Navigate to="/app/parent/enroll-classes" replace />} />
|
||||||
|
<Route path="parent/enroll_success" element={<Navigate to="/app/parent/enroll/success" replace />} />
|
||||||
|
<Route path="parent/enroll_failure" element={<Navigate to="/app/parent/enroll/failure" replace />} />
|
||||||
|
<Route path="parent/invoice_payment" element={<Navigate to="/app/parent/invoice-payment" replace />} />
|
||||||
|
<Route path="parent/viewSecondParent" element={<Navigate to="/app/parent/add-second-parent" replace />} />
|
||||||
|
<Route path="parent/child_register" element={<Navigate to="/app/parent/register-student" replace />} />
|
||||||
|
|
||||||
|
<Route path="parent/edit_student/:studentId" element={<RedirectParentLegacyStudentEdit />} />
|
||||||
|
<Route path="parent/edit-student/:studentId" element={<RedirectParentLegacyStudentEdit />} />
|
||||||
|
|
||||||
|
<Route path="parent_dashboard" element={<Navigate to="/app/parent/home" replace />} />
|
||||||
|
|
||||||
|
<Route path="parent/report-cards/sign/:studentId" element={<ParentReportCardsSignPage />} />
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="parent/edit-emergency-contact/:contactId"
|
||||||
|
element={<RedirectParentLegacyEmergencyContactEdit />}
|
||||||
|
/>
|
||||||
|
<Route
|
||||||
|
path="parent/edit_emergency_contact/:contactId"
|
||||||
|
element={<RedirectParentLegacyEmergencyContactEdit />}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Route path="parent/enroll/failure" element={<ParentEnrollFailurePage />} />
|
||||||
|
<Route path="parent/enroll/success" element={<ParentEnrollSuccessPage />} />
|
||||||
|
<Route path="parent/payment/success" element={<ParentPaymentSuccessPage />} />
|
||||||
|
<Route path="parent/withdraw/success" element={<ParentWithdrawSuccessPage />} />
|
||||||
|
|
||||||
|
<Route path="parent/report-cards/view/:reportId" element={<ParentReportCardsViewPage />} />
|
||||||
|
<Route path="parent/progress/view/:progressId" element={<ParentProgressViewPage />} />
|
||||||
|
<Route path="parent/progress/attachment/:attachmentId" element={<ParentProgressAttachmentPage />} />
|
||||||
|
<Route path="parent/progress/attachment-file/:fileId" element={<ParentProgressAttachmentFilePage />} />
|
||||||
|
|
||||||
|
<Route path="parent/emergency-contacts" element={<ParentEmergencyContactsPage />} />
|
||||||
|
<Route path="parent/edit-emergency-contact" element={<ParentEmergencyContactsPage />} />
|
||||||
|
|
||||||
|
<Route
|
||||||
|
path="parent/emergency-contact/:contactId"
|
||||||
|
element={<ParentEmergencyContactEditPage />}
|
||||||
|
/>
|
||||||
|
<Route path="parent/students/:studentId/edit" element={<ParentStudentEditPage />} />
|
||||||
|
|
||||||
|
<Route path="parent/edit-all-students" element={<ParentEditAllStudentsPage />} />
|
||||||
|
<Route path="parent/add-emergency-form" element={<ParentAddEmergencyFormPage />} />
|
||||||
|
<Route path="parent/add-student-form" element={<ParentAddStudentFormPage />} />
|
||||||
|
|
||||||
|
<Route path="parent/contact" element={<ParentContactPage />} />
|
||||||
|
<Route path="parent/enroll-classes" element={<ParentEnrollClassesPage />} />
|
||||||
|
<Route path="parent/events" element={<ParentEventsPage />} />
|
||||||
|
<Route path="parent/payment" element={<ParentPaymentInvoicesPage />} />
|
||||||
|
<Route path="parent/register-student" element={<ParentRegisterStudentPage />} />
|
||||||
|
<Route path="parent/report-attendance" element={<ParentReportAttendancePage />} />
|
||||||
|
<Route path="parent/attendance-reports" element={<ParentAttendanceReportsHistoryPage />} />
|
||||||
|
<Route path="parent/authorized-users" element={<ParentAuthorizedUsersPage />} />
|
||||||
|
<Route path="parent/update-profile" element={<ParentUpdateProfileParityPage />} />
|
||||||
|
|
||||||
|
<Route path="parent/home" element={<ParentHomePage />} />
|
||||||
|
<Route path="parent/attendance" element={<ParentAttendancePage />} />
|
||||||
|
<Route path="parent/add-second-parent" element={<ParentAddSecondParentPage />} />
|
||||||
|
<Route path="parent/assignments" element={<ParentAssignmentsPage />} />
|
||||||
|
<Route path="parent/calendar" element={<ParentCalendarPage />} />
|
||||||
|
<Route path="parent/classes" element={<ParentClassesPage />} />
|
||||||
|
<Route path="parent/progress" element={<ParentProgressListPage />} />
|
||||||
|
<Route path="parent/invoice-payment" element={<ParentInvoicePaymentPage />} />
|
||||||
|
<Route path="parent/no-kids-registered" element={<ParentNoKidsRegisteredPage />} />
|
||||||
|
<Route path="parent/message" element={<ParentMessagePage />} />
|
||||||
|
<Route path="parent/report-cards" element={<ParentReportCardsPage />} />
|
||||||
|
<Route path="parent/scores" element={<ParentScoresPage />} />
|
||||||
|
<Route path="parent/success" element={<ParentSuccessMessagePage />} />
|
||||||
|
|
||||||
|
<Route path="browse" element={<CiSitemapPage />} />
|
||||||
|
<Route path="*" element={<CiPlaceholderPage />} />
|
||||||
|
</Route>
|
||||||
|
</Route>
|
||||||
|
|
||||||
|
<Route path="*" element={<Navigate to="/" replace />} />
|
||||||
|
</Routes>
|
||||||
|
</BrowserRouter>
|
||||||
|
</AuthProvider>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
import { apiUrl } from '../lib/apiOrigin'
|
||||||
|
|
||||||
|
const TOKEN_KEY = 'alrahma_api_token'
|
||||||
|
|
||||||
|
export function getStoredToken(): string | null {
|
||||||
|
return localStorage.getItem(TOKEN_KEY)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function setStoredToken(token: string | null): void {
|
||||||
|
if (token) localStorage.setItem(TOKEN_KEY, token)
|
||||||
|
else localStorage.removeItem(TOKEN_KEY)
|
||||||
|
}
|
||||||
|
|
||||||
|
export class ApiHttpError extends Error {
|
||||||
|
readonly status: number
|
||||||
|
readonly body: unknown
|
||||||
|
|
||||||
|
constructor(message: string, status: number, body: unknown) {
|
||||||
|
super(message)
|
||||||
|
this.name = 'ApiHttpError'
|
||||||
|
this.status = status
|
||||||
|
this.body = body
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function apiFetch<T>(
|
||||||
|
path: string,
|
||||||
|
init: RequestInit = {},
|
||||||
|
opts: { attachAuth?: boolean } = {},
|
||||||
|
): Promise<T> {
|
||||||
|
const attachAuth = opts.attachAuth !== false
|
||||||
|
const headers = new Headers(init.headers)
|
||||||
|
if (!headers.has('Accept')) headers.set('Accept', 'application/json')
|
||||||
|
|
||||||
|
const token = getStoredToken()
|
||||||
|
if (attachAuth && token && !headers.has('Authorization')) {
|
||||||
|
headers.set('Authorization', `Bearer ${token}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await fetch(apiUrl(path), { ...init, headers })
|
||||||
|
const body: unknown = await res.json().catch(() => null)
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const msg =
|
||||||
|
typeof body === 'object' && body !== null && 'message' in body
|
||||||
|
? String((body as { message?: unknown }).message ?? '')
|
||||||
|
: ''
|
||||||
|
throw new ApiHttpError(msg || `HTTP ${res.status}`, res.status, body)
|
||||||
|
}
|
||||||
|
|
||||||
|
return body as T
|
||||||
|
}
|
||||||
@@ -0,0 +1,127 @@
|
|||||||
|
import { apiUrl } from '../lib/apiOrigin'
|
||||||
|
|
||||||
|
export type FullRegisterPayload = {
|
||||||
|
firstname: string
|
||||||
|
lastname: string
|
||||||
|
gender: string
|
||||||
|
cellphone: string
|
||||||
|
email: string
|
||||||
|
confirm_email: string
|
||||||
|
address_street: string
|
||||||
|
apt?: string
|
||||||
|
city: string
|
||||||
|
state: string
|
||||||
|
zip: string
|
||||||
|
is_parent: boolean
|
||||||
|
no_second_parent_info: boolean
|
||||||
|
second_firstname?: string
|
||||||
|
second_lastname?: string
|
||||||
|
second_gender?: string
|
||||||
|
second_email?: string
|
||||||
|
second_cellphone?: string
|
||||||
|
accept_school_policy: boolean
|
||||||
|
captcha: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchRegisterCaptcha(): Promise<{ challenge: string }> {
|
||||||
|
const res = await fetch(apiUrl('/api/v1/auth/register/captcha'), {
|
||||||
|
method: 'GET',
|
||||||
|
headers: { Accept: 'application/json' },
|
||||||
|
})
|
||||||
|
const body: unknown = await res.json().catch(() => null)
|
||||||
|
if (!res.ok || !body || typeof body !== 'object') {
|
||||||
|
throw new Error('Could not load CAPTCHA.')
|
||||||
|
}
|
||||||
|
const o = body as { ok?: boolean; captcha?: string }
|
||||||
|
if (!o.ok || typeof o.captcha !== 'string') {
|
||||||
|
throw new Error('Invalid CAPTCHA response.')
|
||||||
|
}
|
||||||
|
return { challenge: o.captcha }
|
||||||
|
}
|
||||||
|
|
||||||
|
export type FullRegisterSuccess = {
|
||||||
|
ok: true
|
||||||
|
message?: string
|
||||||
|
registration?: unknown
|
||||||
|
}
|
||||||
|
|
||||||
|
export type FullRegisterFailure = {
|
||||||
|
ok: false
|
||||||
|
message: string
|
||||||
|
errors?: Record<string, string[]>
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function submitFullRegistration(
|
||||||
|
payload: FullRegisterPayload,
|
||||||
|
): Promise<FullRegisterSuccess | FullRegisterFailure> {
|
||||||
|
const body: Record<string, unknown> = {
|
||||||
|
firstname: payload.firstname.trim(),
|
||||||
|
lastname: payload.lastname.trim(),
|
||||||
|
gender: payload.gender,
|
||||||
|
cellphone: payload.cellphone.trim(),
|
||||||
|
email: payload.email.trim(),
|
||||||
|
confirm_email: payload.confirm_email.trim(),
|
||||||
|
address_street: payload.address_street.trim(),
|
||||||
|
apt: payload.apt?.trim() || '',
|
||||||
|
city: payload.city.trim(),
|
||||||
|
state: payload.state,
|
||||||
|
zip: payload.zip.trim(),
|
||||||
|
is_parent: payload.is_parent,
|
||||||
|
no_second_parent_info: payload.no_second_parent_info,
|
||||||
|
accept_school_policy: payload.accept_school_policy,
|
||||||
|
captcha: payload.captcha.trim(),
|
||||||
|
}
|
||||||
|
|
||||||
|
if (payload.is_parent && !payload.no_second_parent_info) {
|
||||||
|
body.second_firstname = payload.second_firstname?.trim() ?? ''
|
||||||
|
body.second_lastname = payload.second_lastname?.trim() ?? ''
|
||||||
|
body.second_gender = payload.second_gender ?? ''
|
||||||
|
body.second_email = payload.second_email?.trim() ?? ''
|
||||||
|
body.second_cellphone = payload.second_cellphone?.trim() ?? ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const res = await fetch(apiUrl('/api/v1/auth/register'), {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
Accept: 'application/json',
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify(body),
|
||||||
|
})
|
||||||
|
|
||||||
|
const data: unknown = await res.json().catch(() => null)
|
||||||
|
|
||||||
|
if (res.ok && data && typeof data === 'object' && 'ok' in data && (data as { ok?: boolean }).ok === true) {
|
||||||
|
return { ok: true, message: (data as { message?: string }).message, registration: (data as { registration?: unknown }).registration }
|
||||||
|
}
|
||||||
|
|
||||||
|
let message = 'Registration failed.'
|
||||||
|
let errors: Record<string, string[]> | undefined
|
||||||
|
if (data && typeof data === 'object') {
|
||||||
|
const o = data as { message?: string; errors?: Record<string, string[] | string> }
|
||||||
|
if (typeof o.message === 'string') message = o.message
|
||||||
|
if (o.errors && typeof o.errors === 'object') {
|
||||||
|
errors = {}
|
||||||
|
for (const [k, v] of Object.entries(o.errors)) {
|
||||||
|
if (Array.isArray(v)) errors[k] = v.map(String)
|
||||||
|
else errors[k] = [String(v)]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { ok: false, message, errors }
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchSchoolPolicyHtml(): Promise<string> {
|
||||||
|
const res = await fetch(apiUrl('/api/v1/policies/school'), {
|
||||||
|
headers: { Accept: 'application/json' },
|
||||||
|
})
|
||||||
|
const json = (await res.json().catch(() => null)) as {
|
||||||
|
data?: { policy?: { content?: string } }
|
||||||
|
}
|
||||||
|
const html = json?.data?.policy?.content
|
||||||
|
if (!res.ok || !html) {
|
||||||
|
return '<p>Unable to load policy. Please contact the school.</p>'
|
||||||
|
}
|
||||||
|
return html
|
||||||
|
}
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
import { apiFetch } from './http'
|
||||||
|
import type {
|
||||||
|
ApiEnvelope,
|
||||||
|
DashboardPayload,
|
||||||
|
LoginFailure,
|
||||||
|
LoginResponse,
|
||||||
|
LoginSuccess,
|
||||||
|
NavMenuResponse,
|
||||||
|
ParentAttendanceResponse,
|
||||||
|
ParentAttendanceReportFormResponse,
|
||||||
|
ParentEnrollmentsResponse,
|
||||||
|
ParentEventsResponse,
|
||||||
|
ParentInvoicesResponse,
|
||||||
|
ParentProfileResponse,
|
||||||
|
ParentRegistrationResponse,
|
||||||
|
ParentEmergencyContactsResponse,
|
||||||
|
ParentAttendanceReportsListResponse,
|
||||||
|
ParentAuthorizedUsersApiResponse,
|
||||||
|
ContactSubmitResponse,
|
||||||
|
} from './types'
|
||||||
|
|
||||||
|
export async function loginRequest(
|
||||||
|
email: string,
|
||||||
|
password: string,
|
||||||
|
): Promise<LoginResponse> {
|
||||||
|
const body = await apiFetch<LoginResponse>(
|
||||||
|
'/api/v1/auth/login',
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ email, password }),
|
||||||
|
},
|
||||||
|
{ attachAuth: false },
|
||||||
|
)
|
||||||
|
|
||||||
|
if (body.status === false) {
|
||||||
|
const fail = body as LoginFailure
|
||||||
|
return { status: false, message: fail.message }
|
||||||
|
}
|
||||||
|
|
||||||
|
return body as LoginSuccess
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchDashboardRoute(): Promise<ApiEnvelope<DashboardPayload>> {
|
||||||
|
return apiFetch<ApiEnvelope<DashboardPayload>>('/api/v1/dashboard/route')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchNavMenu(): Promise<NavMenuResponse> {
|
||||||
|
return apiFetch<NavMenuResponse>('/api/v1/nav-builder/menu')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentAttendance(
|
||||||
|
schoolYear: string | null,
|
||||||
|
): Promise<ParentAttendanceResponse> {
|
||||||
|
const q = schoolYear ? `?school_year=${encodeURIComponent(schoolYear)}` : ''
|
||||||
|
return apiFetch<ParentAttendanceResponse>(`/api/v1/parents/attendance${q}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentProfile(): Promise<ParentProfileResponse> {
|
||||||
|
return apiFetch<ParentProfileResponse>('/api/v1/parents/profile')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentEnrollments(
|
||||||
|
schoolYear: string | null,
|
||||||
|
): Promise<ParentEnrollmentsResponse> {
|
||||||
|
const q = schoolYear ? `?school_year=${encodeURIComponent(schoolYear)}` : ''
|
||||||
|
return apiFetch<ParentEnrollmentsResponse>(`/api/v1/parents/enrollments${q}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentInvoices(
|
||||||
|
schoolYear: string | null,
|
||||||
|
): Promise<ParentInvoicesResponse> {
|
||||||
|
const q = schoolYear ? `?school_year=${encodeURIComponent(schoolYear)}` : ''
|
||||||
|
return apiFetch<ParentInvoicesResponse>(`/api/v1/parents/invoices${q}`)
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentEventsOverview(): Promise<ParentEventsResponse> {
|
||||||
|
return apiFetch<ParentEventsResponse>('/api/v1/parents/events')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentRegistrationOverview(): Promise<ParentRegistrationResponse> {
|
||||||
|
return apiFetch<ParentRegistrationResponse>('/api/v1/parents/registration')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchAttendanceReportForm(): Promise<ParentAttendanceReportFormResponse> {
|
||||||
|
return apiFetch<ParentAttendanceReportFormResponse>(
|
||||||
|
'/api/v1/parents/attendance-reports/form',
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function submitContactMessage(payload: {
|
||||||
|
name: string
|
||||||
|
email: string
|
||||||
|
subject: string
|
||||||
|
message: string
|
||||||
|
}): Promise<ContactSubmitResponse> {
|
||||||
|
return apiFetch<ContactSubmitResponse>('/api/v1/contact', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify(payload),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentEmergencyContacts(): Promise<ParentEmergencyContactsResponse> {
|
||||||
|
return apiFetch<ParentEmergencyContactsResponse>('/api/v1/parents/emergency-contacts')
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentAttendanceReportsList(
|
||||||
|
query?: Record<string, string>,
|
||||||
|
): Promise<ParentAttendanceReportsListResponse> {
|
||||||
|
const q =
|
||||||
|
query && Object.keys(query).length > 0
|
||||||
|
? `?${new URLSearchParams(query).toString()}`
|
||||||
|
: ''
|
||||||
|
return apiFetch<ParentAttendanceReportsListResponse>(
|
||||||
|
`/api/v1/parents/attendance-reports${q}`,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function fetchParentAuthorizedUsers(): Promise<ParentAuthorizedUsersApiResponse> {
|
||||||
|
return apiFetch<ParentAuthorizedUsersApiResponse>('/api/v1/parents/authorized-users')
|
||||||
|
}
|
||||||
@@ -0,0 +1,138 @@
|
|||||||
|
export type AuthUser = {
|
||||||
|
id: number
|
||||||
|
name: string
|
||||||
|
roles: Record<string, boolean>
|
||||||
|
}
|
||||||
|
|
||||||
|
export type LoginSuccess = {
|
||||||
|
status: true
|
||||||
|
token: string
|
||||||
|
user: AuthUser
|
||||||
|
}
|
||||||
|
|
||||||
|
export type LoginFailure = {
|
||||||
|
status: false
|
||||||
|
message?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export type LoginResponse = LoginSuccess | LoginFailure
|
||||||
|
|
||||||
|
export type ApiEnvelope<T> = {
|
||||||
|
status: boolean
|
||||||
|
message?: string
|
||||||
|
data?: T
|
||||||
|
}
|
||||||
|
|
||||||
|
export type DashboardPayload = {
|
||||||
|
dashboard: {
|
||||||
|
route: string | null
|
||||||
|
role: string | null
|
||||||
|
role_slug: string | null
|
||||||
|
roles: string[]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export type NavItem = {
|
||||||
|
id: number
|
||||||
|
menu_parent_id: number | null
|
||||||
|
label: string
|
||||||
|
url: string | null
|
||||||
|
icon_class: string | null
|
||||||
|
target: string | null
|
||||||
|
sort_order: number
|
||||||
|
is_enabled: number
|
||||||
|
children: NavItem[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type NavMenuResponse = ApiEnvelope<{ items: NavItem[] }>
|
||||||
|
|
||||||
|
export type ParentAttendanceRow = {
|
||||||
|
firstname: string
|
||||||
|
lastname: string
|
||||||
|
date: string
|
||||||
|
status: string
|
||||||
|
reason: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentAttendanceResponse = {
|
||||||
|
ok: true
|
||||||
|
attendance: ParentAttendanceRow[]
|
||||||
|
schoolYears: { school_year: string }[]
|
||||||
|
selectedYear: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Laravel `User::toArray()` for the logged-in parent (password hidden server-side). */
|
||||||
|
export type ParentProfileRecord = {
|
||||||
|
id?: number
|
||||||
|
firstname?: string | null
|
||||||
|
lastname?: string | null
|
||||||
|
email?: string | null
|
||||||
|
cellphone?: string | null
|
||||||
|
city?: string | null
|
||||||
|
state?: string | null
|
||||||
|
zip?: string | null
|
||||||
|
address_street?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentProfileResponse = {
|
||||||
|
ok: true
|
||||||
|
profile: ParentProfileRecord | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentInvoiceRow = {
|
||||||
|
id: number
|
||||||
|
invoice_number?: string | null
|
||||||
|
balance?: number
|
||||||
|
status?: string | null
|
||||||
|
due_date?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentInvoicesResponse = {
|
||||||
|
ok: true
|
||||||
|
invoices: ParentInvoiceRow[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentEnrollmentStudent = {
|
||||||
|
id: number
|
||||||
|
firstname: string
|
||||||
|
lastname: string
|
||||||
|
class_section?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentEnrollmentsResponse = {
|
||||||
|
ok: true
|
||||||
|
students: ParentEnrollmentStudent[]
|
||||||
|
schoolYears: { school_year: string }[]
|
||||||
|
selectedYear: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ContactSubmitResponse = {
|
||||||
|
status: boolean
|
||||||
|
message?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Loose JSON payloads for complex parent dashboards (events, registration, attendance report form). */
|
||||||
|
export type ParentEventsResponse = Record<string, unknown>
|
||||||
|
export type ParentRegistrationResponse = Record<string, unknown>
|
||||||
|
export type ParentAttendanceReportFormResponse = Record<string, unknown>
|
||||||
|
|
||||||
|
export type ParentEmergencyContactRow = {
|
||||||
|
id: number
|
||||||
|
name?: string
|
||||||
|
cellphone?: string
|
||||||
|
email?: string | null
|
||||||
|
relation?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentEmergencyContactsResponse = {
|
||||||
|
ok: true
|
||||||
|
contacts: ParentEmergencyContactRow[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export type ParentAttendanceReportsListResponse = {
|
||||||
|
ok: true
|
||||||
|
reports: Record<string, unknown>[]
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `GET /api/v1/parents/authorized-users` — envelope from BaseApiController. */
|
||||||
|
export type ParentAuthorizedUsersApiResponse = ApiEnvelope<unknown[]>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 4.0 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.5 KiB |
@@ -0,0 +1,131 @@
|
|||||||
|
import {
|
||||||
|
createContext,
|
||||||
|
useCallback,
|
||||||
|
useContext,
|
||||||
|
useMemo,
|
||||||
|
useSyncExternalStore,
|
||||||
|
} from 'react'
|
||||||
|
import { setStoredToken, getStoredToken } from '../api/http'
|
||||||
|
import type { AuthUser } from '../api/types'
|
||||||
|
import { loginRequest } from '../api/session'
|
||||||
|
|
||||||
|
export type { AuthUser }
|
||||||
|
|
||||||
|
type AuthState = {
|
||||||
|
token: string | null
|
||||||
|
user: AuthUser | null
|
||||||
|
}
|
||||||
|
|
||||||
|
const STORAGE_USER = 'alrahma_api_user'
|
||||||
|
|
||||||
|
function readUser(): AuthUser | null {
|
||||||
|
try {
|
||||||
|
const raw = localStorage.getItem(STORAGE_USER)
|
||||||
|
if (!raw) return null
|
||||||
|
return JSON.parse(raw) as AuthUser
|
||||||
|
} catch {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function writeUser(user: AuthUser | null): void {
|
||||||
|
if (user) localStorage.setItem(STORAGE_USER, JSON.stringify(user))
|
||||||
|
else localStorage.removeItem(STORAGE_USER)
|
||||||
|
}
|
||||||
|
|
||||||
|
let memory: AuthState = {
|
||||||
|
token: getStoredToken(),
|
||||||
|
user: readUser(),
|
||||||
|
}
|
||||||
|
|
||||||
|
const listeners = new Set<() => void>()
|
||||||
|
|
||||||
|
function emit(): void {
|
||||||
|
listeners.forEach((fn) => fn())
|
||||||
|
}
|
||||||
|
|
||||||
|
function setAuth(next: AuthState): void {
|
||||||
|
memory = next
|
||||||
|
emit()
|
||||||
|
}
|
||||||
|
|
||||||
|
function subscribe(listener: () => void): () => void {
|
||||||
|
listeners.add(listener)
|
||||||
|
return () => listeners.delete(listener)
|
||||||
|
}
|
||||||
|
|
||||||
|
function getSnapshot(): AuthState {
|
||||||
|
return memory
|
||||||
|
}
|
||||||
|
|
||||||
|
export function hydrateAuthFromStorage(): void {
|
||||||
|
memory = {
|
||||||
|
token: getStoredToken(),
|
||||||
|
user: readUser(),
|
||||||
|
}
|
||||||
|
emit()
|
||||||
|
}
|
||||||
|
|
||||||
|
export function AuthProvider({ children }: { children: React.ReactNode }) {
|
||||||
|
const state = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)
|
||||||
|
|
||||||
|
const login = useCallback(async (email: string, password: string) => {
|
||||||
|
const result = await loginRequest(email, password)
|
||||||
|
if (result.status === false) {
|
||||||
|
return {
|
||||||
|
ok: false as const,
|
||||||
|
message: result.message ?? 'Login failed.',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setStoredToken(result.token)
|
||||||
|
writeUser(result.user)
|
||||||
|
setAuth({ token: result.token, user: result.user })
|
||||||
|
return { ok: true as const }
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const logout = useCallback(() => {
|
||||||
|
setStoredToken(null)
|
||||||
|
writeUser(null)
|
||||||
|
setAuth({ token: null, user: null })
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const setSession = useCallback((token: string, user: AuthUser) => {
|
||||||
|
setStoredToken(token)
|
||||||
|
writeUser(user)
|
||||||
|
setAuth({ token, user })
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const value = useMemo(
|
||||||
|
() => ({
|
||||||
|
login,
|
||||||
|
logout,
|
||||||
|
setSession,
|
||||||
|
token: state.token,
|
||||||
|
user: state.user,
|
||||||
|
isAuthenticated: Boolean(state.token && state.user),
|
||||||
|
}),
|
||||||
|
[state.token, state.user, login, logout, setSession],
|
||||||
|
)
|
||||||
|
|
||||||
|
return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>
|
||||||
|
}
|
||||||
|
|
||||||
|
type AuthContextValue = {
|
||||||
|
login: (
|
||||||
|
email: string,
|
||||||
|
password: string,
|
||||||
|
) => Promise<{ ok: true } | { ok: false; message: string }>
|
||||||
|
logout: () => void
|
||||||
|
setSession: (token: string, user: AuthUser) => void
|
||||||
|
token: string | null
|
||||||
|
user: AuthUser | null
|
||||||
|
isAuthenticated: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
const AuthContext = createContext<AuthContextValue | null>(null)
|
||||||
|
|
||||||
|
export function useAuth(): AuthContextValue {
|
||||||
|
const ctx = useContext(AuthContext)
|
||||||
|
if (!ctx) throw new Error('useAuth must be used within AuthProvider')
|
||||||
|
return ctx
|
||||||
|
}
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
import { Navigate, Outlet, useLocation } from 'react-router-dom'
|
||||||
|
import { useAuth } from './AuthProvider'
|
||||||
|
|
||||||
|
export function RequireAuth() {
|
||||||
|
const { isAuthenticated } = useAuth()
|
||||||
|
const location = useLocation()
|
||||||
|
|
||||||
|
if (!isAuthenticated) {
|
||||||
|
return <Navigate to="/login" replace state={{ from: location.pathname }} />
|
||||||
|
}
|
||||||
|
|
||||||
|
return <Outlet />
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
/** Northeast states — same labels as CodeIgniter user/register.php */
|
||||||
|
export const NE_STATES: { abbr: string; name: string }[] = [
|
||||||
|
{ abbr: 'CT', name: 'Connecticut' },
|
||||||
|
{ abbr: 'ME', name: 'Maine' },
|
||||||
|
{ abbr: 'MA', name: 'Massachusetts' },
|
||||||
|
{ abbr: 'NH', name: 'New Hampshire' },
|
||||||
|
{ abbr: 'NY', name: 'New York' },
|
||||||
|
{ abbr: 'RI', name: 'Rhode Island' },
|
||||||
|
{ abbr: 'VT', name: 'Vermont' },
|
||||||
|
]
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
:root {
|
||||||
|
/* Mirrors CodeIgniter management_layout theme tokens */
|
||||||
|
--mgmt-primary: #22a047;
|
||||||
|
--mgmt-primary-hover: #1c863b;
|
||||||
|
--mgmt-text: #1f2937;
|
||||||
|
--mgmt-muted: #64748b;
|
||||||
|
--mgmt-bg: #f5f7fb;
|
||||||
|
|
||||||
|
font-family:
|
||||||
|
Heebo,
|
||||||
|
system-ui,
|
||||||
|
'Segoe UI',
|
||||||
|
Roboto,
|
||||||
|
sans-serif;
|
||||||
|
color: var(--mgmt-text);
|
||||||
|
background-color: var(--mgmt-bg);
|
||||||
|
font-synthesis: none;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#root {
|
||||||
|
min-height: 100svh;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Swagger / docs pages (narrow column) */
|
||||||
|
.docs-root-inner {
|
||||||
|
max-width: 1126px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.management-app {
|
||||||
|
font-family: Heebo, system-ui, sans-serif;
|
||||||
|
background-color: var(--mgmt-bg);
|
||||||
|
color: var(--mgmt-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.management-app .navbar {
|
||||||
|
background-color: #14532d !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.management-app .navbar .navbar-brand,
|
||||||
|
.management-app .navbar .navbar-text {
|
||||||
|
color: rgba(255, 255, 255, 0.95) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.management-main {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.management-app .nav-link.active {
|
||||||
|
background-color: rgba(34, 160, 71, 0.12);
|
||||||
|
color: var(--mgmt-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-page,
|
||||||
|
.register-page {
|
||||||
|
background: linear-gradient(160deg, #ecfdf3 0%, var(--mgmt-bg) 45%, #fff 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.public-shell .hero-gradient {
|
||||||
|
background: linear-gradient(135deg, #14532d 0%, #166534 45%, #15803d 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Preserve docs styling from App.css */
|
||||||
|
.docs-root {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
@@ -0,0 +1,194 @@
|
|||||||
|
import { useEffect, useState, type ReactNode } from 'react'
|
||||||
|
import { Link, NavLink, Outlet, useNavigate } from 'react-router-dom'
|
||||||
|
import { fetchNavMenu } from '../api/session'
|
||||||
|
import type { NavItem } from '../api/types'
|
||||||
|
import { useAuth } from '../auth/AuthProvider'
|
||||||
|
import {
|
||||||
|
isExternalNavUrl,
|
||||||
|
spaPathFromCiUrl,
|
||||||
|
} from '../lib/ciSpaPaths'
|
||||||
|
|
||||||
|
function normalizeNavItems(payload: unknown): NavItem[] {
|
||||||
|
if (Array.isArray(payload)) {
|
||||||
|
return payload as NavItem[]
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
payload &&
|
||||||
|
typeof payload === 'object' &&
|
||||||
|
'data' in payload &&
|
||||||
|
Array.isArray((payload as { data: unknown }).data)
|
||||||
|
) {
|
||||||
|
return (payload as { data: NavItem[] }).data
|
||||||
|
}
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
|
||||||
|
function NavTree({ items }: { items: NavItem[] }) {
|
||||||
|
return (
|
||||||
|
<ul className="nav flex-column gap-1 ps-0 mb-0 list-unstyled">
|
||||||
|
{items.map((item) => (
|
||||||
|
<NavBranch key={item.id} item={item} depth={0} />
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function NavBranch({ item, depth }: { item: NavItem; depth: number }) {
|
||||||
|
const enabled = item.is_enabled !== 0
|
||||||
|
if (!enabled) return null
|
||||||
|
|
||||||
|
const label = item.label?.trim() || 'Menu'
|
||||||
|
const url = item.url?.trim() || ''
|
||||||
|
const external = isExternalNavUrl(url)
|
||||||
|
const spa = spaPathFromCiUrl(url)
|
||||||
|
const pad = 8 + depth * 10
|
||||||
|
|
||||||
|
const icon = item.icon_class ? (
|
||||||
|
<i className={`${item.icon_class} me-2`} aria-hidden />
|
||||||
|
) : null
|
||||||
|
|
||||||
|
const linkInner = (
|
||||||
|
<>
|
||||||
|
{icon}
|
||||||
|
{label}
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
|
||||||
|
const linkClass = ({ isActive }: { isActive: boolean }) =>
|
||||||
|
`nav-link rounded py-2 px-2 ${isActive ? 'active fw-semibold' : ''}`
|
||||||
|
|
||||||
|
let main: ReactNode
|
||||||
|
if (external) {
|
||||||
|
main = (
|
||||||
|
<a
|
||||||
|
className="nav-link rounded py-2 px-2"
|
||||||
|
href={url}
|
||||||
|
target={item.target || '_self'}
|
||||||
|
rel={item.target === '_blank' ? 'noreferrer noopener' : undefined}
|
||||||
|
style={{ paddingLeft: pad }}
|
||||||
|
>
|
||||||
|
{linkInner}
|
||||||
|
</a>
|
||||||
|
)
|
||||||
|
} else if (spa) {
|
||||||
|
main = (
|
||||||
|
<NavLink end to={spa} className={linkClass} style={{ paddingLeft: pad }}>
|
||||||
|
{linkInner}
|
||||||
|
</NavLink>
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
main = (
|
||||||
|
<span className="nav-link disabled" style={{ paddingLeft: pad }}>
|
||||||
|
{linkInner}
|
||||||
|
</span>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const children = (item.children ?? []).filter((c) => c.is_enabled !== 0)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<li>
|
||||||
|
{main}
|
||||||
|
{children.length > 0 ? (
|
||||||
|
<div className="mt-1">
|
||||||
|
{children.map((ch) => (
|
||||||
|
<NavBranch key={ch.id} item={ch} depth={depth + 1} />
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
</li>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ManagementLayout() {
|
||||||
|
const { user, logout } = useAuth()
|
||||||
|
const navigate = useNavigate()
|
||||||
|
const [items, setItems] = useState<NavItem[]>([])
|
||||||
|
const [menuError, setMenuError] = useState<string | null>(null)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetchNavMenu()
|
||||||
|
const list = res.data?.items
|
||||||
|
if (!cancelled && list != null) {
|
||||||
|
setItems(normalizeNavItems(list))
|
||||||
|
setMenuError(null)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) {
|
||||||
|
setItems([])
|
||||||
|
setMenuError(e instanceof Error ? e.message : 'Unable to load menu.')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="management-app d-flex flex-column min-vh-100">
|
||||||
|
<header className="navbar navbar-dark border-bottom shadow-sm px-3 py-2">
|
||||||
|
<div className="container-fluid px-2 d-flex flex-wrap align-items-center justify-content-between gap-2">
|
||||||
|
<Link className="navbar-brand fw-semibold mb-0" to="/app/home">
|
||||||
|
Al Rahma Sunday School
|
||||||
|
</Link>
|
||||||
|
<div className="d-flex align-items-center gap-2">
|
||||||
|
<span className="navbar-text small mb-0">{user?.name}</span>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-outline-light btn-sm"
|
||||||
|
onClick={() => {
|
||||||
|
logout()
|
||||||
|
navigate('/login', { replace: true })
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Log out
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div className="container-fluid flex-grow-1 py-3">
|
||||||
|
<div className="row g-3">
|
||||||
|
<aside className="col-12 col-md-3 col-xl-2">
|
||||||
|
<div className="border rounded bg-white shadow-sm">
|
||||||
|
<div className="p-3 small text-muted border-bottom">Navigation</div>
|
||||||
|
<nav className="p-2 pb-3">
|
||||||
|
<NavLink
|
||||||
|
to="/app/home"
|
||||||
|
className={({ isActive }) =>
|
||||||
|
`nav-link rounded mb-2 ${isActive ? 'active fw-semibold' : ''}`
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<i className="bi bi-house-door me-2" aria-hidden />
|
||||||
|
Home
|
||||||
|
</NavLink>
|
||||||
|
<NavLink
|
||||||
|
to="/app/browse"
|
||||||
|
className={({ isActive }) =>
|
||||||
|
`nav-link rounded mb-2 ${isActive ? 'active fw-semibold' : ''}`
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<i className="bi bi-diagram-3 me-2" aria-hidden />
|
||||||
|
CI views
|
||||||
|
</NavLink>
|
||||||
|
{menuError ? (
|
||||||
|
<div className="alert alert-warning small py-2">{menuError}</div>
|
||||||
|
) : (
|
||||||
|
<NavTree items={items} />
|
||||||
|
)}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main className="col-12 col-md-9 col-xl-10 management-main">
|
||||||
|
<Outlet />
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,92 @@
|
|||||||
|
import { Link, Outlet } from 'react-router-dom'
|
||||||
|
import { useAuth } from '../auth/AuthProvider'
|
||||||
|
|
||||||
|
export function PublicLayout() {
|
||||||
|
const { isAuthenticated, user, logout } = useAuth()
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="d-flex flex-column min-vh-100 public-shell">
|
||||||
|
<nav
|
||||||
|
className="navbar navbar-expand-lg navbar-dark shadow-sm"
|
||||||
|
style={{ backgroundColor: '#2c9b09' }}
|
||||||
|
>
|
||||||
|
<div className="container">
|
||||||
|
<Link className="navbar-brand fw-semibold" to="/">
|
||||||
|
Al Rahma Sunday School
|
||||||
|
</Link>
|
||||||
|
<button
|
||||||
|
className="navbar-toggler"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#publicNav"
|
||||||
|
aria-controls="publicNav"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-label="Toggle navigation"
|
||||||
|
>
|
||||||
|
<span className="navbar-toggler-icon" />
|
||||||
|
</button>
|
||||||
|
<div className="collapse navbar-collapse justify-content-end" id="publicNav">
|
||||||
|
<ul className="navbar-nav align-items-lg-center gap-lg-2">
|
||||||
|
<li className="nav-item">
|
||||||
|
<Link className="nav-link" to="/">
|
||||||
|
Home
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<Link className="nav-link" to="/docs">
|
||||||
|
API docs
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
{isAuthenticated ? (
|
||||||
|
<>
|
||||||
|
<li className="nav-item">
|
||||||
|
<span className="navbar-text small px-2">{user?.name}</span>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<Link className="btn btn-outline-light btn-sm" to="/app/home">
|
||||||
|
Portal
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-link nav-link text-white text-decoration-none"
|
||||||
|
onClick={() => {
|
||||||
|
logout()
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Sign out
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<li className="nav-item">
|
||||||
|
<Link className="nav-link" to="/login">
|
||||||
|
Sign in
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
<li className="nav-item">
|
||||||
|
<Link className="btn btn-outline-light btn-sm" to="/register">
|
||||||
|
Register
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main className="flex-grow-1 d-flex flex-column">
|
||||||
|
<Outlet />
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer className="border-top bg-white py-4 mt-auto">
|
||||||
|
<div className="container text-center text-muted small">
|
||||||
|
<p className="mb-0">Al Rahma Sunday School</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
/** Prefix for Laravel API when the SPA is served from another origin (production). Empty in dev with Vite proxy. */
|
||||||
|
export function apiOrigin(): string {
|
||||||
|
const v = import.meta.env.VITE_API_ORIGIN
|
||||||
|
return typeof v === 'string' ? v.replace(/\/$/, '') : ''
|
||||||
|
}
|
||||||
|
|
||||||
|
export function apiUrl(path: string): string {
|
||||||
|
const base = apiOrigin()
|
||||||
|
const p = path.startsWith('/') ? path : `/${path}`
|
||||||
|
return `${base}${p}`
|
||||||
|
}
|
||||||
@@ -0,0 +1,21 @@
|
|||||||
|
import { type CiRouteMetaEntry, ciRouteMeta } from './ciRouteMeta.generated'
|
||||||
|
import { ciRouteManual } from './ciRouteManual'
|
||||||
|
|
||||||
|
/** Match CI `app/Views/...` keys: lowercase, hyphens in URL map to underscores. */
|
||||||
|
export function getCiMeta(splat: string): CiRouteMetaEntry | null {
|
||||||
|
const raw = splat
|
||||||
|
.trim()
|
||||||
|
.replace(/^\/+|\/+$/g, '')
|
||||||
|
.toLowerCase()
|
||||||
|
if (!raw) return null
|
||||||
|
const withUnderscores = raw.replace(/-/g, '_')
|
||||||
|
return (
|
||||||
|
ciRouteManual[withUnderscores] ?? ciRouteMeta[withUnderscores] ?? null
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Build canonical SPA path from a registry key (snake segments) using kebab-case segments. */
|
||||||
|
export function ciRegistryKeyToAppPath(routeKey: string): string {
|
||||||
|
const parts = routeKey.split('/').map((seg) => seg.replace(/_/g, '-'))
|
||||||
|
return `/app/${parts.join('/')}`
|
||||||
|
}
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
import type { CiRouteMetaEntry } from './ciRouteMeta.generated'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* CI routes that do not map 1:1 to a single Views/*.php filename (composed dashboards, aliases).
|
||||||
|
* Keys use snake_case segments like the generated registry.
|
||||||
|
*/
|
||||||
|
export const ciRouteManual: Record<string, CiRouteMetaEntry> = {
|
||||||
|
'teacher/dashboard': {
|
||||||
|
title: 'Teacher dashboard',
|
||||||
|
ciViewPath: '(TeacherController::dashboard — see Views/teacher/*.php)',
|
||||||
|
},
|
||||||
|
'administrator/dashboard': {
|
||||||
|
title: 'Administrator dashboard',
|
||||||
|
ciViewPath: '(Support/administrator dashboards — see Views/administrator/*.php)',
|
||||||
|
},
|
||||||
|
'administrator/administratordashboard': {
|
||||||
|
title: 'Administrator dashboard',
|
||||||
|
ciViewPath: 'administrator/administratordashboard.php',
|
||||||
|
},
|
||||||
|
'landing_page/guest_dashboard': {
|
||||||
|
title: 'Guest dashboard',
|
||||||
|
ciViewPath: 'landing_page/guest_dashboard.php',
|
||||||
|
},
|
||||||
|
}
|
||||||
@@ -0,0 +1,324 @@
|
|||||||
|
/** Auto-generated by scripts/gen-ci-route-meta.mjs — do not edit by hand. */
|
||||||
|
|
||||||
|
export type CiRouteMetaEntry = {
|
||||||
|
title: string
|
||||||
|
ciViewPath: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ciRouteMeta: Record<string, CiRouteMetaEntry> = {
|
||||||
|
'about': { title: 'About', ciViewPath: 'about.php' },
|
||||||
|
'account/choose_account': { title: 'Choose Account', ciViewPath: 'account/choose_account.php' },
|
||||||
|
'activate_account': { title: 'Activate Account', ciViewPath: 'activate_account.php' },
|
||||||
|
'admin/class_progress_list': { title: 'Class Progress List', ciViewPath: 'admin/class_progress_list.php' },
|
||||||
|
'admin/class_progress_view': { title: 'Class Progress View', ciViewPath: 'admin/class_progress_view.php' },
|
||||||
|
'admin/competition_winners/form': { title: 'Form', ciViewPath: 'admin/competition_winners/form.php' },
|
||||||
|
'admin/competition_winners/index': { title: 'Index', ciViewPath: 'admin/competition_winners/index.php' },
|
||||||
|
'admin/competition_winners/preview': { title: 'Preview', ciViewPath: 'admin/competition_winners/preview.php' },
|
||||||
|
'admin/competition_winners/scores': { title: 'Scores', ciViewPath: 'admin/competition_winners/scores.php' },
|
||||||
|
'admin/competition_winners/winners': { title: 'Winners', ciViewPath: 'admin/competition_winners/winners.php' },
|
||||||
|
'admin/student_score_card': { title: 'Student Score Card', ciViewPath: 'admin/student_score_card.php' },
|
||||||
|
'administrator/absence_vacation': { title: 'Absence Vacation', ciViewPath: 'administrator/absence_vacation.php' },
|
||||||
|
'administrator/academic_performance': { title: 'Academic Performance', ciViewPath: 'administrator/academic_performance.php' },
|
||||||
|
'administrator/admin_attendance_records': { title: 'Admin Attendance Records', ciViewPath: 'administrator/admin_attendance_records.php' },
|
||||||
|
'administrator/admin_profiles': { title: 'Admin Profiles', ciViewPath: 'administrator/admin_profiles.php' },
|
||||||
|
'administrator/administratordashboard': { title: 'Administratordashboard', ciViewPath: 'administrator/administratordashboard.php' },
|
||||||
|
'administrator/attendance': { title: 'Attendance', ciViewPath: 'administrator/attendance.php' },
|
||||||
|
'administrator/attendance_records': { title: 'Attendance Records', ciViewPath: 'administrator/attendance_records.php' },
|
||||||
|
'administrator/behavior_reports': { title: 'Behavior Reports', ciViewPath: 'administrator/behavior_reports.php' },
|
||||||
|
'administrator/broadcast_email': { title: 'Broadcast Email', ciViewPath: 'administrator/broadcast_email.php' },
|
||||||
|
'administrator/budget_reports': { title: 'Budget Reports', ciViewPath: 'administrator/budget_reports.php' },
|
||||||
|
'administrator/calendar': { title: 'Calendar', ciViewPath: 'administrator/calendar.php' },
|
||||||
|
'administrator/calendar_add_event': { title: 'Calendar Add Event', ciViewPath: 'administrator/calendar_add_event.php' },
|
||||||
|
'administrator/calendar_edit': { title: 'Calendar Edit', ciViewPath: 'administrator/calendar_edit.php' },
|
||||||
|
'administrator/calendar_view': { title: 'Calendar View', ciViewPath: 'administrator/calendar_view.php' },
|
||||||
|
'administrator/class_assignment': { title: 'Class Assignment', ciViewPath: 'administrator/class_assignment.php' },
|
||||||
|
'administrator/class_section': { title: 'Class Section', ciViewPath: 'administrator/class_section.php' },
|
||||||
|
'administrator/class_warning_modal': { title: 'Class Warning Modal', ciViewPath: 'administrator/class_warning_modal.php' },
|
||||||
|
'administrator/communication_logs': { title: 'Communication Logs', ciViewPath: 'administrator/communication_logs.php' },
|
||||||
|
'administrator/course_materials': { title: 'Course Materials', ciViewPath: 'administrator/course_materials.php' },
|
||||||
|
'administrator/create_parent': { title: 'Create Parent', ciViewPath: 'administrator/create_parent.php' },
|
||||||
|
'administrator/daily_attendance': { title: 'Daily Attendance', ciViewPath: 'administrator/daily_attendance.php' },
|
||||||
|
'administrator/daily_attendance_analysis': { title: 'Daily Attendance Analysis', ciViewPath: 'administrator/daily_attendance_analysis.php' },
|
||||||
|
'administrator/edit_parent': { title: 'Edit Parent', ciViewPath: 'administrator/edit_parent.php' },
|
||||||
|
'administrator/edit_teacher': { title: 'Edit Teacher', ciViewPath: 'administrator/edit_teacher.php' },
|
||||||
|
'administrator/emergency_contact/edit': { title: 'Edit', ciViewPath: 'administrator/emergency_contact/edit.php' },
|
||||||
|
'administrator/emergency_contact/index': { title: 'Index', ciViewPath: 'administrator/emergency_contact/index.php' },
|
||||||
|
'administrator/events/create_event': { title: 'Create Event', ciViewPath: 'administrator/events/create_event.php' },
|
||||||
|
'administrator/events/edit_event': { title: 'Edit Event', ciViewPath: 'administrator/events/edit_event.php' },
|
||||||
|
'administrator/events/event_charges': { title: 'Event Charges', ciViewPath: 'administrator/events/event_charges.php' },
|
||||||
|
'administrator/events/event_list': { title: 'Event List', ciViewPath: 'administrator/events/event_list.php' },
|
||||||
|
'administrator/exam_drafts': { title: 'Exam Drafts', ciViewPath: 'administrator/exam_drafts.php' },
|
||||||
|
'administrator/expense_management': { title: 'Expense Management', ciViewPath: 'administrator/expense_management.php' },
|
||||||
|
'administrator/fee_collection': { title: 'Fee Collection', ciViewPath: 'administrator/fee_collection.php' },
|
||||||
|
'administrator/fee_payment_records': { title: 'Fee Payment Records', ciViewPath: 'administrator/fee_payment_records.php' },
|
||||||
|
'administrator/feedback_complaints': { title: 'Feedback Complaints', ciViewPath: 'administrator/feedback_complaints.php' },
|
||||||
|
'administrator/grades': { title: 'Grades', ciViewPath: 'administrator/grades.php' },
|
||||||
|
'administrator/grading_management': { title: 'Grading Management', ciViewPath: 'administrator/grading_management.php' },
|
||||||
|
'administrator/health_records': { title: 'Health Records', ciViewPath: 'administrator/health_records.php' },
|
||||||
|
'administrator/index': { title: 'Index', ciViewPath: 'administrator/index.php' },
|
||||||
|
'administrator/ip_bans': { title: 'Ip Bans', ciViewPath: 'administrator/ip_bans.php' },
|
||||||
|
'administrator/late_slip_logs': { title: 'Late Slip Logs', ciViewPath: 'administrator/late_slip_logs.php' },
|
||||||
|
'administrator/manage_users': { title: 'Manage Users', ciViewPath: 'administrator/manage_users.php' },
|
||||||
|
'administrator/notifications_alerts': { title: 'Notifications Alerts', ciViewPath: 'administrator/notifications_alerts.php' },
|
||||||
|
'administrator/parent': { title: 'Parent', ciViewPath: 'administrator/parent.php' },
|
||||||
|
'administrator/parent_profile': { title: 'Parent Profile', ciViewPath: 'administrator/parent_profile.php' },
|
||||||
|
'administrator/paypal_transactions': { title: 'Paypal Transactions', ciViewPath: 'administrator/paypal_transactions.php' },
|
||||||
|
'administrator/payroll_management': { title: 'Payroll Management', ciViewPath: 'administrator/payroll_management.php' },
|
||||||
|
'administrator/performance_reviews': { title: 'Performance Reviews', ciViewPath: 'administrator/performance_reviews.php' },
|
||||||
|
'administrator/print_notification_admins': { title: 'Print Notification Admins', ciViewPath: 'administrator/print_notification_admins.php' },
|
||||||
|
'administrator/removed_students': { title: 'Removed Students', ciViewPath: 'administrator/removed_students.php' },
|
||||||
|
'administrator/scholarship_information': { title: 'Scholarship Information', ciViewPath: 'administrator/scholarship_information.php' },
|
||||||
|
'administrator/search_results': { title: 'Search Results', ciViewPath: 'administrator/search_results.php' },
|
||||||
|
'administrator/sections_auto_distribute': { title: 'Sections Auto Distribute', ciViewPath: 'administrator/sections_auto_distribute.php' },
|
||||||
|
'administrator/settings': { title: 'Settings', ciViewPath: 'administrator/settings.php' },
|
||||||
|
'administrator/student_class_assignment': { title: 'Student Class Assignment', ciViewPath: 'administrator/student_class_assignment.php' },
|
||||||
|
'administrator/student_profiles': { title: 'Student Profiles', ciViewPath: 'administrator/student_profiles.php' },
|
||||||
|
'administrator/subject_curriculum': { title: 'Subject Curriculum', ciViewPath: 'administrator/subject_curriculum.php' },
|
||||||
|
'administrator/teacher_class_assignment': { title: 'Teacher Class Assignment', ciViewPath: 'administrator/teacher_class_assignment.php' },
|
||||||
|
'administrator/teacher_submissions': { title: 'Teacher Submissions', ciViewPath: 'administrator/teacher_submissions.php' },
|
||||||
|
'administrator/teachers': { title: 'Teachers', ciViewPath: 'administrator/teachers.php' },
|
||||||
|
'appointment': { title: 'Appointment', ciViewPath: 'appointment.php' },
|
||||||
|
'attendance/admins_attendance_form': { title: 'Admins Attendance Form', ciViewPath: 'attendance/admins_attendance_form.php' },
|
||||||
|
'attendance/attendance_tracking': { title: 'Attendance Tracking', ciViewPath: 'attendance/attendance_tracking.php' },
|
||||||
|
'attendance/compose_email': { title: 'Compose Email', ciViewPath: 'attendance/compose_email.php' },
|
||||||
|
'attendance/early_dismissals': { title: 'Early Dismissals', ciViewPath: 'attendance/early_dismissals.php' },
|
||||||
|
'attendance/early_dismissals_add': { title: 'Early Dismissals Add', ciViewPath: 'attendance/early_dismissals_add.php' },
|
||||||
|
'attendance/edit_modal': { title: 'Edit Modal', ciViewPath: 'attendance/edit_modal.php' },
|
||||||
|
'attendance/parent_reports': { title: 'Parent Reports', ciViewPath: 'attendance/parent_reports.php' },
|
||||||
|
'attendance/teacher_attendance_form': { title: 'Teacher Attendance Form', ciViewPath: 'attendance/teacher_attendance_form.php' },
|
||||||
|
'attendance/teacher_attendance_month': { title: 'Teacher Attendance Month', ciViewPath: 'attendance/teacher_attendance_month.php' },
|
||||||
|
'attendance/view': { title: 'View', ciViewPath: 'attendance/view.php' },
|
||||||
|
'attendance/violations_notified': { title: 'Violations Notified', ciViewPath: 'attendance/violations_notified.php' },
|
||||||
|
'attendance/violations_pending': { title: 'Violations Pending', ciViewPath: 'attendance/violations_pending.php' },
|
||||||
|
'attendance_templates/index': { title: 'Index', ciViewPath: 'attendance_templates/index.php' },
|
||||||
|
'auth/select_role': { title: 'Select Role', ciViewPath: 'auth/select_role.php' },
|
||||||
|
'calendar': { title: 'Calendar', ciViewPath: 'calendar.php' },
|
||||||
|
'call_to_action': { title: 'Call To Action', ciViewPath: 'call_to_action.php' },
|
||||||
|
'class_prep/list': { title: 'List', ciViewPath: 'class_prep/list.php' },
|
||||||
|
'class_prep/print': { title: 'Print', ciViewPath: 'class_prep/print.php' },
|
||||||
|
'classes': { title: 'Classes', ciViewPath: 'classes.php' },
|
||||||
|
'communications/index': { title: 'Index', ciViewPath: 'communications/index.php' },
|
||||||
|
'configuration/configuration_view': { title: 'Configuration View', ciViewPath: 'configuration/configuration_view.php' },
|
||||||
|
'contact': { title: 'Contact', ciViewPath: 'contact.php' },
|
||||||
|
'contact_process': { title: 'Contact Process', ciViewPath: 'contact_process.php' },
|
||||||
|
'discounts/apply_voucher': { title: 'Apply Voucher', ciViewPath: 'discounts/apply_voucher.php' },
|
||||||
|
'discounts/create': { title: 'Create', ciViewPath: 'discounts/create.php' },
|
||||||
|
'discounts/list': { title: 'List', ciViewPath: 'discounts/list.php' },
|
||||||
|
'emails/_wrap_layout': { title: ' Wrap Layout', ciViewPath: 'emails/_wrap_layout.php' },
|
||||||
|
'emails/admin_student_registered': { title: 'Admin Student Registered', ciViewPath: 'emails/admin_student_registered.php' },
|
||||||
|
'emails/below_sixty_performance': { title: 'Below Sixty Performance', ciViewPath: 'emails/below_sixty_performance.php' },
|
||||||
|
'emails/broadcast_wrapper': { title: 'Broadcast Wrapper', ciViewPath: 'emails/broadcast_wrapper.php' },
|
||||||
|
'emails/calendar_notification': { title: 'Calendar Notification', ciViewPath: 'emails/calendar_notification.php' },
|
||||||
|
'emails/custom_html': { title: 'Custom Html', ciViewPath: 'emails/custom_html.php' },
|
||||||
|
'emails/dismissal': { title: 'Dismissal', ciViewPath: 'emails/dismissal.php' },
|
||||||
|
'emails/event_broadcast': { title: 'Event Broadcast', ciViewPath: 'emails/event_broadcast.php' },
|
||||||
|
'emails/extra_charge_notice': { title: 'Extra Charge Notice', ciViewPath: 'emails/extra_charge_notice.php' },
|
||||||
|
'emails/final_warning': { title: 'Final Warning', ciViewPath: 'emails/final_warning.php' },
|
||||||
|
'emails/follow_up': { title: 'Follow Up', ciViewPath: 'emails/follow_up.php' },
|
||||||
|
'emails/parent_attendance_admin': { title: 'Parent Attendance Admin', ciViewPath: 'emails/parent_attendance_admin.php' },
|
||||||
|
'emails/parent_attendance_parent': { title: 'Parent Attendance Parent', ciViewPath: 'emails/parent_attendance_parent.php' },
|
||||||
|
'emails/parent_email_extractor': { title: 'Parent Email Extractor', ciViewPath: 'emails/parent_email_extractor.php' },
|
||||||
|
'emails/payment_receipt': { title: 'Payment Receipt', ciViewPath: 'emails/payment_receipt.php' },
|
||||||
|
'emails/reset_password': { title: 'Reset Password', ciViewPath: 'emails/reset_password.php' },
|
||||||
|
'emails/status_admission_review': { title: 'Status Admission Review', ciViewPath: 'emails/status_admission_review.php' },
|
||||||
|
'emails/status_denied': { title: 'Status Denied', ciViewPath: 'emails/status_denied.php' },
|
||||||
|
'emails/status_enrolled': { title: 'Status Enrolled', ciViewPath: 'emails/status_enrolled.php' },
|
||||||
|
'emails/status_not_enrolled': { title: 'Status Not Enrolled', ciViewPath: 'emails/status_not_enrolled.php' },
|
||||||
|
'emails/status_payment_pending': { title: 'Status Payment Pending', ciViewPath: 'emails/status_payment_pending.php' },
|
||||||
|
'emails/status_refund_pending': { title: 'Status Refund Pending', ciViewPath: 'emails/status_refund_pending.php' },
|
||||||
|
'emails/status_waitlist': { title: 'Status Waitlist', ciViewPath: 'emails/status_waitlist.php' },
|
||||||
|
'emails/status_withdraw_review': { title: 'Status Withdraw Review', ciViewPath: 'emails/status_withdraw_review.php' },
|
||||||
|
'emails/status_withdrawn': { title: 'Status Withdrawn', ciViewPath: 'emails/status_withdrawn.php' },
|
||||||
|
'emails/student_removed': { title: 'Student Removed', ciViewPath: 'emails/student_removed.php' },
|
||||||
|
'emails/support_new_account': { title: 'Support New Account', ciViewPath: 'emails/support_new_account.php' },
|
||||||
|
'emails/welcome_parent': { title: 'Welcome Parent', ciViewPath: 'emails/welcome_parent.php' },
|
||||||
|
'emails/welcome_staff': { title: 'Welcome Staff', ciViewPath: 'emails/welcome_staff.php' },
|
||||||
|
'emails/welcome_user': { title: 'Welcome User', ciViewPath: 'emails/welcome_user.php' },
|
||||||
|
'emails/whatsapp_group_invitation': { title: 'Whatsapp Group Invitation', ciViewPath: 'emails/whatsapp_group_invitation.php' },
|
||||||
|
'emails/whatsapp_invite': { title: 'Whatsapp Invite', ciViewPath: 'emails/whatsapp_invite.php' },
|
||||||
|
'enroll_withdraw/enrollment_withdrawal': { title: 'Enrollment Withdrawal', ciViewPath: 'enroll_withdraw/enrollment_withdrawal.php' },
|
||||||
|
'enroll_withdraw/new-students': { title: 'New-Students', ciViewPath: 'enroll_withdraw/new-students.php' },
|
||||||
|
'expenses/create': { title: 'Create', ciViewPath: 'expenses/create.php' },
|
||||||
|
'expenses/edit': { title: 'Edit', ciViewPath: 'expenses/edit.php' },
|
||||||
|
'expenses/index': { title: 'Index', ciViewPath: 'expenses/index.php' },
|
||||||
|
'facility': { title: 'Facility', ciViewPath: 'facility.php' },
|
||||||
|
'family/card': { title: 'Card', ciViewPath: 'family/card.php' },
|
||||||
|
'family/compose_email': { title: 'Compose Email', ciViewPath: 'family/compose_email.php' },
|
||||||
|
'family/index': { title: 'Index', ciViewPath: 'family/index.php' },
|
||||||
|
'flags/flags_management': { title: 'Flags Management', ciViewPath: 'flags/flags_management.php' },
|
||||||
|
'flags/incident_analysis': { title: 'Incident Analysis', ciViewPath: 'flags/incident_analysis.php' },
|
||||||
|
'flags/processed_flags': { title: 'Processed Flags', ciViewPath: 'flags/processed_flags.php' },
|
||||||
|
'footer': { title: 'Footer', ciViewPath: 'footer.php' },
|
||||||
|
'grading/below_sixty': { title: 'Below Sixty', ciViewPath: 'grading/below_sixty.php' },
|
||||||
|
'grading/below_sixty_email_editor': { title: 'Below Sixty Email Editor', ciViewPath: 'grading/below_sixty_email_editor.php' },
|
||||||
|
'grading/comments': { title: 'Comments', ciViewPath: 'grading/comments.php' },
|
||||||
|
'grading/final': { title: 'Final', ciViewPath: 'grading/final.php' },
|
||||||
|
'grading/grading_main': { title: 'Grading Main', ciViewPath: 'grading/grading_main.php' },
|
||||||
|
'grading/homework': { title: 'Homework', ciViewPath: 'grading/homework.php' },
|
||||||
|
'grading/homework_tracking': { title: 'Homework Tracking', ciViewPath: 'grading/homework_tracking.php' },
|
||||||
|
'grading/midterm': { title: 'Midterm', ciViewPath: 'grading/midterm.php' },
|
||||||
|
'grading/participation': { title: 'Participation', ciViewPath: 'grading/participation.php' },
|
||||||
|
'grading/placement': { title: 'Placement', ciViewPath: 'grading/placement.php' },
|
||||||
|
'grading/placement_batch': { title: 'Placement Batch', ciViewPath: 'grading/placement_batch.php' },
|
||||||
|
'grading/placement_index': { title: 'Placement Index', ciViewPath: 'grading/placement_index.php' },
|
||||||
|
'grading/project': { title: 'Project', ciViewPath: 'grading/project.php' },
|
||||||
|
'grading/quiz': { title: 'Quiz', ciViewPath: 'grading/quiz.php' },
|
||||||
|
'grading/schedule_meeting': { title: 'Schedule Meeting', ciViewPath: 'grading/schedule_meeting.php' },
|
||||||
|
'grading/test': { title: 'Test', ciViewPath: 'grading/test.php' },
|
||||||
|
'header': { title: 'Header', ciViewPath: 'header.php' },
|
||||||
|
'home': { title: 'Home', ciViewPath: 'home.php' },
|
||||||
|
'index': { title: 'Index', ciViewPath: 'index.php' },
|
||||||
|
'inventory/adjust_form': { title: 'Adjust Form', ciViewPath: 'inventory/adjust_form.php' },
|
||||||
|
'inventory/book/form': { title: 'Form', ciViewPath: 'inventory/book/form.php' },
|
||||||
|
'inventory/book/index': { title: 'Index', ciViewPath: 'inventory/book/index.php' },
|
||||||
|
'inventory/classroom/audit_form': { title: 'Audit Form', ciViewPath: 'inventory/classroom/audit_form.php' },
|
||||||
|
'inventory/classroom/form': { title: 'Form', ciViewPath: 'inventory/classroom/form.php' },
|
||||||
|
'inventory/classroom/index': { title: 'Index', ciViewPath: 'inventory/classroom/index.php' },
|
||||||
|
'inventory/kitchen/form': { title: 'Form', ciViewPath: 'inventory/kitchen/form.php' },
|
||||||
|
'inventory/kitchen/index': { title: 'Index', ciViewPath: 'inventory/kitchen/index.php' },
|
||||||
|
'inventory/movements/edit': { title: 'Edit', ciViewPath: 'inventory/movements/edit.php' },
|
||||||
|
'inventory/movements/form': { title: 'Form', ciViewPath: 'inventory/movements/form.php' },
|
||||||
|
'inventory/movements/index': { title: 'Index', ciViewPath: 'inventory/movements/index.php' },
|
||||||
|
'inventory/office/form': { title: 'Form', ciViewPath: 'inventory/office/form.php' },
|
||||||
|
'inventory/office/index': { title: 'Index', ciViewPath: 'inventory/office/index.php' },
|
||||||
|
'inventory/summary': { title: 'Summary', ciViewPath: 'inventory/summary.php' },
|
||||||
|
'inventory/teacher_distribute': { title: 'Teacher Distribute', ciViewPath: 'inventory/teacher_distribute.php' },
|
||||||
|
'invoice_payment/invoice_management': { title: 'Invoice Management', ciViewPath: 'invoice_payment/invoice_management.php' },
|
||||||
|
'invoice_payment/pdf_template': { title: 'Pdf Template', ciViewPath: 'invoice_payment/pdf_template.php' },
|
||||||
|
'landing_page/admin_dashboard': { title: 'Admin Dashboard', ciViewPath: 'landing_page/admin_dashboard.php' },
|
||||||
|
'landing_page/guest_dashboard': { title: 'Guest Dashboard', ciViewPath: 'landing_page/guest_dashboard.php' },
|
||||||
|
'landing_page/parent_dashboard': { title: 'Parent Dashboard', ciViewPath: 'landing_page/parent_dashboard.php' },
|
||||||
|
'landing_page/student_dashboard': { title: 'Student Dashboard', ciViewPath: 'landing_page/student_dashboard.php' },
|
||||||
|
'landing_page/teacher_dashboard': { title: 'Teacher Dashboard', ciViewPath: 'landing_page/teacher_dashboard.php' },
|
||||||
|
'nav_builder/edit': { title: 'Edit', ciViewPath: 'nav_builder/edit.php' },
|
||||||
|
'nav_builder/index': { title: 'Index', ciViewPath: 'nav_builder/index.php' },
|
||||||
|
'navbar': { title: 'Navbar', ciViewPath: 'navbar.php' },
|
||||||
|
'notifications/list_active': { title: 'List Active', ciViewPath: 'notifications/list_active.php' },
|
||||||
|
'notifications/list_deleted': { title: 'List Deleted', ciViewPath: 'notifications/list_deleted.php' },
|
||||||
|
'parent/add_second_parent': { title: 'Add Second Parent', ciViewPath: 'parent/add_second_parent.php' },
|
||||||
|
'parent/assignments': { title: 'Assignments', ciViewPath: 'parent/assignments.php' },
|
||||||
|
'parent/attendance': { title: 'Attendance', ciViewPath: 'parent/attendance.php' },
|
||||||
|
'parent/calendar': { title: 'Calendar', ciViewPath: 'parent/calendar.php' },
|
||||||
|
'parent/class_progress_list': { title: 'Class Progress List', ciViewPath: 'parent/class_progress_list.php' },
|
||||||
|
'parent/class_progress_view': { title: 'Class Progress View', ciViewPath: 'parent/class_progress_view.php' },
|
||||||
|
'parent/classes': { title: 'Classes', ciViewPath: 'parent/classes.php' },
|
||||||
|
'parent/contact': { title: 'Contact', ciViewPath: 'parent/contact.php' },
|
||||||
|
'parent/edit_emergency_contact': { title: 'Edit Emergency Contact', ciViewPath: 'parent/edit_emergency_contact.php' },
|
||||||
|
'parent/edit_student_modal': { title: 'Edit Student Modal', ciViewPath: 'parent/edit_student_modal.php' },
|
||||||
|
'parent/enroll_classes': { title: 'Enroll Classes', ciViewPath: 'parent/enroll_classes.php' },
|
||||||
|
'parent/enroll_failure': { title: 'Enroll Failure', ciViewPath: 'parent/enroll_failure.php' },
|
||||||
|
'parent/enroll_success': { title: 'Enroll Success', ciViewPath: 'parent/enroll_success.php' },
|
||||||
|
'parent/event_participation': { title: 'Event Participation', ciViewPath: 'parent/event_participation.php' },
|
||||||
|
'parent/invoice_payment': { title: 'Invoice Payment', ciViewPath: 'parent/invoice_payment.php' },
|
||||||
|
'parent/no_kids_registred': { title: 'No Kids Registred', ciViewPath: 'parent/no_kids_registred.php' },
|
||||||
|
'parent/parent_message': { title: 'Parent Message', ciViewPath: 'parent/parent_message.php' },
|
||||||
|
'parent/payment_success': { title: 'Payment Success', ciViewPath: 'parent/payment_success.php' },
|
||||||
|
'parent/payment_view': { title: 'Payment View', ciViewPath: 'parent/payment_view.php' },
|
||||||
|
'parent/register_student': { title: 'Register Student', ciViewPath: 'parent/register_student.php' },
|
||||||
|
'parent/report_attendance': { title: 'Report Attendance', ciViewPath: 'parent/report_attendance.php' },
|
||||||
|
'parent/report_cards': { title: 'Report Cards', ciViewPath: 'parent/report_cards.php' },
|
||||||
|
'parent/scores': { title: 'Scores', ciViewPath: 'parent/scores.php' },
|
||||||
|
'parent/success_message': { title: 'Success Message', ciViewPath: 'parent/success_message.php' },
|
||||||
|
'parent/withdraw_success': { title: 'Withdraw Success', ciViewPath: 'parent/withdraw_success.php' },
|
||||||
|
'payment/_list_modal': { title: ' List Modal', ciViewPath: 'payment/_list_modal.php' },
|
||||||
|
'payment/discount': { title: 'Discount', ciViewPath: 'payment/discount.php' },
|
||||||
|
'payment/extra_charges': { title: 'Extra Charges', ciViewPath: 'payment/extra_charges.php' },
|
||||||
|
'payment/financial_report': { title: 'Financial Report', ciViewPath: 'payment/financial_report.php' },
|
||||||
|
'payment/financial_report_summary': { title: 'Financial Report Summary', ciViewPath: 'payment/financial_report_summary.php' },
|
||||||
|
'payment/manual_pay': { title: 'Manual Pay', ciViewPath: 'payment/manual_pay.php' },
|
||||||
|
'payment/manual_payment': { title: 'Manual Payment', ciViewPath: 'payment/manual_payment.php' },
|
||||||
|
'payment/notification_management': { title: 'Notification Management', ciViewPath: 'payment/notification_management.php' },
|
||||||
|
'payment/payment_redirect': { title: 'Payment Redirect', ciViewPath: 'payment/payment_redirect.php' },
|
||||||
|
'payment/unpaid_parents': { title: 'Unpaid Parents', ciViewPath: 'payment/unpaid_parents.php' },
|
||||||
|
'payment_list': { title: 'Payment List', ciViewPath: 'payment_list.php' },
|
||||||
|
'policy/picture_policy': { title: 'Picture Policy', ciViewPath: 'policy/picture_policy.php' },
|
||||||
|
'policy/picture_policy_partial': { title: 'Picture Policy Partial', ciViewPath: 'policy/picture_policy_partial.php' },
|
||||||
|
'policy/school_policy': { title: 'School Policy', ciViewPath: 'policy/school_policy.php' },
|
||||||
|
'policy/school_policy_partial': { title: 'School Policy Partial', ciViewPath: 'policy/school_policy_partial.php' },
|
||||||
|
'preferences': { title: 'Preferences', ciViewPath: 'preferences.php' },
|
||||||
|
'print_requests/admin_index': { title: 'Admin Index', ciViewPath: 'print_requests/admin_index.php' },
|
||||||
|
'print_requests/teacher_index': { title: 'Teacher Index', ciViewPath: 'print_requests/teacher_index.php' },
|
||||||
|
'printables_reports/badge_form': { title: 'Badge Form', ciViewPath: 'printables_reports/badge_form.php' },
|
||||||
|
'printables_reports/report_card': { title: 'Report Card', ciViewPath: 'printables_reports/report_card.php' },
|
||||||
|
'printables_reports/sticker_form': { title: 'Sticker Form', ciViewPath: 'printables_reports/sticker_form.php' },
|
||||||
|
'profile': { title: 'Profile', ciViewPath: 'profile.php' },
|
||||||
|
'refunds/list': { title: 'List', ciViewPath: 'refunds/list.php' },
|
||||||
|
'reimbursements/create': { title: 'Create', ciViewPath: 'reimbursements/create.php' },
|
||||||
|
'reimbursements/edit': { title: 'Edit', ciViewPath: 'reimbursements/edit.php' },
|
||||||
|
'reimbursements/index': { title: 'Index', ciViewPath: 'reimbursements/index.php' },
|
||||||
|
'reimbursements/under_processing': { title: 'Under Processing', ciViewPath: 'reimbursements/under_processing.php' },
|
||||||
|
'rfid/rfid_coming_soon': { title: 'Rfid Coming Soon', ciViewPath: 'rfid/rfid_coming_soon.php' },
|
||||||
|
'rfid/rfid_log_view': { title: 'Rfid Log View', ciViewPath: 'rfid/rfid_log_view.php' },
|
||||||
|
'rolepermission/add_permission': { title: 'Add Permission', ciViewPath: 'rolepermission/add_permission.php' },
|
||||||
|
'rolepermission/add_role': { title: 'Add Role', ciViewPath: 'rolepermission/add_role.php' },
|
||||||
|
'rolepermission/assign_role': { title: 'Assign Role', ciViewPath: 'rolepermission/assign_role.php' },
|
||||||
|
'rolepermission/edit_permission': { title: 'Edit Permission', ciViewPath: 'rolepermission/edit_permission.php' },
|
||||||
|
'rolepermission/edit_role': { title: 'Edit Role', ciViewPath: 'rolepermission/edit_role.php' },
|
||||||
|
'rolepermission/edit_role_permissions': { title: 'Edit Role Permissions', ciViewPath: 'rolepermission/edit_role_permissions.php' },
|
||||||
|
'rolepermission/list_roles': { title: 'List Roles', ciViewPath: 'rolepermission/list_roles.php' },
|
||||||
|
'rolepermission/permissionList': { title: 'PermissionList', ciViewPath: 'rolepermission/permissionList.php' },
|
||||||
|
'score_analysis/score_prediction': { title: 'Score Prediction', ciViewPath: 'score_analysis/score_prediction.php' },
|
||||||
|
'slips/preview_list': { title: 'Preview List', ciViewPath: 'slips/preview_list.php' },
|
||||||
|
'slips/slip_pdf': { title: 'Slip Pdf', ciViewPath: 'slips/slip_pdf.php' },
|
||||||
|
'spinner': { title: 'Spinner', ciViewPath: 'spinner.php' },
|
||||||
|
'staff/create': { title: 'Create', ciViewPath: 'staff/create.php' },
|
||||||
|
'staff/edit': { title: 'Edit', ciViewPath: 'staff/edit.php' },
|
||||||
|
'staff/index': { title: 'Index', ciViewPath: 'staff/index.php' },
|
||||||
|
'student/score_card': { title: 'Score Card', ciViewPath: 'student/score_card.php' },
|
||||||
|
'student/score_card_list': { title: 'Score Card List', ciViewPath: 'student/score_card_list.php' },
|
||||||
|
'success': { title: 'Success', ciViewPath: 'success.php' },
|
||||||
|
'support': { title: 'Support', ciViewPath: 'support.php' },
|
||||||
|
'support_requests': { title: 'Support Requests', ciViewPath: 'support_requests.php' },
|
||||||
|
'swagger_ui': { title: 'Swagger Ui', ciViewPath: 'swagger_ui.php' },
|
||||||
|
'teacher/absence_vacation': { title: 'Absence Vacation', ciViewPath: 'teacher/absence_vacation.php' },
|
||||||
|
'teacher/add_final_exam': { title: 'Add Final Exam', ciViewPath: 'teacher/add_final_exam.php' },
|
||||||
|
'teacher/add_homework': { title: 'Add Homework', ciViewPath: 'teacher/add_homework.php' },
|
||||||
|
'teacher/add_midterm_exam': { title: 'Add Midterm Exam', ciViewPath: 'teacher/add_midterm_exam.php' },
|
||||||
|
'teacher/add_participation': { title: 'Add Participation', ciViewPath: 'teacher/add_participation.php' },
|
||||||
|
'teacher/add_project': { title: 'Add Project', ciViewPath: 'teacher/add_project.php' },
|
||||||
|
'teacher/add_quiz': { title: 'Add Quiz', ciViewPath: 'teacher/add_quiz.php' },
|
||||||
|
'teacher/add_quiz_column_form': { title: 'Add Quiz Column Form', ciViewPath: 'teacher/add_quiz_column_form.php' },
|
||||||
|
'teacher/calendar': { title: 'Calendar', ciViewPath: 'teacher/calendar.php' },
|
||||||
|
'teacher/class_progress_history': { title: 'Class Progress History', ciViewPath: 'teacher/class_progress_history.php' },
|
||||||
|
'teacher/class_progress_submit': { title: 'Class Progress Submit', ciViewPath: 'teacher/class_progress_submit.php' },
|
||||||
|
'teacher/class_progress_view': { title: 'Class Progress View', ciViewPath: 'teacher/class_progress_view.php' },
|
||||||
|
'teacher/class_view': { title: 'Class View', ciViewPath: 'teacher/class_view.php' },
|
||||||
|
'teacher/competition_scores/index': { title: 'Index', ciViewPath: 'teacher/competition_scores/index.php' },
|
||||||
|
'teacher/competition_scores/scores': { title: 'Scores', ciViewPath: 'teacher/competition_scores/scores.php' },
|
||||||
|
'teacher/drafts': { title: 'Drafts', ciViewPath: 'teacher/drafts.php' },
|
||||||
|
'teacher/exam_drafts': { title: 'Exam Drafts', ciViewPath: 'teacher/exam_drafts.php' },
|
||||||
|
'teacher/homework_list': { title: 'Homework List', ciViewPath: 'teacher/homework_list.php' },
|
||||||
|
'teacher/inbox': { title: 'Inbox', ciViewPath: 'teacher/inbox.php' },
|
||||||
|
'teacher/no_classes': { title: 'No Classes', ciViewPath: 'teacher/no_classes.php' },
|
||||||
|
'teacher/scores': { title: 'Scores', ciViewPath: 'teacher/scores.php' },
|
||||||
|
'teacher/select_semester': { title: 'Select Semester', ciViewPath: 'teacher/select_semester.php' },
|
||||||
|
'teacher/sent': { title: 'Sent', ciViewPath: 'teacher/sent.php' },
|
||||||
|
'teacher/showupdate_attendance': { title: 'Showupdate Attendance', ciViewPath: 'teacher/showupdate_attendance.php' },
|
||||||
|
'teacher/teacher_assignment': { title: 'Teacher Assignment', ciViewPath: 'teacher/teacher_assignment.php' },
|
||||||
|
'teacher/teacher_contactus': { title: 'Teacher Contactus', ciViewPath: 'teacher/teacher_contactus.php' },
|
||||||
|
'teacher/teacher_message': { title: 'Teacher Message', ciViewPath: 'teacher/teacher_message.php' },
|
||||||
|
'teacher/teacher_navbar': { title: 'Teacher Navbar', ciViewPath: 'teacher/teacher_navbar.php' },
|
||||||
|
'teacher/teacher_support': { title: 'Teacher Support', ciViewPath: 'teacher/teacher_support.php' },
|
||||||
|
'teacher/trash': { title: 'Trash', ciViewPath: 'teacher/trash.php' },
|
||||||
|
'team': { title: 'Team', ciViewPath: 'team.php' },
|
||||||
|
'testimonial': { title: 'Testimonial', ciViewPath: 'testimonial.php' },
|
||||||
|
'user/create': { title: 'Create', ciViewPath: 'user/create.php' },
|
||||||
|
'user/edit': { title: 'Edit', ciViewPath: 'user/edit.php' },
|
||||||
|
'user/forgot_password': { title: 'Forgot Password', ciViewPath: 'user/forgot_password.php' },
|
||||||
|
'user/login': { title: 'Login', ciViewPath: 'user/login.php' },
|
||||||
|
'user/login_activity': { title: 'Login Activity', ciViewPath: 'user/login_activity.php' },
|
||||||
|
'user/password_reset_confirmation': { title: 'Password Reset Confirmation', ciViewPath: 'user/password_reset_confirmation.php' },
|
||||||
|
'user/password_set_success': { title: 'Password Set Success', ciViewPath: 'user/password_set_success.php' },
|
||||||
|
'user/register': { title: 'Register', ciViewPath: 'user/register.php' },
|
||||||
|
'user/reset_password': { title: 'Reset Password', ciViewPath: 'user/reset_password.php' },
|
||||||
|
'user/set_authorized_user_password': { title: 'Set Authorized User Password', ciViewPath: 'user/set_authorized_user_password.php' },
|
||||||
|
'user/set_password': { title: 'Set Password', ciViewPath: 'user/set_password.php' },
|
||||||
|
'user/user_list': { title: 'User List', ciViewPath: 'user/user_list.php' },
|
||||||
|
'user/welcome_back': { title: 'Welcome Back', ciViewPath: 'user/welcome_back.php' },
|
||||||
|
'welcome_message': { title: 'Welcome Message', ciViewPath: 'welcome_message.php' },
|
||||||
|
'whatsapp/manage_links': { title: 'Manage Links', ciViewPath: 'whatsapp/manage_links.php' },
|
||||||
|
'whatsapp/parent_contacts': { title: 'Parent Contacts', ciViewPath: 'whatsapp/parent_contacts.php' },
|
||||||
|
'whatsapp/parent_contacts_by_class': { title: 'Parent Contacts By Class', ciViewPath: 'whatsapp/parent_contacts_by_class.php' },
|
||||||
|
'winners/competitions/index': { title: 'Index', ciViewPath: 'winners/competitions/index.php' },
|
||||||
|
'winners/competitions/show': { title: 'Show', ciViewPath: 'winners/competitions/show.php' },
|
||||||
|
}
|
||||||
@@ -0,0 +1,65 @@
|
|||||||
|
/** Map legacy CodeIgniter-style paths (as stored on roles / nav items) to this SPA. */
|
||||||
|
|
||||||
|
export function spaPathFromCiUrl(url: string | null | undefined): string | null {
|
||||||
|
if (url == null) return null
|
||||||
|
const u = url.trim()
|
||||||
|
if (u === '' || u === '#') return '/app/home'
|
||||||
|
if (/^https?:\/\//i.test(u)) return null
|
||||||
|
|
||||||
|
const path = u.replace(/^\/+/, '').replace(/\/+$/, '')
|
||||||
|
if (!path) return '/app/home'
|
||||||
|
|
||||||
|
const slug = path
|
||||||
|
.split('/')
|
||||||
|
.map((s) => s.trim())
|
||||||
|
.filter(Boolean)
|
||||||
|
.map((s) => s.toLowerCase())
|
||||||
|
.join('/')
|
||||||
|
|
||||||
|
const shortcuts: Record<string, string> = {
|
||||||
|
'landing_page/guest_dashboard': '/app/home',
|
||||||
|
'teacher/dashboard': '/app/teacher/dashboard',
|
||||||
|
'administrator/dashboard': '/app/administrator/dashboard',
|
||||||
|
'administrator/administratordashboard': '/app/admin/dashboard',
|
||||||
|
'parent/parent_dashboard': '/app/parent/home',
|
||||||
|
parent_dashboard: '/app/parent/home',
|
||||||
|
'parent/attendance-reports': '/app/parent/attendance-reports',
|
||||||
|
'parent/authorized-users': '/app/parent/authorized-users',
|
||||||
|
'parent/update-profile': '/app/parent/update-profile',
|
||||||
|
'parent/add_second_parent': '/app/parent/add-second-parent',
|
||||||
|
'parent/add-second-parent': '/app/parent/add-second-parent',
|
||||||
|
'parent/enroll_classes': '/app/parent/enroll-classes',
|
||||||
|
'parent/enroll-classes': '/app/parent/enroll-classes',
|
||||||
|
'parent/enroll_success': '/app/parent/enroll/success',
|
||||||
|
'parent/enroll_failure': '/app/parent/enroll/failure',
|
||||||
|
'parent/payment': '/app/parent/payment',
|
||||||
|
'parent/invoice_payment': '/app/parent/invoice-payment',
|
||||||
|
'parent/invoice-payment': '/app/parent/invoice-payment',
|
||||||
|
'parent/calendar': '/app/parent/calendar',
|
||||||
|
'parent/attendance': '/app/parent/attendance',
|
||||||
|
'parent/report-attendance': '/app/parent/report-attendance',
|
||||||
|
'parent/report_cards': '/app/parent/report-cards',
|
||||||
|
'parent/report-cards': '/app/parent/report-cards',
|
||||||
|
'parent/progress': '/app/parent/progress',
|
||||||
|
'parent/events': '/app/parent/events',
|
||||||
|
'parent/contact': '/app/parent/contact',
|
||||||
|
'parent/register_student': '/app/parent/register-student',
|
||||||
|
'parent/register-student': '/app/parent/register-student',
|
||||||
|
'parent/scores': '/app/parent/scores',
|
||||||
|
'parent/assignments': '/app/parent/assignments',
|
||||||
|
'parent/classes': '/app/parent/classes',
|
||||||
|
'parent/viewsecondparent': '/app/parent/add-second-parent',
|
||||||
|
'parent/child_register': '/app/parent/register-student',
|
||||||
|
'parent/edit-emergency-contact': '/app/parent/edit-emergency-contact',
|
||||||
|
'parent/emergency-contacts': '/app/parent/emergency-contacts',
|
||||||
|
'parent/edit_all_students': '/app/parent/edit-all-students',
|
||||||
|
'parent/edit-all-students': '/app/parent/edit-all-students',
|
||||||
|
}
|
||||||
|
|
||||||
|
return shortcuts[slug] ?? `/app/${slug}`
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isExternalNavUrl(url: string | null | undefined): boolean {
|
||||||
|
if (!url) return false
|
||||||
|
return /^https?:\/\//i.test(url.trim())
|
||||||
|
}
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
import { StrictMode } from 'react'
|
||||||
|
import { createRoot } from 'react-dom/client'
|
||||||
|
import './index.css'
|
||||||
|
import './styles/ci-registration.css'
|
||||||
|
import App from './App.tsx'
|
||||||
|
|
||||||
|
createRoot(document.getElementById('root')!).render(
|
||||||
|
<StrictMode>
|
||||||
|
<App />
|
||||||
|
</StrictMode>,
|
||||||
|
)
|
||||||
@@ -0,0 +1,68 @@
|
|||||||
|
import { useCallback, useEffect, useState } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { SwaggerDocs } from './SwaggerDocs'
|
||||||
|
|
||||||
|
const STORAGE_KEY = 'alrahma_docs_jwt'
|
||||||
|
|
||||||
|
export function AdminDocs() {
|
||||||
|
const [token, setToken] = useState('')
|
||||||
|
const [saved, setSaved] = useState<string | null>(null)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
try {
|
||||||
|
const t = localStorage.getItem(STORAGE_KEY)
|
||||||
|
if (t) {
|
||||||
|
setSaved(t)
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
/* ignore */
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const authHeader = saved ? `Bearer ${saved}` : null
|
||||||
|
|
||||||
|
const saveToken = useCallback(() => {
|
||||||
|
const t = token.trim()
|
||||||
|
if (!t) {
|
||||||
|
localStorage.removeItem(STORAGE_KEY)
|
||||||
|
setSaved(null)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
localStorage.setItem(STORAGE_KEY, t)
|
||||||
|
setSaved(t)
|
||||||
|
}, [token])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="admin-docs-shell">
|
||||||
|
<header className="docs-toolbar">
|
||||||
|
<Link to="/docs">Public docs</Link>
|
||||||
|
<label>
|
||||||
|
JWT (admin){' '}
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
autoComplete="off"
|
||||||
|
value={token}
|
||||||
|
placeholder={saved ? '•••••••• (saved)' : ''}
|
||||||
|
onChange={(e) => setToken(e.target.value)}
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<button type="button" onClick={saveToken}>
|
||||||
|
Save token
|
||||||
|
</button>
|
||||||
|
{saved ? (
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => {
|
||||||
|
localStorage.removeItem(STORAGE_KEY)
|
||||||
|
setSaved(null)
|
||||||
|
setToken('')
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Clear
|
||||||
|
</button>
|
||||||
|
) : null}
|
||||||
|
</header>
|
||||||
|
<SwaggerDocs bootstrapPath="/api/docs" authorization={authHeader} />
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,105 @@
|
|||||||
|
import { useEffect, useState } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { fetchDashboardRoute } from '../api/session'
|
||||||
|
import { useAuth } from '../auth/AuthProvider'
|
||||||
|
|
||||||
|
export function AppHome() {
|
||||||
|
const { user } = useAuth()
|
||||||
|
const [route, setRoute] = useState<string | null>(null)
|
||||||
|
const [roles, setRoles] = useState<string[]>([])
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetchDashboardRoute()
|
||||||
|
const d = res.data?.dashboard
|
||||||
|
if (!cancelled && d) {
|
||||||
|
setRoute(d.route)
|
||||||
|
setRoles(d.roles ?? [])
|
||||||
|
setError(null)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) {
|
||||||
|
setError(e instanceof Error ? e.message : 'Unable to load dashboard.')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const roleKeys = user?.roles ? Object.keys(user.roles).filter((k) => user.roles[k]) : []
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<h2 className="h4 mb-3">Welcome</h2>
|
||||||
|
<p className="lead mb-4">
|
||||||
|
Signed in as <strong>{user?.name}</strong>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="row g-3 mb-4">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-muted">Roles (from login)</h3>
|
||||||
|
<ul className="mb-0">
|
||||||
|
{roleKeys.length ? (
|
||||||
|
roleKeys.map((r) => <li key={r}>{r}</li>)
|
||||||
|
) : (
|
||||||
|
<li className="text-muted">None reported</li>
|
||||||
|
)}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-muted">Dashboard route (API)</h3>
|
||||||
|
{error ? (
|
||||||
|
<p className="text-danger small mb-0">{error}</p>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<p className="mb-1">
|
||||||
|
<code>{route ?? '—'}</code>
|
||||||
|
</p>
|
||||||
|
<p className="small text-muted mb-0">
|
||||||
|
Resolved roles: {roles.length ? roles.join(', ') : '—'}
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="border rounded p-3 bg-white">
|
||||||
|
<h3 className="h6">Shortcuts</h3>
|
||||||
|
<ul className="mb-0">
|
||||||
|
<li>
|
||||||
|
<Link to="/app/parent/home">Parent — Dashboard</Link> (parity with
|
||||||
|
CodeIgniter <code>parent/parent_dashboard</code>)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to="/app/parent/attendance">Parent — Attendance</Link> (parity
|
||||||
|
with CodeIgniter <code>Views/parent/attendance.php</code>)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to="/app/parent/home">Parent — All pages</Link> (navigation for
|
||||||
|
every view under <code>Views/parent/</code>)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to="/docs">Public API docs (Swagger)</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to="/app/browse">All CodeIgniter views (sitemap)</Link> — open any{' '}
|
||||||
|
<code>app/Views</code> screen as an <code>/app/…</code> parity route
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
import { Link, useParams } from 'react-router-dom'
|
||||||
|
import { getCiMeta } from '../lib/ciRouteLookup'
|
||||||
|
|
||||||
|
/** Fallback for CI-style paths not yet ported to dedicated React pages. */
|
||||||
|
export function CiPlaceholderPage() {
|
||||||
|
const params = useParams()
|
||||||
|
const star = params['*'] ?? ''
|
||||||
|
const segments = star.split('/').filter(Boolean)
|
||||||
|
const meta = getCiMeta(star)
|
||||||
|
|
||||||
|
const title = meta?.title ?? 'Section placeholder'
|
||||||
|
const viewsPath = meta?.ciViewPath ?? (star ? `…/${star}` : '…')
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol className="breadcrumb">
|
||||||
|
<li className="breadcrumb-item">
|
||||||
|
<Link to="/app/home">Home</Link>
|
||||||
|
</li>
|
||||||
|
{segments.map((s, i) => (
|
||||||
|
<li
|
||||||
|
key={`${s}-${i}`}
|
||||||
|
className={`breadcrumb-item ${i === segments.length - 1 ? 'active' : ''}`}
|
||||||
|
aria-current={i === segments.length - 1 ? 'page' : undefined}
|
||||||
|
>
|
||||||
|
{s}
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<h2 className="h4 mb-3">{title}</h2>
|
||||||
|
<p className="text-muted mb-2">
|
||||||
|
CodeIgniter view:{' '}
|
||||||
|
<code>
|
||||||
|
app/Views/{viewsPath}
|
||||||
|
</code>
|
||||||
|
</p>
|
||||||
|
<p className="text-muted small mb-3">
|
||||||
|
Implement this screen using the matching routes in <code>app_laravel/routes/api.php</code>{' '}
|
||||||
|
(JWT <code>Authorization: Bearer</code>). See also <Link to="/docs">API docs</Link>.
|
||||||
|
</p>
|
||||||
|
<p className="small mb-3">
|
||||||
|
SPA path: <code>/app/{star || '…'}</code>
|
||||||
|
</p>
|
||||||
|
<p className="small mb-0">
|
||||||
|
<Link to="/app/browse">Browse all CI view routes</Link>
|
||||||
|
{' · '}
|
||||||
|
<Link to="/app/home">App home</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
import { useMemo } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { ciRouteMeta } from '../lib/ciRouteMeta.generated'
|
||||||
|
import { ciRegistryKeyToAppPath } from '../lib/ciRouteLookup'
|
||||||
|
|
||||||
|
/** Browse every CodeIgniter view file mapped under `/app/…` (parity placeholders unless a dedicated route exists). */
|
||||||
|
export function CiSitemapPage() {
|
||||||
|
const grouped = useMemo(() => {
|
||||||
|
const g = new Map<string, { key: string; title: string }[]>()
|
||||||
|
for (const key of Object.keys(ciRouteMeta).sort()) {
|
||||||
|
const top = key.includes('/') ? key.slice(0, key.indexOf('/')) : key
|
||||||
|
const title = ciRouteMeta[key]?.title ?? key
|
||||||
|
const list = g.get(top) ?? []
|
||||||
|
list.push({ key, title })
|
||||||
|
g.set(top, list)
|
||||||
|
}
|
||||||
|
return [...g.entries()].sort(([a], [b]) => a.localeCompare(b))
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<nav aria-label="breadcrumb">
|
||||||
|
<ol className="breadcrumb">
|
||||||
|
<li className="breadcrumb-item">
|
||||||
|
<Link to="/app/home">Home</Link>
|
||||||
|
</li>
|
||||||
|
<li className="breadcrumb-item active" aria-current="page">
|
||||||
|
CI views
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<h2 className="h4 mb-2">CodeIgniter views → SPA routes</h2>
|
||||||
|
<p className="text-muted small mb-4">
|
||||||
|
Generated from <code>app_codeigniter/app/Views/**/*.php</code>. Each link opens the parity
|
||||||
|
route under <code>/app/…</code>; unimplemented screens use the section placeholder with the
|
||||||
|
matching view path. Regenerate: <code>npm run gen:ci-meta</code>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="row g-4">
|
||||||
|
{grouped.map(([section, items]) => (
|
||||||
|
<div key={section} className="col-12 col-md-6 col-xl-4">
|
||||||
|
<div className="border rounded bg-white shadow-sm">
|
||||||
|
<div className="px-3 py-2 border-bottom small fw-semibold text-muted">{section}</div>
|
||||||
|
<ul className="list-unstyled mb-0 px-2 py-2" style={{ maxHeight: 280, overflow: 'auto' }}>
|
||||||
|
{items.map(({ key, title }) => (
|
||||||
|
<li key={key} className="small py-1">
|
||||||
|
<Link to={ciRegistryKeyToAppPath(key)}>{title}</Link>
|
||||||
|
<div className="text-muted" style={{ fontSize: '0.75rem' }}>
|
||||||
|
<code>{key.replace(/\//g, ' / ')}</code>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
|
||||||
|
/** Mirrors CodeIgniter `Views/user/forgot_password.php` shell; reset flow remains on the Laravel site. */
|
||||||
|
export function ForgotPasswordPage() {
|
||||||
|
return (
|
||||||
|
<div className="ci-auth-bg flex-grow-1 py-4">
|
||||||
|
<div className="registration-form ci-parity container mt-5 mb-5 text-center">
|
||||||
|
<div className="text-center mb-4">
|
||||||
|
<Link to="/">
|
||||||
|
<img
|
||||||
|
src="/alrahma_logo.png"
|
||||||
|
alt=""
|
||||||
|
style={{ width: 180, height: 120, objectFit: 'contain' }}
|
||||||
|
onError={(ev) => {
|
||||||
|
;(ev.target as HTMLImageElement).style.display = 'none'
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 className="text-center text-success mb-4" style={{ fontFamily: 'Arial, sans-serif' }}>
|
||||||
|
Reset Your Password
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div className="mx-auto mb-4 text-muted" style={{ maxWidth: 560 }}>
|
||||||
|
<p>Password reset requests are handled through the school's main website.</p>
|
||||||
|
<p className="mb-0">
|
||||||
|
If this SPA is only the API client, open the legacy site or contact the office for a
|
||||||
|
reset link.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="d-grid gap-2" style={{ maxWidth: 400, margin: '0 auto' }}>
|
||||||
|
<Link className="btn btn-success item" to="/login">
|
||||||
|
Back to Sign in
|
||||||
|
</Link>
|
||||||
|
<Link className="btn btn-secondary item" to="/register">
|
||||||
|
Register now
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { useAuth } from '../auth/AuthProvider'
|
||||||
|
|
||||||
|
/** Public landing — structure inspired by CodeIgniter `Views/landing_page/guest_dashboard.php` hero. */
|
||||||
|
export function HomePage() {
|
||||||
|
const { isAuthenticated } = useAuth()
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex-grow-1">
|
||||||
|
<section className="hero-section position-relative overflow-hidden bg-white">
|
||||||
|
<div className="welcome-message text-center py-5 px-3">
|
||||||
|
<h1 className="display-5 fw-semibold text-success mb-2">
|
||||||
|
Welcome to Al Rahma Sunday School
|
||||||
|
</h1>
|
||||||
|
<h2 className="h4 text-secondary mb-3">
|
||||||
|
{isAuthenticated ? 'Welcome back' : 'Welcome, Guest!'}
|
||||||
|
</h2>
|
||||||
|
<p className="lead text-muted mx-auto mb-4" style={{ maxWidth: 640 }}>
|
||||||
|
Use the portal to manage enrollment, attendance, grades, and family information — the
|
||||||
|
same workflows as the CodeIgniter site, backed by the Laravel API.
|
||||||
|
</p>
|
||||||
|
<div className="d-flex flex-wrap justify-content-center gap-2">
|
||||||
|
{isAuthenticated ? (
|
||||||
|
<Link className="btn btn-success btn-lg px-4" to="/app/home">
|
||||||
|
Go to dashboard
|
||||||
|
</Link>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<Link className="btn btn-success btn-lg px-4" to="/login">
|
||||||
|
Sign in
|
||||||
|
</Link>
|
||||||
|
<Link className="btn btn-outline-success btn-lg px-4" to="/register">
|
||||||
|
Registration Form
|
||||||
|
</Link>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
<Link className="btn btn-outline-secondary btn-lg" to="/docs">
|
||||||
|
API documentation
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section className="py-5 border-top bg-light">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row g-4 justify-content-center">
|
||||||
|
<div className="col-md-4">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-success">
|
||||||
|
<i className="bi bi-house-door me-2" aria-hidden />
|
||||||
|
Families
|
||||||
|
</h3>
|
||||||
|
<p className="small text-muted mb-0">
|
||||||
|
Parents sign in after registration is activated by email.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-4">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-success">
|
||||||
|
<i className="bi bi-shield-lock me-2" aria-hidden />
|
||||||
|
Secure portal
|
||||||
|
</h3>
|
||||||
|
<p className="small text-muted mb-0">
|
||||||
|
Sessions use JWT from the Laravel API (<code>/api/v1/auth/login</code>).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,146 @@
|
|||||||
|
import { useState, type FormEvent } from 'react'
|
||||||
|
import { Link, useLocation, useNavigate } from 'react-router-dom'
|
||||||
|
import { fetchDashboardRoute } from '../api/session'
|
||||||
|
import { useAuth } from '../auth/AuthProvider'
|
||||||
|
import { spaPathFromCiUrl } from '../lib/ciSpaPaths'
|
||||||
|
|
||||||
|
/** Matches CodeIgniter `Views/user/login.php` (JWT via `/api/v1/auth/login`). */
|
||||||
|
export function LoginPage() {
|
||||||
|
const { login } = useAuth()
|
||||||
|
const navigate = useNavigate()
|
||||||
|
const location = useLocation()
|
||||||
|
const locState = location.state as { from?: string; registered?: boolean; message?: string } | null
|
||||||
|
|
||||||
|
const from = locState?.from ?? '/app/home'
|
||||||
|
const flashSuccess =
|
||||||
|
locState?.registered === true ? locState?.message ?? 'Registration submitted.' : null
|
||||||
|
|
||||||
|
const [email, setEmail] = useState('')
|
||||||
|
const [password, setPassword] = useState('')
|
||||||
|
const [showPassword, setShowPassword] = useState(false)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [busy, setBusy] = useState(false)
|
||||||
|
|
||||||
|
async function onSubmit(e: FormEvent) {
|
||||||
|
e.preventDefault()
|
||||||
|
setError(null)
|
||||||
|
setBusy(true)
|
||||||
|
try {
|
||||||
|
const result = await login(email, password)
|
||||||
|
if (result.ok === false) {
|
||||||
|
setError(result.message)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
let target = from.startsWith('/app') ? from : '/app/home'
|
||||||
|
try {
|
||||||
|
const dash = await fetchDashboardRoute()
|
||||||
|
const route = dash.data?.dashboard?.route
|
||||||
|
const mapped = spaPathFromCiUrl(route)
|
||||||
|
if (mapped) target = mapped
|
||||||
|
} catch {
|
||||||
|
/* keep default */
|
||||||
|
}
|
||||||
|
|
||||||
|
navigate(target, { replace: true })
|
||||||
|
} finally {
|
||||||
|
setBusy(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="ci-auth-bg flex-grow-1 py-4">
|
||||||
|
<div className="registration-form ci-parity container mt-5 mb-5">
|
||||||
|
<form id="loginForm" onSubmit={onSubmit}>
|
||||||
|
<div className="text-center mb-4">
|
||||||
|
<Link to="/">
|
||||||
|
<img
|
||||||
|
src="/alrahma_logo.png"
|
||||||
|
alt=""
|
||||||
|
style={{ width: 180, height: 120, objectFit: 'contain' }}
|
||||||
|
onError={(ev) => {
|
||||||
|
;(ev.target as HTMLImageElement).style.display = 'none'
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3
|
||||||
|
className="text-center text-success mb-4"
|
||||||
|
style={{ fontFamily: 'Arial, sans-serif' }}
|
||||||
|
>
|
||||||
|
Login to Your Account
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
{flashSuccess ? (
|
||||||
|
<div className="alert alert-success text-center" role="alert">
|
||||||
|
{flashSuccess}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<label className="form-label visually-hidden" htmlFor="email">
|
||||||
|
Email
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="form-control item"
|
||||||
|
id="email"
|
||||||
|
placeholder="Enter your email"
|
||||||
|
maxLength={50}
|
||||||
|
autoComplete="username"
|
||||||
|
required
|
||||||
|
value={email}
|
||||||
|
onChange={(e) => setEmail(e.target.value)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-4 position-relative">
|
||||||
|
<label className="form-label visually-hidden" htmlFor="password">
|
||||||
|
Password
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
type={showPassword ? 'text' : 'password'}
|
||||||
|
className="form-control item pe-5"
|
||||||
|
id="password"
|
||||||
|
placeholder="Enter your password"
|
||||||
|
maxLength={30}
|
||||||
|
autoComplete="current-password"
|
||||||
|
required
|
||||||
|
value={password}
|
||||||
|
onChange={(e) => setPassword(e.target.value)}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-link position-absolute top-50 end-0 translate-middle-y me-2 px-2 py-0 border-0"
|
||||||
|
aria-label={showPassword ? 'Hide password' : 'Show password'}
|
||||||
|
onClick={() => setShowPassword((v) => !v)}
|
||||||
|
>
|
||||||
|
<i className={`bi ${showPassword ? 'bi-eye-slash' : 'bi-eye'}`} aria-hidden />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error ? (
|
||||||
|
<div className="alert alert-danger mt-3 text-center" role="alert">
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<div className="mb-3 d-grid">
|
||||||
|
<button type="submit" className="btn btn-success item" disabled={busy}>
|
||||||
|
{busy ? 'Signing in…' : 'Login'}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="forgot-password text-center mt-3">
|
||||||
|
<Link to="/forgot-password">Forgot Password?</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p className="text-center small mt-4 mb-0">
|
||||||
|
Need an account? <Link to="/register">Register now</Link>
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,610 @@
|
|||||||
|
import { useEffect, useState, type FormEvent } from 'react'
|
||||||
|
import { Link, useNavigate } from 'react-router-dom'
|
||||||
|
import {
|
||||||
|
fetchRegisterCaptcha,
|
||||||
|
fetchSchoolPolicyHtml,
|
||||||
|
submitFullRegistration,
|
||||||
|
type FullRegisterPayload,
|
||||||
|
} from '../api/registerFull'
|
||||||
|
import { NE_STATES } from '../data/neStates'
|
||||||
|
|
||||||
|
function formatUsPhone(input: string): string {
|
||||||
|
const raw = input.replace(/\D/g, '').slice(0, 10)
|
||||||
|
if (raw.length <= 3) return raw
|
||||||
|
if (raw.length <= 6) return `${raw.slice(0, 3)}-${raw.slice(3)}`
|
||||||
|
return `${raw.slice(0, 3)}-${raw.slice(3, 6)}-${raw.slice(6)}`
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Matches CodeIgniter `Views/user/register.php` + Laravel `POST /api/v1/auth/register` (captcha flow). */
|
||||||
|
export function RegisterPage() {
|
||||||
|
const navigate = useNavigate()
|
||||||
|
|
||||||
|
const [captchaChallenge, setCaptchaChallenge] = useState('')
|
||||||
|
const [captchaLoading, setCaptchaLoading] = useState(true)
|
||||||
|
|
||||||
|
const [firstname, setFirstname] = useState('')
|
||||||
|
const [lastname, setLastname] = useState('')
|
||||||
|
const [gender, setGender] = useState('')
|
||||||
|
const [cellphone, setCellphone] = useState('')
|
||||||
|
const [email, setEmail] = useState('')
|
||||||
|
const [confirmEmail, setConfirmEmail] = useState('')
|
||||||
|
const [addressStreet, setAddressStreet] = useState('')
|
||||||
|
const [apt, setApt] = useState('')
|
||||||
|
const [city, setCity] = useState('')
|
||||||
|
const [state, setState] = useState('')
|
||||||
|
const [zip, setZip] = useState('')
|
||||||
|
|
||||||
|
const [isParent, setIsParent] = useState(false)
|
||||||
|
const [noSecondParentInfo, setNoSecondParentInfo] = useState(false)
|
||||||
|
const [secondFirstname, setSecondFirstname] = useState('')
|
||||||
|
const [secondLastname, setSecondLastname] = useState('')
|
||||||
|
const [secondGender, setSecondGender] = useState('')
|
||||||
|
const [secondEmail, setSecondEmail] = useState('')
|
||||||
|
const [secondCellphone, setSecondCellphone] = useState('')
|
||||||
|
|
||||||
|
const [acceptPolicy, setAcceptPolicy] = useState(false)
|
||||||
|
const [captchaAnswer, setCaptchaAnswer] = useState('')
|
||||||
|
|
||||||
|
const [policyHtml, setPolicyHtml] = useState<string | null>(null)
|
||||||
|
const [policyLoading, setPolicyLoading] = useState(false)
|
||||||
|
|
||||||
|
const [busy, setBusy] = useState(false)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [fieldErrors, setFieldErrors] = useState<Record<string, string[]>>({})
|
||||||
|
|
||||||
|
async function loadCaptcha() {
|
||||||
|
setCaptchaLoading(true)
|
||||||
|
try {
|
||||||
|
const { challenge } = await fetchRegisterCaptcha()
|
||||||
|
setCaptchaChallenge(challenge)
|
||||||
|
setCaptchaAnswer('')
|
||||||
|
} catch (e) {
|
||||||
|
setError(e instanceof Error ? e.message : 'Could not load CAPTCHA.')
|
||||||
|
} finally {
|
||||||
|
setCaptchaLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
void loadCaptcha()
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
async function openPolicyModal() {
|
||||||
|
if (!policyHtml) {
|
||||||
|
setPolicyLoading(true)
|
||||||
|
try {
|
||||||
|
const html = await fetchSchoolPolicyHtml()
|
||||||
|
setPolicyHtml(html)
|
||||||
|
} catch {
|
||||||
|
setPolicyHtml('<p>Unable to load policy.</p>')
|
||||||
|
} finally {
|
||||||
|
setPolicyLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const el = document.getElementById('policyModal')
|
||||||
|
const B = (
|
||||||
|
window as unknown as {
|
||||||
|
bootstrap?: { Modal: { getOrCreateInstance: (n: HTMLElement) => { show: () => void } } }
|
||||||
|
}
|
||||||
|
).bootstrap
|
||||||
|
if (el && B?.Modal) {
|
||||||
|
B.Modal.getOrCreateInstance(el).show()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function fieldErr(key: string): string | undefined {
|
||||||
|
return fieldErrors[key]?.[0]
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onSubmit(e: FormEvent) {
|
||||||
|
e.preventDefault()
|
||||||
|
setError(null)
|
||||||
|
setFieldErrors({})
|
||||||
|
|
||||||
|
if (email.trim() !== confirmEmail.trim()) {
|
||||||
|
setError('Email and confirm email must match.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!acceptPolicy) {
|
||||||
|
setError('You must accept the school policies.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const zipOk = /^\d{5}$/.test(zip.trim())
|
||||||
|
if (!zipOk) {
|
||||||
|
setError('Zip must be exactly 5 digits.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const phoneDigits = cellphone.replace(/\D/g, '')
|
||||||
|
if (phoneDigits.length !== 10) {
|
||||||
|
setError('Please enter a valid 10-digit cell phone number.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isParent && !noSecondParentInfo) {
|
||||||
|
const sd = secondCellphone.replace(/\D/g, '')
|
||||||
|
if (sd.length !== 10) {
|
||||||
|
setError('Second parent phone must be a valid 10-digit number.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!secondFirstname.trim() || !secondLastname.trim() || !secondGender || !secondEmail.trim()) {
|
||||||
|
setError('Please complete second parent / guardian information.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload: FullRegisterPayload = {
|
||||||
|
firstname,
|
||||||
|
lastname,
|
||||||
|
gender,
|
||||||
|
cellphone,
|
||||||
|
email,
|
||||||
|
confirm_email: confirmEmail,
|
||||||
|
address_street: addressStreet,
|
||||||
|
apt,
|
||||||
|
city,
|
||||||
|
state,
|
||||||
|
zip: zip.trim(),
|
||||||
|
is_parent: isParent,
|
||||||
|
no_second_parent_info: noSecondParentInfo,
|
||||||
|
accept_school_policy: acceptPolicy,
|
||||||
|
captcha: captchaAnswer,
|
||||||
|
second_firstname: secondFirstname,
|
||||||
|
second_lastname: secondLastname,
|
||||||
|
second_gender: secondGender,
|
||||||
|
second_email: secondEmail,
|
||||||
|
second_cellphone: secondCellphone,
|
||||||
|
}
|
||||||
|
|
||||||
|
setBusy(true)
|
||||||
|
try {
|
||||||
|
const result = await submitFullRegistration(payload)
|
||||||
|
if (!result.ok) {
|
||||||
|
setError(result.message)
|
||||||
|
if ('errors' in result && result.errors) setFieldErrors(result.errors)
|
||||||
|
void loadCaptcha()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
navigate('/login', {
|
||||||
|
replace: true,
|
||||||
|
state: {
|
||||||
|
registered: true,
|
||||||
|
message:
|
||||||
|
'Registration submitted. Please check your email to activate your account when instructed.',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
} finally {
|
||||||
|
setBusy(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const showSecondSection = isParent
|
||||||
|
const showSecondFields = isParent && !noSecondParentInfo
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="ci-auth-bg flex-grow-1 py-4">
|
||||||
|
<div className="registration-form ci-parity container mt-3 mb-5">
|
||||||
|
<form id="registrationForm" onSubmit={onSubmit}>
|
||||||
|
<div className="text-center mb-4">
|
||||||
|
<Link to="/">
|
||||||
|
<img
|
||||||
|
src="/alrahma_logo.png"
|
||||||
|
alt="Al Rahma Sunday School"
|
||||||
|
style={{ width: 180, height: 120, objectFit: 'contain' }}
|
||||||
|
onError={(ev) => {
|
||||||
|
;(ev.target as HTMLImageElement).style.display = 'none'
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3
|
||||||
|
className="text-center text-success mb-3"
|
||||||
|
style={{ fontFamily: 'Arial, sans-serif' }}
|
||||||
|
>
|
||||||
|
Registration Form
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div className="alert alert-info" role="alert">
|
||||||
|
- This account is for parents/guardians to manage students. If you already registered
|
||||||
|
in a prior year, please reuse your existing account.
|
||||||
|
<br />- If you cannot access your old email, reset your password.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p className="text-center text-secondary mt-3 mb-2 small">
|
||||||
|
(All fields with * are required)
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{error ? (
|
||||||
|
<div className="alert alert-danger" role="alert">
|
||||||
|
{error}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('firstname') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="First Name*"
|
||||||
|
maxLength={50}
|
||||||
|
required
|
||||||
|
value={firstname}
|
||||||
|
onChange={(e) => setFirstname(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('firstname') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('firstname')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('lastname') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Last Name*"
|
||||||
|
maxLength={50}
|
||||||
|
required
|
||||||
|
value={lastname}
|
||||||
|
onChange={(e) => setLastname(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('lastname') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('lastname')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<select
|
||||||
|
className={`form-select item ${fieldErr('gender') ? 'is-invalid' : ''}`}
|
||||||
|
required
|
||||||
|
value={gender}
|
||||||
|
onChange={(e) => setGender(e.target.value)}
|
||||||
|
>
|
||||||
|
<option value="" disabled>
|
||||||
|
Select Gender*
|
||||||
|
</option>
|
||||||
|
<option value="Male">Male</option>
|
||||||
|
<option value="Female">Female</option>
|
||||||
|
</select>
|
||||||
|
{fieldErr('gender') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('gender')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="tel"
|
||||||
|
className={`form-control item ${fieldErr('cellphone') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Phone - Cell*"
|
||||||
|
maxLength={12}
|
||||||
|
required
|
||||||
|
title="10-digit US phone"
|
||||||
|
value={cellphone}
|
||||||
|
onChange={(e) => setCellphone(formatUsPhone(e.target.value))}
|
||||||
|
/>
|
||||||
|
{fieldErr('cellphone') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('cellphone')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className={`form-control item ${fieldErr('email') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Email*"
|
||||||
|
maxLength={50}
|
||||||
|
required
|
||||||
|
value={email}
|
||||||
|
onChange={(e) => setEmail(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('email') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('email')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className={`form-control item ${fieldErr('confirm_email') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Confirm Email*"
|
||||||
|
maxLength={50}
|
||||||
|
required
|
||||||
|
value={confirmEmail}
|
||||||
|
onChange={(e) => setConfirmEmail(e.target.value)}
|
||||||
|
autoComplete="off"
|
||||||
|
/>
|
||||||
|
{fieldErr('confirm_email') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('confirm_email')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('address_street') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Address - Street*"
|
||||||
|
maxLength={50}
|
||||||
|
required
|
||||||
|
value={addressStreet}
|
||||||
|
onChange={(e) => setAddressStreet(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('address_street') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('address_street')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="form-control item"
|
||||||
|
placeholder="Apt"
|
||||||
|
maxLength={15}
|
||||||
|
value={apt}
|
||||||
|
onChange={(e) => setApt(e.target.value)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('city') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="City*"
|
||||||
|
maxLength={30}
|
||||||
|
required
|
||||||
|
value={city}
|
||||||
|
onChange={(e) => setCity(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('city') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('city')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<select
|
||||||
|
className={`form-select item ${fieldErr('state') ? 'is-invalid' : ''}`}
|
||||||
|
required
|
||||||
|
value={state}
|
||||||
|
onChange={(e) => setState(e.target.value)}
|
||||||
|
>
|
||||||
|
<option value="" disabled>
|
||||||
|
Select State*
|
||||||
|
</option>
|
||||||
|
{NE_STATES.map((s) => (
|
||||||
|
<option key={s.abbr} value={s.abbr}>
|
||||||
|
{s.name}
|
||||||
|
</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
{fieldErr('state') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('state')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('zip') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Zip*"
|
||||||
|
maxLength={5}
|
||||||
|
inputMode="numeric"
|
||||||
|
pattern="\d{5}"
|
||||||
|
required
|
||||||
|
value={zip}
|
||||||
|
onChange={(e) => setZip(e.target.value.replace(/\D/g, '').slice(0, 5))}
|
||||||
|
/>
|
||||||
|
{fieldErr('zip') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('zip')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="form-check mb-3">
|
||||||
|
<input
|
||||||
|
className="form-check-input"
|
||||||
|
type="checkbox"
|
||||||
|
id="is_parent"
|
||||||
|
checked={isParent}
|
||||||
|
onChange={(e) => {
|
||||||
|
setIsParent(e.target.checked)
|
||||||
|
if (!e.target.checked) {
|
||||||
|
setNoSecondParentInfo(false)
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<label className="form-check-label" htmlFor="is_parent">
|
||||||
|
Check this box if you are a Parent/Guardian
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{showSecondSection ? (
|
||||||
|
<div
|
||||||
|
className="mb-4 p-3 rounded"
|
||||||
|
style={{ border: '1px solid #ccc' }}
|
||||||
|
>
|
||||||
|
<h6 className="mb-3">Second Parent/Guardian Information</h6>
|
||||||
|
|
||||||
|
<div className="form-check form-switch mb-3">
|
||||||
|
<input
|
||||||
|
className="form-check-input"
|
||||||
|
type="checkbox"
|
||||||
|
id="no_second_parent_info"
|
||||||
|
checked={noSecondParentInfo}
|
||||||
|
onChange={(e) => setNoSecondParentInfo(e.target.checked)}
|
||||||
|
/>
|
||||||
|
<label className="form-check-label" htmlFor="no_second_parent_info">
|
||||||
|
Check this box if no second parent info is available
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{showSecondFields ? (
|
||||||
|
<>
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="form-control item"
|
||||||
|
placeholder="First Name*"
|
||||||
|
maxLength={50}
|
||||||
|
value={secondFirstname}
|
||||||
|
onChange={(e) => setSecondFirstname(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('second_firstname') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('second_firstname')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="form-control item"
|
||||||
|
placeholder="Last Name*"
|
||||||
|
maxLength={50}
|
||||||
|
value={secondLastname}
|
||||||
|
onChange={(e) => setSecondLastname(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('second_lastname') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('second_lastname')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
<div className="mb-3">
|
||||||
|
<select
|
||||||
|
className="form-select item"
|
||||||
|
required
|
||||||
|
value={secondGender}
|
||||||
|
onChange={(e) => setSecondGender(e.target.value)}
|
||||||
|
>
|
||||||
|
<option value="" disabled>
|
||||||
|
Select Gender*
|
||||||
|
</option>
|
||||||
|
<option value="Male">Male</option>
|
||||||
|
<option value="Female">Female</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
className="form-control item"
|
||||||
|
placeholder="Email*"
|
||||||
|
maxLength={50}
|
||||||
|
value={secondEmail}
|
||||||
|
onChange={(e) => setSecondEmail(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('second_email') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('second_email')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="tel"
|
||||||
|
className="form-control item"
|
||||||
|
placeholder="Phone - Cell*"
|
||||||
|
maxLength={12}
|
||||||
|
value={secondCellphone}
|
||||||
|
onChange={(e) => setSecondCellphone(formatUsPhone(e.target.value))}
|
||||||
|
/>
|
||||||
|
{fieldErr('second_cellphone') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('second_cellphone')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<div className="form-check mb-3">
|
||||||
|
<input
|
||||||
|
className="form-check-input"
|
||||||
|
type="checkbox"
|
||||||
|
id="accept_school_policy"
|
||||||
|
checked={acceptPolicy}
|
||||||
|
required
|
||||||
|
onChange={(e) => setAcceptPolicy(e.target.checked)}
|
||||||
|
/>
|
||||||
|
<label className="form-check-label" htmlFor="accept_school_policy">
|
||||||
|
I have read and I accept all school policies{' '}
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-link p-0 small text-success align-baseline"
|
||||||
|
onClick={() => void openPolicyModal()}
|
||||||
|
>
|
||||||
|
(Read school policies here)
|
||||||
|
</button>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<div className="text-center border p-2 bg-light item">
|
||||||
|
{captchaLoading ? (
|
||||||
|
<span className="text-muted">Loading CAPTCHA…</span>
|
||||||
|
) : (
|
||||||
|
<span className="user-select-all">{captchaChallenge}</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn btn-link btn-sm px-0"
|
||||||
|
onClick={() => void loadCaptcha()}
|
||||||
|
>
|
||||||
|
Refresh CAPTCHA
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className={`form-control item ${fieldErr('captcha') ? 'is-invalid' : ''}`}
|
||||||
|
placeholder="Enter the text above*"
|
||||||
|
maxLength={10}
|
||||||
|
autoComplete="off"
|
||||||
|
required
|
||||||
|
value={captchaAnswer}
|
||||||
|
onChange={(e) => setCaptchaAnswer(e.target.value)}
|
||||||
|
/>
|
||||||
|
{fieldErr('captcha') ? (
|
||||||
|
<div className="text-danger small">{fieldErr('captcha')}</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mb-3 d-grid gap-2">
|
||||||
|
<button type="submit" className="btn btn-success item" disabled={busy || captchaLoading}>
|
||||||
|
{busy ? 'Submitting…' : 'Create Account'}
|
||||||
|
</button>
|
||||||
|
<Link to="/" className="btn btn-secondary item text-center">
|
||||||
|
Back to Home
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
className="modal fade"
|
||||||
|
id="policyModal"
|
||||||
|
tabIndex={-1}
|
||||||
|
aria-labelledby="policyModalLabel"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<div className="modal-dialog modal-lg modal-dialog-scrollable">
|
||||||
|
<div className="modal-content">
|
||||||
|
<div className="modal-header">
|
||||||
|
<h5 className="modal-title text-success" id="policyModalLabel">
|
||||||
|
School Policies
|
||||||
|
</h5>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="btn-close"
|
||||||
|
data-bs-dismiss="modal"
|
||||||
|
aria-label="Close"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="modal-body">
|
||||||
|
{policyLoading ? (
|
||||||
|
<p className="text-muted">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<div
|
||||||
|
className="policy-html"
|
||||||
|
dangerouslySetInnerHTML={{
|
||||||
|
__html: policyHtml ?? '<p>Click “Read school policies” to load.</p>',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
import { useEffect, useMemo, useState } from 'react'
|
||||||
|
import SwaggerUI from 'swagger-ui-react'
|
||||||
|
import 'swagger-ui-react/swagger-ui.css'
|
||||||
|
import type { DocsBootstrap } from '../types/docsBootstrap'
|
||||||
|
import { apiUrl } from '../lib/apiOrigin'
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
bootstrapPath: string
|
||||||
|
authorization?: string | null
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SwaggerDocs({ bootstrapPath, authorization }: Props) {
|
||||||
|
const [bootstrap, setBootstrap] = useState<DocsBootstrap | null>(null)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
try {
|
||||||
|
const headers: HeadersInit = { Accept: 'application/json' }
|
||||||
|
if (authorization) {
|
||||||
|
headers.Authorization = authorization
|
||||||
|
}
|
||||||
|
const res = await fetch(apiUrl(bootstrapPath), { headers })
|
||||||
|
const body = await res.json().catch(() => null)
|
||||||
|
if (!res.ok) {
|
||||||
|
const msg =
|
||||||
|
typeof body?.message === 'string'
|
||||||
|
? body.message
|
||||||
|
: `HTTP ${res.status}`
|
||||||
|
throw new Error(msg)
|
||||||
|
}
|
||||||
|
if (!cancelled) {
|
||||||
|
setBootstrap(body as DocsBootstrap)
|
||||||
|
setError(null)
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) {
|
||||||
|
setBootstrap(null)
|
||||||
|
setError(e instanceof Error ? e.message : 'Failed to load docs config')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [bootstrapPath, authorization])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (bootstrap?.title) {
|
||||||
|
document.title = bootstrap.title
|
||||||
|
}
|
||||||
|
}, [bootstrap?.title])
|
||||||
|
|
||||||
|
const specUrl = useMemo(() => {
|
||||||
|
if (!bootstrap?.openapi_url) {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
return apiUrl(bootstrap.openapi_url)
|
||||||
|
}, [bootstrap])
|
||||||
|
|
||||||
|
if (error) {
|
||||||
|
return (
|
||||||
|
<div className="docs-error">
|
||||||
|
<p>{error}</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!bootstrap || !specUrl) {
|
||||||
|
return <div className="docs-loading">Loading documentation…</div>
|
||||||
|
}
|
||||||
|
|
||||||
|
const hideAuthorize = !bootstrap.show_authorize_button
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={`docs-root variant-${bootstrap.variant}`}>
|
||||||
|
{bootstrap.welcome_name ? (
|
||||||
|
<div className="admin-banner">
|
||||||
|
Welcome, <span>{bootstrap.welcome_name}</span>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
{hideAuthorize ? <style>{`.swagger-ui .btn.authorize { display: none !important; }`}</style> : null}
|
||||||
|
<SwaggerUI
|
||||||
|
url={specUrl}
|
||||||
|
docExpansion="none"
|
||||||
|
defaultModelsExpandDepth={-1}
|
||||||
|
deepLinking
|
||||||
|
tryItOutEnabled={bootstrap.try_it_out_enabled}
|
||||||
|
persistAuthorization={bootstrap.persist_authorization}
|
||||||
|
requestInterceptor={(req: {
|
||||||
|
headers: Record<string, string>
|
||||||
|
}) => {
|
||||||
|
if (authorization && !req.headers.Authorization) {
|
||||||
|
req.headers.Authorization = authorization
|
||||||
|
}
|
||||||
|
return req
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,99 @@
|
|||||||
|
import { useEffect, useState } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import {
|
||||||
|
fetchParentAttendanceReportsList,
|
||||||
|
fetchParentAuthorizedUsers,
|
||||||
|
} from '../../api/session'
|
||||||
|
import { ParentParityShell } from './ParentParityShell'
|
||||||
|
|
||||||
|
/** Secondary / authorized users — `GET /api/v1/parents/authorized-users`. */
|
||||||
|
export function ParentAuthorizedUsersPage() {
|
||||||
|
const [payload, setPayload] = useState<string>('')
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const res = await fetchParentAuthorizedUsers()
|
||||||
|
if (cancelled) return
|
||||||
|
setPayload(JSON.stringify(res, null, 2))
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Unable to load.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Authorized users"
|
||||||
|
ciViewFile="add_second_parent.php"
|
||||||
|
legacyCiRoutes={['GET /api/v1/parents/authorized-users']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<pre className="small bg-light p-2 border rounded mb-0" style={{ maxHeight: 320, overflow: 'auto' }}>
|
||||||
|
{payload}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Submitted reports — `GET /api/v1/parents/attendance-reports`. */
|
||||||
|
export function ParentAttendanceReportsHistoryPage() {
|
||||||
|
const [payload, setPayload] = useState<string>('')
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const res = await fetchParentAttendanceReportsList()
|
||||||
|
if (cancelled) return
|
||||||
|
setPayload(JSON.stringify(res, null, 2))
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Unable to load.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="My attendance reports"
|
||||||
|
ciViewFile="report_attendance.php"
|
||||||
|
legacyCiRoutes={['GET /api/v1/parents/attendance-reports']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<pre className="small bg-light p-2 border rounded mb-0" style={{ maxHeight: 360, overflow: 'auto' }}>
|
||||||
|
{payload}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
<p className="small text-muted mt-2 mb-0">
|
||||||
|
New submission:{' '}
|
||||||
|
<Link to="/app/parent/report-attendance">Report attendance form</Link>
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,142 @@
|
|||||||
|
import { useEffect, useState } from 'react'
|
||||||
|
import { Link, useSearchParams } from 'react-router-dom'
|
||||||
|
import { fetchParentAttendance } from '../../api/session'
|
||||||
|
import type { ParentAttendanceRow } from '../../api/types'
|
||||||
|
|
||||||
|
export function ParentAttendancePage() {
|
||||||
|
const [params, setParams] = useSearchParams()
|
||||||
|
const schoolYearParam = params.get('school_year')
|
||||||
|
|
||||||
|
const [rows, setRows] = useState<ParentAttendanceRow[]>([])
|
||||||
|
const [schoolYears, setSchoolYears] = useState<{ school_year: string }[]>([])
|
||||||
|
const [selectedYear, setSelectedYear] = useState<string | null>(null)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentAttendance(schoolYearParam)
|
||||||
|
if (cancelled) return
|
||||||
|
setRows(data.attendance ?? [])
|
||||||
|
setSchoolYears(data.schoolYears ?? [])
|
||||||
|
setSelectedYear(data.selectedYear ?? null)
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) {
|
||||||
|
setRows([])
|
||||||
|
setSchoolYears([])
|
||||||
|
setSelectedYear(null)
|
||||||
|
setError(e instanceof Error ? e.message : 'Unable to load attendance.')
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [schoolYearParam])
|
||||||
|
|
||||||
|
function onYearChange(next: string) {
|
||||||
|
const nextParams = new URLSearchParams(params)
|
||||||
|
if (next) nextParams.set('school_year', next)
|
||||||
|
else nextParams.delete('school_year')
|
||||||
|
setParams(nextParams)
|
||||||
|
}
|
||||||
|
|
||||||
|
const yearOptions =
|
||||||
|
schoolYears.length > 0
|
||||||
|
? schoolYears
|
||||||
|
: selectedYear
|
||||||
|
? [{ school_year: selectedYear }]
|
||||||
|
: []
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className="text-center mb-4">
|
||||||
|
<h2 className="h4 text-success" style={{ fontFamily: 'Arial, sans-serif' }}>
|
||||||
|
Attendance Record
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form
|
||||||
|
className="row g-2 align-items-end mb-4"
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault()
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="col-auto">
|
||||||
|
<label className="form-label mb-0" htmlFor="school_year">
|
||||||
|
School year
|
||||||
|
</label>
|
||||||
|
<select
|
||||||
|
id="school_year"
|
||||||
|
className="form-select"
|
||||||
|
value={schoolYearParam ?? selectedYear ?? ''}
|
||||||
|
onChange={(e) => onYearChange(e.target.value)}
|
||||||
|
disabled={loading || yearOptions.length === 0}
|
||||||
|
>
|
||||||
|
{yearOptions.length === 0 ? (
|
||||||
|
<option value="">—</option>
|
||||||
|
) : (
|
||||||
|
yearOptions.map((y) => (
|
||||||
|
<option key={y.school_year} value={y.school_year}>
|
||||||
|
{y.school_year}
|
||||||
|
</option>
|
||||||
|
))
|
||||||
|
)}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div className="col-auto">
|
||||||
|
<button type="button" className="btn btn-success" disabled={loading}>
|
||||||
|
Filter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
{error ? (
|
||||||
|
<div className="alert alert-danger">{error}</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted">Loading…</p>
|
||||||
|
) : rows.length === 0 ? (
|
||||||
|
<p className="text-muted">No attendance rows for this school year.</p>
|
||||||
|
) : (
|
||||||
|
<div className="table-responsive">
|
||||||
|
<table className="table table-striped table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>First Name</th>
|
||||||
|
<th>Last Name</th>
|
||||||
|
<th>Date</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Reason</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{rows.map((row, i) => (
|
||||||
|
<tr key={`${row.date}-${row.firstname}-${row.lastname}-${i}`}>
|
||||||
|
<td>{row.firstname}</td>
|
||||||
|
<td>{row.lastname}</td>
|
||||||
|
<td>{row.date}</td>
|
||||||
|
<td>{row.status}</td>
|
||||||
|
<td>{row.reason ?? '—'}</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<p className="small text-muted mt-4 mb-0">
|
||||||
|
<Link to="/app/parent/home">Parent dashboard</Link>
|
||||||
|
{' · '}
|
||||||
|
<Link to="/app/home">App home</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
import { Navigate, useParams } from 'react-router-dom'
|
||||||
|
|
||||||
|
/** CI uses `parent/edit_student/(:num)` — canonical SPA uses `parent/students/:id/edit`. */
|
||||||
|
export function RedirectParentLegacyStudentEdit() {
|
||||||
|
const { studentId } = useParams<{ studentId: string }>()
|
||||||
|
return <Navigate to={`/app/parent/students/${studentId ?? ''}/edit`} replace />
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* CI `parent/edit_emergency_contact/(:num)` and `parent/edit-emergency-contact/(:num)` →
|
||||||
|
* SPA `parent/emergency-contact/:contactId`.
|
||||||
|
*/
|
||||||
|
export function RedirectParentLegacyEmergencyContactEdit() {
|
||||||
|
const { contactId } = useParams<{ contactId: string }>()
|
||||||
|
return <Navigate to={`/app/parent/emergency-contact/${contactId ?? ''}`} replace />
|
||||||
|
}
|
||||||
@@ -0,0 +1,60 @@
|
|||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { useEffect, useState } from 'react'
|
||||||
|
import { fetchParentEmergencyContacts } from '../../api/session'
|
||||||
|
import type { ParentEmergencyContactRow } from '../../api/types'
|
||||||
|
import { ParentParityShell } from './ParentParityShell'
|
||||||
|
|
||||||
|
/** CI `parent/edit-emergency-contact` (no id) — GET /api/v1/parents/emergency-contacts */
|
||||||
|
export function ParentEmergencyContactsPage() {
|
||||||
|
const [rows, setRows] = useState<ParentEmergencyContactRow[]>([])
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentEmergencyContacts()
|
||||||
|
if (cancelled) return
|
||||||
|
setRows(data.contacts ?? [])
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Unable to load contacts.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Emergency contacts"
|
||||||
|
ciViewFile="edit_emergency_contact.php"
|
||||||
|
legacyCiRoutes={['/parent/edit-emergency-contact']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : rows.length === 0 ? (
|
||||||
|
<p className="text-muted small mb-0">No emergency contacts.</p>
|
||||||
|
) : (
|
||||||
|
<ul className="list-unstyled mb-0">
|
||||||
|
{rows.map((c) => (
|
||||||
|
<li key={c.id} className="border-bottom py-2">
|
||||||
|
<Link to={`/app/parent/emergency-contact/${c.id}`}>
|
||||||
|
<strong>{c.name || 'Contact'}</strong>
|
||||||
|
</Link>
|
||||||
|
<div className="small text-muted">
|
||||||
|
{[c.cellphone, c.email].filter(Boolean).join(' · ') || '—'}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,136 @@
|
|||||||
|
import { useEffect, useMemo, useState } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { fetchParentProfile } from '../../api/session'
|
||||||
|
import type { ParentProfileRecord } from '../../api/types'
|
||||||
|
import { useAuth } from '../../auth/AuthProvider'
|
||||||
|
import { ParentSectionNav } from './ParentSectionNav'
|
||||||
|
|
||||||
|
function displayName(p: ParentProfileRecord | null): string {
|
||||||
|
if (!p) return ''
|
||||||
|
const fn = (p.firstname ?? '').trim()
|
||||||
|
const ln = (p.lastname ?? '').trim()
|
||||||
|
const full = `${fn} ${ln}`.trim()
|
||||||
|
return full || (p.email ?? '').trim()
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ParentHomePage() {
|
||||||
|
const { user } = useAuth()
|
||||||
|
const [profile, setProfile] = useState<ParentProfileRecord | null>(null)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentProfile()
|
||||||
|
if (cancelled) return
|
||||||
|
setProfile(data.profile ?? null)
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) {
|
||||||
|
setProfile(null)
|
||||||
|
setError(e instanceof Error ? e.message : 'Unable to load profile.')
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
const greeting = useMemo(() => {
|
||||||
|
const fromApi = displayName(profile)
|
||||||
|
if (fromApi) return fromApi
|
||||||
|
return user?.name?.trim() || 'Parent'
|
||||||
|
}, [profile, user?.name])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className="text-center mb-4">
|
||||||
|
<h2 className="h4 text-success" style={{ fontFamily: 'Arial, sans-serif' }}>
|
||||||
|
Parent dashboard
|
||||||
|
</h2>
|
||||||
|
<p className="text-muted small mb-0">
|
||||||
|
Parity with CodeIgniter <code>Views/parent/parent_dashboard</code>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error ? (
|
||||||
|
<div className="alert alert-warning">
|
||||||
|
{error}{' '}
|
||||||
|
<span className="text-muted">
|
||||||
|
Parent-only APIs require a parent account. Use the general{' '}
|
||||||
|
<Link to="/app/home">app home</Link> if you landed here by mistake.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<div className="row g-3 mb-4">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-muted">Account</h3>
|
||||||
|
<p className="mb-1">
|
||||||
|
<strong>{greeting}</strong>
|
||||||
|
</p>
|
||||||
|
{profile?.email ? (
|
||||||
|
<p className="small text-muted mb-0">{profile.email}</p>
|
||||||
|
) : null}
|
||||||
|
{profile?.cellphone ? (
|
||||||
|
<p className="small text-muted mb-0">{profile.cellphone}</p>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="card border-0 shadow-sm h-100">
|
||||||
|
<div className="card-body">
|
||||||
|
<h3 className="h6 text-muted">Address</h3>
|
||||||
|
{profile?.address_street || profile?.city || profile?.state ? (
|
||||||
|
<p className="small mb-0">
|
||||||
|
{[profile.address_street, profile.city, profile.state, profile.zip]
|
||||||
|
.filter(Boolean)
|
||||||
|
.join(', ')}
|
||||||
|
</p>
|
||||||
|
) : (
|
||||||
|
<p className="text-muted small mb-0">No address on file.</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="row g-3">
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="border rounded p-3 bg-white h-100">
|
||||||
|
<h3 className="h6 mb-3">Shortcuts</h3>
|
||||||
|
<ul className="mb-0">
|
||||||
|
<li>
|
||||||
|
<Link to="/app/parent/attendance">Attendance record</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to="/app/home">App home</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<div className="border rounded p-3 bg-white h-100">
|
||||||
|
<h3 className="h6 mb-2">All parent pages (CI parity)</h3>
|
||||||
|
<div className="small" style={{ maxHeight: 220, overflow: 'auto' }}>
|
||||||
|
<ParentSectionNav />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,73 @@
|
|||||||
|
import type { ReactNode } from 'react'
|
||||||
|
import { Link } from 'react-router-dom'
|
||||||
|
import { ParentSectionNav } from './ParentSectionNav'
|
||||||
|
|
||||||
|
export type ParentParitySpec = {
|
||||||
|
title: string
|
||||||
|
/** File name under `app/Views/parent/` (e.g. `calendar.php`). */
|
||||||
|
ciViewFile: string
|
||||||
|
/** Example CodeIgniter URL paths (with leading slash). */
|
||||||
|
legacyCiRoutes?: string[]
|
||||||
|
}
|
||||||
|
|
||||||
|
type ShellProps = ParentParitySpec & {
|
||||||
|
children?: ReactNode
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ParentParityShell({
|
||||||
|
title,
|
||||||
|
ciViewFile,
|
||||||
|
legacyCiRoutes,
|
||||||
|
children,
|
||||||
|
}: ShellProps) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className="text-center mb-3">
|
||||||
|
<h2 className="h4 text-success" style={{ fontFamily: 'Arial, sans-serif' }}>
|
||||||
|
{title}
|
||||||
|
</h2>
|
||||||
|
<p className="text-muted small mb-0">
|
||||||
|
CodeIgniter view:{' '}
|
||||||
|
<code>
|
||||||
|
app/Views/parent/{ciViewFile}
|
||||||
|
</code>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{legacyCiRoutes?.length ? (
|
||||||
|
<p className="small text-muted mb-3">
|
||||||
|
Legacy routes:{' '}
|
||||||
|
{legacyCiRoutes.map((r, i) => (
|
||||||
|
<span key={r}>
|
||||||
|
{i > 0 ? ' · ' : null}
|
||||||
|
<code>{r}</code>
|
||||||
|
</span>
|
||||||
|
))}
|
||||||
|
</p>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<div className="row g-3">
|
||||||
|
<aside className="col-lg-3">
|
||||||
|
<div className="border rounded bg-white shadow-sm p-2 small">
|
||||||
|
<div className="fw-semibold text-muted px-2 py-1 border-bottom mb-2">Parent pages</div>
|
||||||
|
<ParentSectionNav />
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<div className="col-lg-9">
|
||||||
|
<div className="alert alert-light border small mb-3">
|
||||||
|
This SPA route mirrors the CI parent view. Implement using the matching handlers in{' '}
|
||||||
|
<code>app_laravel/routes/api.php</code> (prefix <code>/api/v1/parents/...</code> where
|
||||||
|
available).
|
||||||
|
</div>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p className="mt-3 small mb-0">
|
||||||
|
<Link to="/app/parent/home">← Parent dashboard</Link>
|
||||||
|
{' · '}
|
||||||
|
<Link to="/app/home">App home</Link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
import { NavLink } from 'react-router-dom'
|
||||||
|
|
||||||
|
const LINKS: { to: string; label: string }[] = [
|
||||||
|
{ to: '/app/parent/home', label: 'Dashboard' },
|
||||||
|
{ to: '/app/parent/add-second-parent', label: 'Add second parent' },
|
||||||
|
{ to: '/app/parent/assignments', label: 'Assignments' },
|
||||||
|
{ to: '/app/parent/attendance', label: 'Attendance' },
|
||||||
|
{ to: '/app/parent/calendar', label: 'Calendar' },
|
||||||
|
{ to: '/app/parent/classes', label: 'Classes' },
|
||||||
|
{ to: '/app/parent/progress', label: 'Class progress' },
|
||||||
|
{ to: '/app/parent/edit-emergency-contact', label: 'Emergency contacts' },
|
||||||
|
{ to: '/app/parent/edit-all-students', label: 'Edit all students' },
|
||||||
|
{ to: '/app/parent/add-student-form', label: 'Add student form' },
|
||||||
|
{ to: '/app/parent/add-emergency-form', label: 'Add emergency form' },
|
||||||
|
{ to: '/app/parent/contact', label: 'Contact' },
|
||||||
|
{ to: '/app/parent/enroll-classes', label: 'Enroll in classes' },
|
||||||
|
{ to: '/app/parent/enroll/success', label: 'Enroll success' },
|
||||||
|
{ to: '/app/parent/enroll/failure', label: 'Enroll failure' },
|
||||||
|
{ to: '/app/parent/events', label: 'Events' },
|
||||||
|
{ to: '/app/parent/invoice-payment', label: 'Invoice payment' },
|
||||||
|
{ to: '/app/parent/no-kids-registered', label: 'No kids registered' },
|
||||||
|
{ to: '/app/parent/message', label: 'Message' },
|
||||||
|
{ to: '/app/parent/payment', label: 'Payments / invoices' },
|
||||||
|
{ to: '/app/parent/payment/success', label: 'Payment success' },
|
||||||
|
{ to: '/app/parent/register-student', label: 'Register student' },
|
||||||
|
{ to: '/app/parent/report-attendance', label: 'Report attendance' },
|
||||||
|
{ to: '/app/parent/attendance-reports', label: 'My attendance reports' },
|
||||||
|
{ to: '/app/parent/authorized-users', label: 'Authorized users' },
|
||||||
|
{ to: '/app/parent/update-profile', label: 'Update profile' },
|
||||||
|
{ to: '/app/parent/report-cards', label: 'Report cards' },
|
||||||
|
{ to: '/app/parent/scores', label: 'Scores' },
|
||||||
|
{ to: '/app/parent/success', label: 'Success message' },
|
||||||
|
{ to: '/app/parent/withdraw/success', label: 'Withdraw success' },
|
||||||
|
]
|
||||||
|
|
||||||
|
export function ParentSectionNav() {
|
||||||
|
const linkClass = ({ isActive }: { isActive: boolean }) =>
|
||||||
|
`d-block px-2 py-1 rounded text-decoration-none small ${
|
||||||
|
isActive ? 'bg-success text-white' : 'text-body'
|
||||||
|
}`
|
||||||
|
|
||||||
|
return (
|
||||||
|
<nav className="nav flex-column gap-1" aria-label="Parent section">
|
||||||
|
{LINKS.map(({ to, label }) => (
|
||||||
|
<NavLink key={to} to={to} className={linkClass} end={to === '/app/parent/home'}>
|
||||||
|
{label}
|
||||||
|
</NavLink>
|
||||||
|
))}
|
||||||
|
</nav>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,437 @@
|
|||||||
|
import { useEffect, useState, type FormEvent } from 'react'
|
||||||
|
import { ParentParityShell } from './ParentParityShell'
|
||||||
|
import {
|
||||||
|
fetchAttendanceReportForm,
|
||||||
|
fetchParentEnrollments,
|
||||||
|
fetchParentEventsOverview,
|
||||||
|
fetchParentInvoices,
|
||||||
|
fetchParentProfile,
|
||||||
|
fetchParentRegistrationOverview,
|
||||||
|
submitContactMessage,
|
||||||
|
} from '../../api/session'
|
||||||
|
import type { ParentEnrollmentStudent, ParentInvoiceRow } from '../../api/types'
|
||||||
|
import { useAuth } from '../../auth/AuthProvider'
|
||||||
|
|
||||||
|
/** `Views/parent/contact.php` — POST /api/v1/contact */
|
||||||
|
export function ParentContactPage() {
|
||||||
|
const { user } = useAuth()
|
||||||
|
const [name, setName] = useState('')
|
||||||
|
const [email, setEmail] = useState('')
|
||||||
|
const [subject, setSubject] = useState('')
|
||||||
|
const [message, setMessage] = useState('')
|
||||||
|
const [status, setStatus] = useState<string | null>(null)
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(false)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
try {
|
||||||
|
const res = await fetchParentProfile()
|
||||||
|
const p = res.profile
|
||||||
|
if (cancelled || !p) return
|
||||||
|
const fn = (p.firstname ?? '').trim()
|
||||||
|
const ln = (p.lastname ?? '').trim()
|
||||||
|
const full = `${fn} ${ln}`.trim()
|
||||||
|
if (full) setName(full)
|
||||||
|
if (p.email) setEmail(String(p.email))
|
||||||
|
} catch {
|
||||||
|
/* optional */
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!user?.name) return
|
||||||
|
setName((n) => n || user.name)
|
||||||
|
}, [user?.name])
|
||||||
|
|
||||||
|
async function onSubmit(e: FormEvent) {
|
||||||
|
e.preventDefault()
|
||||||
|
setLoading(true)
|
||||||
|
setError(null)
|
||||||
|
setStatus(null)
|
||||||
|
try {
|
||||||
|
const res = await submitContactMessage({ name, email, subject, message })
|
||||||
|
if (res.status) {
|
||||||
|
setStatus(res.message ?? 'Message sent.')
|
||||||
|
setSubject('')
|
||||||
|
setMessage('')
|
||||||
|
} else {
|
||||||
|
setError('Could not send message.')
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
setError(err instanceof Error ? err.message : 'Request failed.')
|
||||||
|
} finally {
|
||||||
|
setLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Contact"
|
||||||
|
ciViewFile="contact.php"
|
||||||
|
legacyCiRoutes={['/parent/contact']}
|
||||||
|
>
|
||||||
|
{status ? <div className="alert alert-success small">{status}</div> : null}
|
||||||
|
{error ? <div className="alert alert-danger small">{error}</div> : null}
|
||||||
|
<form className="row g-3" onSubmit={onSubmit}>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<label className="form-label" htmlFor="pc_name">
|
||||||
|
Name
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
id="pc_name"
|
||||||
|
className="form-control"
|
||||||
|
value={name}
|
||||||
|
onChange={(e) => setName(e.target.value)}
|
||||||
|
required
|
||||||
|
minLength={3}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="col-md-6">
|
||||||
|
<label className="form-label" htmlFor="pc_email">
|
||||||
|
Email
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
id="pc_email"
|
||||||
|
type="email"
|
||||||
|
className="form-control"
|
||||||
|
value={email}
|
||||||
|
onChange={(e) => setEmail(e.target.value)}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="col-12">
|
||||||
|
<label className="form-label" htmlFor="pc_subject">
|
||||||
|
Subject
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
id="pc_subject"
|
||||||
|
className="form-control"
|
||||||
|
value={subject}
|
||||||
|
onChange={(e) => setSubject(e.target.value)}
|
||||||
|
required
|
||||||
|
minLength={3}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="col-12">
|
||||||
|
<label className="form-label" htmlFor="pc_message">
|
||||||
|
Message
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
id="pc_message"
|
||||||
|
className="form-control"
|
||||||
|
rows={5}
|
||||||
|
value={message}
|
||||||
|
onChange={(e) => setMessage(e.target.value)}
|
||||||
|
required
|
||||||
|
minLength={10}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="col-12">
|
||||||
|
<button type="submit" className="btn btn-success" disabled={loading}>
|
||||||
|
{loading ? 'Sending…' : 'Send'}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `Views/parent/enroll_classes.php` — GET/POST /api/v1/parents/enrollments */
|
||||||
|
export function ParentEnrollClassesPage() {
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [schoolYears, setSchoolYears] = useState<{ school_year: string }[]>([])
|
||||||
|
const [year, setYear] = useState<string | null>(null)
|
||||||
|
const [students, setStudents] = useState<ParentEnrollmentStudent[]>([])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentEnrollments(null)
|
||||||
|
if (cancelled) return
|
||||||
|
setSchoolYears(data.schoolYears ?? [])
|
||||||
|
setYear(data.selectedYear ?? null)
|
||||||
|
setStudents(data.students ?? [])
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Failed to load enrollments.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Enroll in classes"
|
||||||
|
ciViewFile="enroll_classes.php"
|
||||||
|
legacyCiRoutes={['/parent/enroll_classes']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<p className="small text-muted mb-2">
|
||||||
|
School year: <code>{year ?? '—'}</code>. Updates use{' '}
|
||||||
|
<code>POST /api/v1/parents/enrollments</code> with enroll / withdraw payloads.
|
||||||
|
</p>
|
||||||
|
<div className="table-responsive">
|
||||||
|
<table className="table table-sm table-bordered">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Student</th>
|
||||||
|
<th>Class</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{students.length === 0 ? (
|
||||||
|
<tr>
|
||||||
|
<td colSpan={2} className="text-muted">
|
||||||
|
No students for this overview.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
) : (
|
||||||
|
students.map((s) => (
|
||||||
|
<tr key={s.id}>
|
||||||
|
<td>
|
||||||
|
{s.firstname} {s.lastname}
|
||||||
|
</td>
|
||||||
|
<td>{s.class_section ?? '—'}</td>
|
||||||
|
</tr>
|
||||||
|
))
|
||||||
|
)}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{schoolYears.length > 1 ? (
|
||||||
|
<p className="small mb-0">Additional years in response: {schoolYears.length}</p>
|
||||||
|
) : null}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `Views/parent/payment_view.php` — GET /api/v1/parents/invoices */
|
||||||
|
export function ParentPaymentInvoicesPage() {
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [rows, setRows] = useState<ParentInvoiceRow[]>([])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentInvoices(null)
|
||||||
|
if (cancelled) return
|
||||||
|
setRows(data.invoices ?? [])
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Failed to load invoices.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Payments & invoices"
|
||||||
|
ciViewFile="payment_view.php"
|
||||||
|
legacyCiRoutes={['/parent/payment']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<div className="table-responsive">
|
||||||
|
<table className="table table-sm table-striped">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>#</th>
|
||||||
|
<th>Invoice</th>
|
||||||
|
<th>Balance</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Due</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{rows.length === 0 ? (
|
||||||
|
<tr>
|
||||||
|
<td colSpan={5} className="text-muted">
|
||||||
|
No invoices.
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
) : (
|
||||||
|
rows.map((inv) => (
|
||||||
|
<tr key={inv.id}>
|
||||||
|
<td>{inv.id}</td>
|
||||||
|
<td>{inv.invoice_number ?? '—'}</td>
|
||||||
|
<td>
|
||||||
|
{typeof inv.balance === 'number' ? inv.balance.toFixed(2) : '—'}
|
||||||
|
</td>
|
||||||
|
<td>{inv.status ?? '—'}</td>
|
||||||
|
<td>{inv.due_date ?? '—'}</td>
|
||||||
|
</tr>
|
||||||
|
))
|
||||||
|
)}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `Views/parent/event_participation.php` — GET/POST /api/v1/parents/events … */
|
||||||
|
export function ParentEventsPage() {
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [summary, setSummary] = useState<string>('')
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentEventsOverview()
|
||||||
|
if (cancelled) return
|
||||||
|
setSummary(JSON.stringify(data, null, 2))
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Failed to load events.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Event participation"
|
||||||
|
ciViewFile="event_participation.php"
|
||||||
|
legacyCiRoutes={['/parent/events']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<pre className="small bg-light p-2 border rounded" style={{ maxHeight: 320, overflow: 'auto' }}>
|
||||||
|
{summary}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `Views/parent/register_student.php` — GET /api/v1/parents/registration */
|
||||||
|
export function ParentRegisterStudentPage() {
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [summary, setSummary] = useState<string>('')
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchParentRegistrationOverview()
|
||||||
|
if (cancelled) return
|
||||||
|
setSummary(JSON.stringify(data, null, 2))
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled) setError(e instanceof Error ? e.message : 'Failed to load registration.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Register student"
|
||||||
|
ciViewFile="register_student.php"
|
||||||
|
legacyCiRoutes={['/parent/register_student', '/parent/child_register']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<pre className="small bg-light p-2 border rounded" style={{ maxHeight: 360, overflow: 'auto' }}>
|
||||||
|
{summary}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** `Views/parent/report_attendance.php` — form: GET /api/v1/parents/attendance-reports/form */
|
||||||
|
export function ParentReportAttendancePage() {
|
||||||
|
const [error, setError] = useState<string | null>(null)
|
||||||
|
const [loading, setLoading] = useState(true)
|
||||||
|
const [summary, setSummary] = useState<string>('')
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false
|
||||||
|
;(async () => {
|
||||||
|
setLoading(true)
|
||||||
|
try {
|
||||||
|
const data = await fetchAttendanceReportForm()
|
||||||
|
if (cancelled) return
|
||||||
|
setSummary(JSON.stringify(data, null, 2))
|
||||||
|
setError(null)
|
||||||
|
} catch (e) {
|
||||||
|
if (!cancelled)
|
||||||
|
setError(e instanceof Error ? e.message : 'Failed to load attendance report form.')
|
||||||
|
} finally {
|
||||||
|
if (!cancelled) setLoading(false)
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
return () => {
|
||||||
|
cancelled = true
|
||||||
|
}
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Report attendance"
|
||||||
|
ciViewFile="report_attendance.php"
|
||||||
|
legacyCiRoutes={['/parent/report-attendance']}
|
||||||
|
>
|
||||||
|
{error ? <div className="alert alert-warning small">{error}</div> : null}
|
||||||
|
{loading ? (
|
||||||
|
<p className="text-muted small">Loading…</p>
|
||||||
|
) : (
|
||||||
|
<pre className="small bg-light p-2 border rounded" style={{ maxHeight: 360, overflow: 'auto' }}>
|
||||||
|
{summary}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
<p className="small text-muted mt-2 mb-0">
|
||||||
|
Submit payloads: <code>POST /api/v1/parents/attendance-reports</code>,{' '}
|
||||||
|
<code>PATCH /api/v1/parents/attendance-reports/{'{id}'}</code>.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,8 @@
|
|||||||
|
import type { FC } from 'react'
|
||||||
|
import { ParentParityShell, type ParentParitySpec } from './ParentParityShell'
|
||||||
|
|
||||||
|
export function createParentParityPage(spec: ParentParitySpec): FC {
|
||||||
|
const Page: FC = () => <ParentParityShell {...spec} />
|
||||||
|
Page.displayName = `ParentParity(${spec.ciViewFile.replace(/\W/g, '_')})`
|
||||||
|
return Page
|
||||||
|
}
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
import { Link, useParams } from 'react-router-dom'
|
||||||
|
import { ParentParityShell } from './ParentParityShell'
|
||||||
|
|
||||||
|
export function ParentProgressViewPage() {
|
||||||
|
const { progressId } = useParams<{ progressId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Class progress detail"
|
||||||
|
ciViewFile="class_progress_view.php"
|
||||||
|
legacyCiRoutes={[`/parent/progress/view/${progressId ?? ''}`]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
Progress id: <code>{progressId}</code>. Attachment downloads map to{' '}
|
||||||
|
<code>/api/v1/class-progress/…</code> in Laravel when wired.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ParentEmergencyContactEditPage() {
|
||||||
|
const { contactId } = useParams<{ contactId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Emergency contact"
|
||||||
|
ciViewFile="edit_emergency_contact.php"
|
||||||
|
legacyCiRoutes={[
|
||||||
|
'/parent/edit-emergency-contact',
|
||||||
|
`/parent/edit_emergency_contact/${contactId ?? ''}`,
|
||||||
|
`/parent/edit-emergency-contact/${contactId ?? ''}`,
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<p className="small mb-2">
|
||||||
|
Contact id: <code>{contactId}</code>. Use{' '}
|
||||||
|
<code>GET/PATCH /api/v1/parents/emergency-contacts</code> when implementing the form.
|
||||||
|
</p>
|
||||||
|
<Link to="/app/parent/register-student" className="small">
|
||||||
|
Registration & contacts overview →
|
||||||
|
</Link>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Parity for CI student edit modal / edit_student flows (`edit_student_modal.php`). */
|
||||||
|
export function ParentStudentEditPage() {
|
||||||
|
const { studentId } = useParams<{ studentId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Edit student"
|
||||||
|
ciViewFile="edit_student_modal.php"
|
||||||
|
legacyCiRoutes={[
|
||||||
|
`/parent/edit_student/${studentId ?? ''}`,
|
||||||
|
`/parent/edit-student/${studentId ?? ''}`,
|
||||||
|
]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
Student id: <code>{studentId}</code>. Wire to{' '}
|
||||||
|
<code>PATCH /api/v1/parents/students/{'{studentId}'}</code>.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** CI `parent/report-cards/view/(:num)` — report card PDF / viewer. */
|
||||||
|
export function ParentReportCardsViewPage() {
|
||||||
|
const { reportId } = useParams<{ reportId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Report card"
|
||||||
|
ciViewFile="report_cards.php"
|
||||||
|
legacyCiRoutes={[`/parent/report-cards/view/${reportId ?? ''}`]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
Report / student id: <code>{reportId}</code>. Laravel:{' '}
|
||||||
|
<code>/api/v1/reports/report-cards/students/{'{studentId}'}</code> (with parent auth).
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** CI `parent/progress/attachment/(:num)` — file download route. */
|
||||||
|
export function ParentProgressAttachmentPage() {
|
||||||
|
const { attachmentId } = useParams<{ attachmentId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Class progress attachment"
|
||||||
|
ciViewFile="class_progress_view.php"
|
||||||
|
legacyCiRoutes={[`/parent/progress/attachment/${attachmentId ?? ''}`]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
Attachment id: <code>{attachmentId}</code>. Wire download to{' '}
|
||||||
|
<code>/api/v1/class-progress/attachments/{'{attachmentId}'}</code>.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** CI `parent/progress/attachment-file/(:num)` — legacy file stream. */
|
||||||
|
export function ParentProgressAttachmentFilePage() {
|
||||||
|
const { fileId } = useParams<{ fileId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Class progress attachment (legacy)"
|
||||||
|
ciViewFile="class_progress_view.php"
|
||||||
|
legacyCiRoutes={[`/parent/progress/attachment-file/${fileId ?? ''}`]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
File id: <code>{fileId}</code>. Legacy path uses{' '}
|
||||||
|
<code>/api/v1/class-progress/{'{id}'}/attachment</code>.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** CI `POST parent/report-cards/sign/(:num)` — acknowledgement / signature flow. */
|
||||||
|
export function ParentReportCardsSignPage() {
|
||||||
|
const { studentId } = useParams<{ studentId: string }>()
|
||||||
|
return (
|
||||||
|
<ParentParityShell
|
||||||
|
title="Sign report card"
|
||||||
|
ciViewFile="report_cards.php"
|
||||||
|
legacyCiRoutes={[`POST /parent/report-cards/sign/${studentId ?? ''}`]}
|
||||||
|
>
|
||||||
|
<p className="small mb-0">
|
||||||
|
Student id: <code>{studentId}</code>. Wire <code>POST</code> to Laravel report-cards
|
||||||
|
acknowledgement endpoints under <code>/api/v1/reports/report-cards/…</code>.
|
||||||
|
</p>
|
||||||
|
</ParentParityShell>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,29 @@
|
|||||||
|
import { createParentParityPage } from './createParentParityPage'
|
||||||
|
|
||||||
|
/** CI `parent/edit-all-students` — bulk edit modal (composed from registration views). */
|
||||||
|
export const ParentEditAllStudentsPage = createParentParityPage({
|
||||||
|
title: 'Edit all students',
|
||||||
|
ciViewFile: 'register_student.php',
|
||||||
|
legacyCiRoutes: ['/parent/edit-all-students'],
|
||||||
|
})
|
||||||
|
|
||||||
|
/** CI `parent/add-emergency-form` — partial / modal flow. */
|
||||||
|
export const ParentAddEmergencyFormPage = createParentParityPage({
|
||||||
|
title: 'Add emergency contact',
|
||||||
|
ciViewFile: 'edit_emergency_contact.php',
|
||||||
|
legacyCiRoutes: ['/parent/add-emergency-form'],
|
||||||
|
})
|
||||||
|
|
||||||
|
/** CI `parent/add-student-form` — add student flow. */
|
||||||
|
export const ParentAddStudentFormPage = createParentParityPage({
|
||||||
|
title: 'Add student',
|
||||||
|
ciViewFile: 'register_student.php',
|
||||||
|
legacyCiRoutes: ['/parent/add-student-form'],
|
||||||
|
})
|
||||||
|
|
||||||
|
/** POST `parent/updateProfile/(:num)` — profile updates (PATCH in Laravel API). */
|
||||||
|
export const ParentUpdateProfileParityPage = createParentParityPage({
|
||||||
|
title: 'Update profile',
|
||||||
|
ciViewFile: 'register_student.php',
|
||||||
|
legacyCiRoutes: ['POST /parent/updateProfile/:id'],
|
||||||
|
})
|
||||||
@@ -0,0 +1,91 @@
|
|||||||
|
import { createParentParityPage } from './createParentParityPage'
|
||||||
|
|
||||||
|
export const ParentAddSecondParentPage = createParentParityPage({
|
||||||
|
title: 'Add second parent',
|
||||||
|
ciViewFile: 'add_second_parent.php',
|
||||||
|
legacyCiRoutes: ['/parent/add_second_parent'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentAssignmentsPage = createParentParityPage({
|
||||||
|
title: 'Assignments',
|
||||||
|
ciViewFile: 'assignments.php',
|
||||||
|
legacyCiRoutes: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentCalendarPage = createParentParityPage({
|
||||||
|
title: 'School calendar',
|
||||||
|
ciViewFile: 'calendar.php',
|
||||||
|
legacyCiRoutes: ['/parent/calendar'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentClassesPage = createParentParityPage({
|
||||||
|
title: 'Classes',
|
||||||
|
ciViewFile: 'classes.php',
|
||||||
|
legacyCiRoutes: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentProgressListPage = createParentParityPage({
|
||||||
|
title: 'Class progress',
|
||||||
|
ciViewFile: 'class_progress_list.php',
|
||||||
|
legacyCiRoutes: ['/parent/progress'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentInvoicePaymentPage = createParentParityPage({
|
||||||
|
title: 'Invoice payment',
|
||||||
|
ciViewFile: 'invoice_payment.php',
|
||||||
|
legacyCiRoutes: ['/parent/invoice_payment'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentNoKidsRegisteredPage = createParentParityPage({
|
||||||
|
title: 'No kids registered',
|
||||||
|
ciViewFile: 'no_kids_registred.php',
|
||||||
|
legacyCiRoutes: ['/parent/child_register', '/parent/register_student'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentMessagePage = createParentParityPage({
|
||||||
|
title: 'Message',
|
||||||
|
ciViewFile: 'parent_message.php',
|
||||||
|
legacyCiRoutes: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentEnrollFailurePage = createParentParityPage({
|
||||||
|
title: 'Enrollment unsuccessful',
|
||||||
|
ciViewFile: 'enroll_failure.php',
|
||||||
|
legacyCiRoutes: ['/parent/enroll_failure'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentEnrollSuccessPage = createParentParityPage({
|
||||||
|
title: 'Enrollment successful',
|
||||||
|
ciViewFile: 'enroll_success.php',
|
||||||
|
legacyCiRoutes: ['/parent/enroll_success'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentPaymentSuccessPage = createParentParityPage({
|
||||||
|
title: 'Payment success',
|
||||||
|
ciViewFile: 'payment_success.php',
|
||||||
|
legacyCiRoutes: ['/parent/payment_success'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentReportCardsPage = createParentParityPage({
|
||||||
|
title: 'Report cards',
|
||||||
|
ciViewFile: 'report_cards.php',
|
||||||
|
legacyCiRoutes: ['/parent/report-cards'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentScoresPage = createParentParityPage({
|
||||||
|
title: 'Scores',
|
||||||
|
ciViewFile: 'scores.php',
|
||||||
|
legacyCiRoutes: ['/parent/scores'],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentSuccessMessagePage = createParentParityPage({
|
||||||
|
title: 'Success',
|
||||||
|
ciViewFile: 'success_message.php',
|
||||||
|
legacyCiRoutes: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
export const ParentWithdrawSuccessPage = createParentParityPage({
|
||||||
|
title: 'Withdrawal successful',
|
||||||
|
ciViewFile: 'withdraw_success.php',
|
||||||
|
legacyCiRoutes: [],
|
||||||
|
})
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/* Mirrors app_codeigniter/public/assets/css/register-form.css for auth/register pages */
|
||||||
|
|
||||||
|
.ci-auth-bg {
|
||||||
|
background-color: #deffe1;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-form.ci-parity form {
|
||||||
|
max-width: 600px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 60px;
|
||||||
|
border-radius: 30px;
|
||||||
|
margin: auto;
|
||||||
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-form.ci-parity .form-control.item,
|
||||||
|
.registration-form.ci-parity .form-select.item {
|
||||||
|
border-radius: 20px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-form.ci-parity .btn.item {
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-form.ci-parity .btn-success.item {
|
||||||
|
background-color: #099909;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.registration-form.ci-parity .btn-secondary.item {
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
background-color: #6d7179;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 576px) {
|
||||||
|
.registration-form.ci-parity form {
|
||||||
|
padding: 32px 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
Vendored
+22
@@ -0,0 +1,22 @@
|
|||||||
|
declare module 'swagger-ui-react' {
|
||||||
|
import type { ComponentType } from 'react'
|
||||||
|
|
||||||
|
type SwaggerRequest = {
|
||||||
|
headers: Record<string, string>
|
||||||
|
url?: string
|
||||||
|
method?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SwaggerUIProps {
|
||||||
|
url?: string
|
||||||
|
docExpansion?: string
|
||||||
|
defaultModelsExpandDepth?: number
|
||||||
|
deepLinking?: boolean
|
||||||
|
tryItOutEnabled?: boolean
|
||||||
|
persistAuthorization?: boolean
|
||||||
|
requestInterceptor?: (req: SwaggerRequest) => SwaggerRequest
|
||||||
|
}
|
||||||
|
|
||||||
|
const SwaggerUI: ComponentType<SwaggerUIProps>
|
||||||
|
export default SwaggerUI
|
||||||
|
}
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
export type DocsBootstrap = {
|
||||||
|
variant: 'public' | 'full'
|
||||||
|
title: string
|
||||||
|
openapi_url: string
|
||||||
|
try_it_out_enabled: boolean
|
||||||
|
persist_authorization: boolean
|
||||||
|
show_authorize_button: boolean
|
||||||
|
welcome_name: string | null
|
||||||
|
}
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||||
|
"target": "es2023",
|
||||||
|
"lib": ["ES2023", "DOM"],
|
||||||
|
"module": "esnext",
|
||||||
|
"types": ["vite/client"],
|
||||||
|
"skipLibCheck": true,
|
||||||
|
|
||||||
|
/* Bundler mode */
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"verbatimModuleSyntax": true,
|
||||||
|
"moduleDetection": "force",
|
||||||
|
"noEmit": true,
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
|
||||||
|
/* Linting */
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"erasableSyntaxOnly": true,
|
||||||
|
"noFallthroughCasesInSwitch": true
|
||||||
|
},
|
||||||
|
"include": ["src"]
|
||||||
|
}
|
||||||
@@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"files": [],
|
||||||
|
"references": [
|
||||||
|
{ "path": "./tsconfig.app.json" },
|
||||||
|
{ "path": "./tsconfig.node.json" }
|
||||||
|
]
|
||||||
|
}
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||||
|
"target": "es2023",
|
||||||
|
"lib": ["ES2023"],
|
||||||
|
"module": "esnext",
|
||||||
|
"types": ["node"],
|
||||||
|
"skipLibCheck": true,
|
||||||
|
|
||||||
|
/* Bundler mode */
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"verbatimModuleSyntax": true,
|
||||||
|
"moduleDetection": "force",
|
||||||
|
"noEmit": true,
|
||||||
|
|
||||||
|
/* Linting */
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"erasableSyntaxOnly": true,
|
||||||
|
"noFallthroughCasesInSwitch": true
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import react from '@vitejs/plugin-react'
|
||||||
|
|
||||||
|
const apiTarget = process.env.VITE_PROXY_API ?? 'http://localhost:8000'
|
||||||
|
|
||||||
|
// https://vite.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react()],
|
||||||
|
server: {
|
||||||
|
host: true,
|
||||||
|
port: 5173,
|
||||||
|
strictPort: true,
|
||||||
|
watch: {
|
||||||
|
usePolling: true,
|
||||||
|
},
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: apiTarget,
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Reference in New Issue
Block a user