Wiki source code of 新しい学校ページを作成

Version 24.1 by Super Admin on 2026/03/10 21:30

version	line-number	content
1.1	1	{{velocity}}
	2	## 新しい学校ページ作成フォーム（学校マスターデータ検索方式）
	3
	4	#set($currentUser = $xcontext.user)
	5	#if($currentUser == 'XWiki.XWikiGuest')
18.1	6	{{error}}学校ページの作成にはログインが必要です。[[ログイン>>path:/bin/login/XWiki/XWikiLogin]]してください。{{/error}}
1.1	7	#stop
	8	#end
	9
	10	#if($request.action && $request.action == 'create' && $services.csrf.isTokenValid($request.form_token))
	11	## フォーム送信後の処理
	12	#set($schoolCode = $request.schoolCode)
	13	#set($schoolName = $request.schoolName)
	14
19.1	15	## バリデーション: 学校コードが13文字の文科省形式であること（例: D112310000377）
	16	## 形式: 学校種(C1/C2/D1/D2) + 都道府県(2桁) + 設置区分(1桁) + 学校番号(7桁) + 検査数字(1桁)
	17	#if(!$schoolCode \|\| $schoolCode.length() != 13 \|\| !$schoolCode.matches('^[CD][12]\d{11}$'))
1.1	18	{{error}}学校コードが不正です。学校名検索から選択してください。{{/error}}
	19	#stop
	20	#end
	21
	22	#set($targetPage = "Schools.${schoolCode}.WebHome")
	23
	24	#if($xwiki.exists($targetPage))
	25	{{error}}この学校のページは既に存在します。[[既存のページを開く>>$targetPage]]{{/error}}
	26	#else
20.1	27	## ページをプログラム的に作成
	28	#set($newDoc = $xwiki.getDocument($targetPage))
	29	## SchoolTemplateのコンテンツを参照として設定（テンプレートの include）
23.1	30	## author="target" により、SchoolTemplateの作者（superadmin）の権限でVelocityを実行
	31	## これがないと学校ページの作者（一般ユーザー）のscript権限が必要になりエラーになる
	32	$newDoc.setContent('{{include reference="SeitokaiCode.SchoolTemplate" author="target" /}}')
20.1	33	$newDoc.setTitle($schoolName)
	34	$newDoc.setParent('Schools.WebHome')
	35	## SchoolClassオブジェクトを追加して初期値を設定
	36	#set($objNum = $newDoc.createNewObject('SeitokaiCode.SchoolClass'))
	37	#set($newObj = $newDoc.getObject('SeitokaiCode.SchoolClass', $objNum))
	38	$newObj.set('schoolCode', $schoolCode)
	39	$newObj.set('schoolName', $schoolName)
	40	## 現在の年度を初期値として設定（4月始まり）
	41	#set($now = $datetool.date)
	42	#set($currentYear = $datetool.format('yyyy', $now))
	43	#set($currentMonth = $mathtool.toInteger($datetool.format('MM', $now)))
	44	#if($currentMonth >= 4)
	45	#set($fiscalYear = $currentYear)
	46	#else
	47	#set($fiscalYear = $mathtool.sub($mathtool.toInteger($currentYear), 1).toString())
	48	#end
	49	$newObj.set('fiscalYear', $fiscalYear)
	50	$newDoc.saveWithProgrammingRights('学校ページを新規作成')
	51	## 作成後にビューにリダイレクト
	52	$response.sendRedirect($xwiki.getURL($targetPage, 'view'))
1.1	53	#end
	54	#else
	55
4.1	56	= 新しい学校ページを作成 =
1.1	57
	58	{{info}}
	59	学校名で検索してページを作成します。１校で複数のページを持つことはできません。文科省の学校コード毎に学校ページを作成することができます。
	60	{{/info}}
	61
	62	{{html clean="false"}}
11.1	63	<div class="school-create-form">
1.1	64	<form method="post" id="createSchoolForm">
	65	<input type="hidden" name="action" value="create" />
	66	<input type="hidden" name="form_token" value="$services.csrf.getToken()" />
	67	<input type="hidden" name="schoolCode" id="schoolCode" />
	68	<input type="hidden" name="schoolName" id="schoolName" />
	69
11.1	70	<div class="form-group">
	71	<label class="form-label">学校を検索 <span class="required-mark">*</span></label>
	72	<div class="search-input-wrap">
	73	<input type="text" id="schoolSearchInput" class="form-input search-input-padded"
1.1	74	placeholder="学校名で検索（例: 日比谷、渋谷、北野...）"
11.1	75	autocomplete="off" />
	76	<span class="search-input-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
	77	<ul id="schoolSearchResults" class="search-results-list"></ul>
1.1	78	</div>
11.1	79	<div class="form-hint">文科省の学校マスターデータから候補を検索します。</div>
1.1	80	</div>
	81
	82	<!-- 選択結果 -->
11.1	83	<div id="selectedSchoolArea" style="display:none;" class="form-group">
	84	<div class="selected-school-card">
	85	<div class="selected-school-layout">
1.1	86	<div>
11.1	87	<div class="selected-school-label">選択された学校</div>
	88	<div id="selectedSchoolName" class="selected-school-name"></div>
	89	<div id="selectedSchoolInfo" class="selected-school-info"></div>
	90	<div id="selectedSchoolCode" class="selected-school-code"></div>
1.1	91	</div>
11.1	92	<button type="button" onclick="clearSelection()" class="btn-change-school">変更</button>
1.1	93	</div>
	94	</div>
	95	</div>
	96
	97	<!-- 重複チェック結果 -->
11.1	98	<div id="duplicateWarning" class="duplicate-warning" style="display:none;">
5.1	99	<strong><svg class="ico" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg> この学校のページは既に存在します</strong>
11.1	100	<div style="margin-top:6px;"><a id="duplicateLink" href="#">既存のページを開く →</a></div>
1.1	101	</div>
	102
	103	<!-- 作成ボタン -->
	104	<div id="submitArea" style="display:none;">
11.1	105	<div class="create-ready-box">
5.1	106	<svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> この学校のページはまだ作成されていません。
1.1	107	</div>
11.1	108	<button type="submit" class="btn-save btn-full-width">ページを作成</button>
1.1	109	</div>
	110	</form>
	111
	112	<!-- 未選択時ヒント -->
11.1	113	<div id="searchHint" class="search-hint-box">
	114	<div class="search-hint-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></div>
	115	<div class="search-hint-text">上の検索欄から学校名を入力してください</div>
1.1	116	</div>
	117	</div>
	118
	119	<script>
	120	(function() {
	121	// 学校マスターデータをJSON APIから取得
	122	var schools = [];
	123	var schoolsLoaded = false;
	124
	125	// schools.json をロード（XWiki添付ファイルとして配置）
	126	// 配置先: SeitokaiCode.SchoolMasterData の添付ファイル
18.1	127	fetch('/rest/wikis/xwiki/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
1.1	128	.then(function(r) { return r.json(); })
	129	.then(function(data) { schools = data; schoolsLoaded = true; })
	130	.catch(function() {
	131	console.warn('学校マスターデータの読み込みに失敗しました。SeitokaiCode.SchoolMasterData に schools.json が添付されているか確認してください。');
	132	});
	133
	134	var input = document.getElementById('schoolSearchInput');
	135	var resultsList = document.getElementById('schoolSearchResults');
	136	var debounceTimer = null;
	137
	138	input.addEventListener('input', function() {
	139	clearTimeout(debounceTimer);
	140	debounceTimer = setTimeout(function() { searchSchools(input.value); }, 200);
	141	});
	142
	143	function searchSchools(query) {
	144	if (!query \|\| query.length < 1 \|\| !schoolsLoaded) {
	145	resultsList.style.display = 'none';
	146	return;
	147	}
	148	var q = query.toLowerCase();
	149	var results = schools.filter(function(s) {
	150	return s.name.toLowerCase().indexOf(q) >= 0 \|\|
	151	s.pref.indexOf(q) >= 0 \|\|
	152	s.city.indexOf(q) >= 0 \|\|
	153	s.code.indexOf(q) >= 0;
	154	}).slice(0, 10);
	155
	156	resultsList.innerHTML = '';
	157	if (results.length === 0) {
11.1	158	resultsList.innerHTML = '<li class="search-result-empty">該当する学校が見つかりません</li>';
1.1	159	} else {
	160	results.forEach(function(s) {
	161	var li = document.createElement('li');
11.1	162	li.className = 'search-result-item';
1.1	163	li.innerHTML =
11.1	164	'<div class="search-result-name">' + s.name + '</div>' +
	165	'<div class="search-result-info">' +
1.1	166	s.pref + ' ' + s.city + ' ・ ' + s.type + '（' + s.est + '）' +
	167	'</div>' +
11.1	168	'<div class="search-result-code">' + s.code + '</div>';
1.1	169	li.onclick = function() { selectSchool(s); };
	170	resultsList.appendChild(li);
	171	});
	172	}
	173	resultsList.style.display = 'block';
	174	}
	175
	176	window.selectSchool = function(school) {
	177	// hidden フィールドにセット
	178	document.getElementById('schoolCode').value = school.code;
	179	document.getElementById('schoolName').value = school.name;
	180
	181	// UI更新
	182	input.style.display = 'none';
	183	resultsList.style.display = 'none';
	184	document.getElementById('searchHint').style.display = 'none';
	185
	186	document.getElementById('selectedSchoolName').textContent = school.name;
	187	document.getElementById('selectedSchoolInfo').textContent =
	188	school.pref + ' ' + school.city + ' ・ ' + school.type + '（' + school.est + '）';
	189	document.getElementById('selectedSchoolCode').textContent = '学校コード: ' + school.code;
	190	document.getElementById('selectedSchoolArea').style.display = 'block';
	191
	192	// 重複チェック（XWikiにページが存在するか確認）
	193	var targetPage = 'Schools.' + school.code + '.WebHome';
18.1	194	fetch('/rest/wikis/xwiki/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
1.1	195	.then(function(r) {
	196	if (r.ok) {
	197	// 既存ページあり
	198	document.getElementById('duplicateWarning').style.display = 'block';
	199	document.getElementById('duplicateLink').href =
24.1	200	'/bin/Schools/' + school.code + '/';
1.1	201	document.getElementById('submitArea').style.display = 'none';
	202	} else {
	203	// 新規作成OK
	204	document.getElementById('duplicateWarning').style.display = 'none';
	205	document.getElementById('submitArea').style.display = 'block';
	206	}
	207	})
	208	.catch(function() {
	209	// APIエラー時は作成を許可（サーバー側で重複チェックもある）
	210	document.getElementById('submitArea').style.display = 'block';
	211	});
	212	};
	213
	214	window.clearSelection = function() {
	215	document.getElementById('schoolCode').value = '';
	216	document.getElementById('schoolName').value = '';
	217	document.getElementById('selectedSchoolArea').style.display = 'none';
	218	document.getElementById('duplicateWarning').style.display = 'none';
	219	document.getElementById('submitArea').style.display = 'none';
	220	document.getElementById('searchHint').style.display = '';
	221	input.style.display = '';
	222	input.value = '';
	223	input.focus();
	224	};
	225
	226	// キーボードナビゲーション
	227	var selectedIdx = -1;
	228	input.addEventListener('keydown', function(e) {
	229	var items = resultsList.querySelectorAll('li');
	230	if (e.key === 'ArrowDown') {
	231	e.preventDefault();
	232	selectedIdx = Math.min(selectedIdx + 1, items.length - 1);
11.1	233	items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
1.1	234	} else if (e.key === 'ArrowUp') {
	235	e.preventDefault();
	236	selectedIdx = Math.max(selectedIdx - 1, 0);
11.1	237	items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
1.1	238	} else if (e.key === 'Enter' && selectedIdx >= 0) {
	239	e.preventDefault();
	240	items[selectedIdx].click();
	241	selectedIdx = -1;
	242	} else if (e.key === 'Escape') {
	243	resultsList.style.display = 'none';
	244	selectedIdx = -1;
	245	}
	246	});
	247
	248	// クリック外で閉じる
	249	document.addEventListener('click', function(e) {
	250	if (!e.target.closest('.school-create-form')) {
	251	resultsList.style.display = 'none';
	252	selectedIdx = -1;
	253	}
	254	});
	255	})();
	256	</script>
	257	{{/html}}
	258
	259	#end
	260	{{/velocity}}