/* HMU HR Portal — 本文セクション */ const { useState: useS, useMemo } = React; const HRD = window.HMU_HR; const { CAT_COLORS, STATUS, fmtDate } = HRD; const statusStyle = (s) => ({ done: { bg:'var(--green-tint2)', fg:'var(--green-deep)' }, now: { bg:'var(--green)', fg:'#fff' }, next: { bg:'#fff', fg:'var(--sub)' }, }[s] || { bg:'#fff', fg:'var(--sub)' }); /* ── インフォメーション通知（ポップアップ）── */ function NoticeModal({ notice, onClose }) { React.useEffect(() => { const k = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', k); return () => window.removeEventListener('keydown', k); }, [onClose]); if (!notice) return null; return (
e.stopPropagation()} style={{ background:'#fff', borderRadius:20, maxWidth:800, width:'100%', padding:'clamp(26px,3.4vw,48px)', boxShadow:'0 30px 80px rgba(11,21,18,.3)', position:'relative' }}>
{notice.label} {notice.date}

{notice.title}

{notice.to}{notice.from}
{(notice.paragraphs || []).map((p,i) => (

{p}

))}

{notice.note}

); } /* ── インフォメーション通知（理事長名義の文面）── */ function NoticeLetter({ notice, docUrl }) { const [open, setOpen] = useS(false); if (!notice || notice.show === false) return null; const paras = notice.paragraphs || []; const shown = open ? paras : paras.slice(0, 1); return (
{notice.label} {notice.date}

{notice.title}

{notice.to}{notice.from}
{shown.map((p,i) => (

{p}

))}
{paras.length > 1 ? ( ) : null} {open ? (

{notice.note}

{docUrl ? PDFで見る → : null}
) : null}
); } /* ── 先行施策 ＋ 工程表 ── */ function Initiatives({ initiatives, roadmap }) { const allI = HRD.pub(initiatives), allR = HRD.pub(roadmap); const years = Array.from(new Set([...allI, ...allR].map(x => x.year).filter(Boolean))).sort((a,b)=>a-b); const [year, setYear] = useS(years[0] || 2026); const its = allI.filter(x => !x.year || x.year === year); const road = allR.filter(x => !x.year || x.year === year); return (
{years.length > 1 ? (
{years.map(y => )}
) : null}
{its.map((it, i) => { const st = statusStyle(it.status); return (
{it.tag} {STATUS[it.status]} 0{i+1}

{it.title}

{it.when}

{it.desc}

); })}

{year}年度 実施スケジュール

ROADMAP
    {road.map((r) => { const st = statusStyle(r.status); return (
  1. {r.when}
    {r.label}
    {STATUS[r.status]}
    2. ); })}
); } /* ── 標語公募 ── */ function SloganCall({ hero }) { const c = hero.campaign; const decided = hero.mode === 'slogan'; const formUrl = c.formUrl || '#'; return (
SLOGAN OPEN CALL

{decided ? '標語は教職員の公募により決定しました' : '標語（キャッチフレーズ）を公募します'}

{decided ? `決定した標語「${hero.slogan.text}」を軸に、これからの施策を進めていきます。ご応募いただいた皆さまに感謝申し上げます。` : '目指す組織風土・職場環境を、より深く浸透させていくための標語を策定します。言葉は現場から。職種・立場・雇用形態を問わず、すべての教職員が応募できます。'}

{[['募集期間', c.period],['決定・発表', c.decide],['応募条件', c.note],['応募方法', 'Googleフォームから送信（学内アカウントでアクセスできます）'],['選考', '人事部で一次選考のうえ、常務会にて決定']].map(([k,val]) => (
{k}
{val}
 ))}
GOOGLE FORM
{decided ? '応募の受付は終了しました' : '応募はGoogleフォームから'}

{decided ? 'たくさんのご応募をありがとうございました。決定した標語を軸に、これからの施策を進めていきます。' : '入力項目は「標語」「込めた想い（任意）」「所属・氏名（任意）」の3つだけ。1〜2分で送信できます。'}

{decided ? null : (
    {['お一人何点でも応募できます','匿名でも応募できます','スマートフォンからも回答できます'].map((x,i) => (
  • ／{x}
    • ))}
)} {decided ? null : ( Googleフォームを開く ↗ )}

フォームが開けない場合は人事部人事課（内線 6533）までご連絡ください。

); } /* ── お知らせ ＋ 行事 ── */ function NewsBoard({ announcements, events }) { const [cat, setCat] = useS('すべて'); const cats = ['すべて', ...HRD.CATS]; const list = useMemo(() => { const src = HRD.pub(announcements); const f = cat === 'すべて' ? src : src.filter(a => a.cat === cat); return [...f].sort((a,b) => (b.pinned?1:0)-(a.pinned?1:0) || b.date.localeCompare(a.date)); }, [announcements, cat]); return (
{cats.map(c => )}
{list.map((a,i) => ( {fmtDate(a.date)} {a.cat} {a.pinned ? PIN : null}{a.title} {a.author} ))} {list.length === 0 ?
該当するお知らせはありません
: null}
{HRD.pub(events).map(e => (
{(e.date||'').slice(5,7)}月
{+(e.date||'').slice(8,10)}
{e.label}
{e.cat} {e.place}
))}
); } /* ── 手続き・制度ガイド（ライフイベント別） ── */ function Guides({ guides }) { const list = HRD.pub(guides); const [open, setOpen] = useS(list[0] ? list[0].id : null); return (
{[['様式ダウンロード','各種届出・申請の様式','forms.html'],['私学事業団（共済・年金）','短期給付・長期給付・福祉事業','shigaku.html'],['人事制度・発令','人事考課／発令／人員配置／事務分掌','system.html'],['勤怠・就業管理','打刻・時間外／医師はDr.JOY','attendance.html']].map(([l,dsc,u]) => ( {l} {dsc} ))}
{list.map(g => { const on = open === g.id; return (
setOpen(on?null:g.id)} className="card hoverable" style={{ padding:'20px 20px 18px', cursor:'pointer', borderColor: on?'var(--ink)':'var(--line)', background:'#fff' }}>

{g.label}

＋

{g.desc}

{on ? ( ) : null}
); })}
); } /* ── コラム ＋ FAQ ── */ /* FAQ本体（検索＋タグ＋アコーディオン）。単体でも使える */ function FaqPanel({ faq, head = true }) { const [openQ, setOpenQ] = useS(null); const [q, setQ] = useS(''); const [tag, setTag] = useS('すべて'); const faqAll = HRD.pub(faq); const tags = ['すべて', ...Array.from(new Set(faqAll.flatMap(f => f.tags || [])))]; const list = faqAll.filter(f => { const okTag = tag === 'すべて' || (f.tags || []).includes(tag); const s = q.trim(); const okQ = !s || (f.q + f.a + (f.tags || []).join(' ')).toLowerCase().includes(s.toLowerCase()); return okTag && okQ; }); return (
{head ? : null}
setQ(e.target.value)} placeholder="キーワードで検索（例：休暇、研修、相談）" style={{ width:'100%', padding:'11px 16px', borderRadius:99, border:'1.5px solid var(--line)', background:'#fff', fontSize:13, fontFamily:'inherit', color:'var(--ink)' }} />
{tags.map(t => )}
{list.map((f,i) => { const on = openQ === f.id; return (
{on ? (
{f.a}
{(f.tags || []).length ? (
{f.tags.map(t => )}
) : null}
) : null}
); })} {list.length === 0 ?
該当する質問が見つかりませんでした。
: null}
); } /* 人事部コラム */ function ColumnsPanel({ columns }) { return (
{HRD.pub(columns).map(c => (
{c.tag} {fmtDate(c.date)} {c.read}
{c.title}
 ))}
); } /* トップページ用：コラム＋FAQの2カラム */ function ColumnsFaq({ columns, faq }) { return (
); } /* ── 声を届ける ── */ function Voice({ voice }) { return (
YOUR VOICE

{voice.title}

{voice.body}

{HRD.pub(voice.channels).map(ch => ( {ch.label} {ch.desc} ))}
); } function Footer({ contacts = [], note = '', nav = NAV }) { const list = HRD.pub(contacts); return ( ); } Object.assign(window, { NoticeModal, NoticeLetter, Initiatives, SloganCall, NewsBoard, Guides, ColumnsFaq, FaqPanel, ColumnsPanel, Voice, Footer });