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

Version 36.1 by Super Admin on 2026/03/18 20:41

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
34.1	27	## 関連校として登録されているかチェック
	28	#set($affQuery = $services.query.hql("select doc.fullName, obj.affiliatedSchoolName from XWikiDocument doc, BaseObject bobj, StringProperty obj where bobj.name = doc.fullName and bobj.className = 'SeitokaiCode.SchoolClass' and obj.id.id = bobj.id and obj.id.name = 'affiliatedSchoolCode' and obj.value = :code").bindValue('code', $schoolCode))
	29	#set($affResults = $affQuery.execute())
	30	#if($affResults && $affResults.size() > 0)
	31	#set($affRow = $affResults.get(0))
	32	#set($affPageRef = $affRow.get(0))
	33	#set($affPageName = $affRow.get(1))
	34	{{html clean="false"}}
	35	<div class="form-message form-message-warning" style="margin: var(--sp-3) 0;">
	36	<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>
	37	<div>
	38	<strong>この学校は関連校（中高一貫校）として既に登録されています</strong>
	39	<p style="margin:4px 0 0">$!escapetool.xml($affPageName) のページに統合されています。<a href="$xwiki.getURL($affPageRef, 'view')">そちらのページへ移動する →</a></p>
	40	<p style="margin:4px 0 0;font-size:0.85em;color:var(--text-light)">別のページとして作成することもできますが、情報が分散する可能性があります。</p>
	41	</div>
	42	</div>
	43	{{/html}}
	44	#end
20.1	45	## ページをプログラム的に作成
	46	#set($newDoc = $xwiki.getDocument($targetPage))
	47	## SchoolTemplateのコンテンツを参照として設定（テンプレートの include）
23.1	48	## author="target" により、SchoolTemplateの作者（superadmin）の権限でVelocityを実行
	49	## これがないと学校ページの作者（一般ユーザー）のscript権限が必要になりエラーになる
	50	$newDoc.setContent('{{include reference="SeitokaiCode.SchoolTemplate" author="target" /}}')
20.1	51	$newDoc.setTitle($schoolName)
	52	$newDoc.setParent('Schools.WebHome')
	53	## SchoolClassオブジェクトを追加して初期値を設定
	54	#set($objNum = $newDoc.createNewObject('SeitokaiCode.SchoolClass'))
	55	#set($newObj = $newDoc.getObject('SeitokaiCode.SchoolClass', $objNum))
	56	$newObj.set('schoolCode', $schoolCode)
	57	$newObj.set('schoolName', $schoolName)
	58	$newDoc.saveWithProgrammingRights('学校ページを新規作成')
	59	## 作成後にビューにリダイレクト
	60	$response.sendRedirect($xwiki.getURL($targetPage, 'view'))
1.1	61	#end
	62	#else
	63
4.1	64	= 新しい学校ページを作成 =
1.1	65
	66	{{info}}
	67	学校名で検索してページを作成します。１校で複数のページを持つことはできません。文科省の学校コード毎に学校ページを作成することができます。
	68	{{/info}}
	69
	70	{{html clean="false"}}
11.1	71	<div class="school-create-form">
1.1	72	<form method="post" id="createSchoolForm">
	73	<input type="hidden" name="action" value="create" />
	74	<input type="hidden" name="form_token" value="$services.csrf.getToken()" />
	75	<input type="hidden" name="schoolCode" id="schoolCode" />
	76	<input type="hidden" name="schoolName" id="schoolName" />
	77
11.1	78	<div class="form-group">
	79	<label class="form-label">学校を検索 <span class="required-mark">*</span></label>
	80	<div class="search-input-wrap">
	81	<input type="text" id="schoolSearchInput" class="form-input search-input-padded"
1.1	82	placeholder="学校名で検索（例: 日比谷、渋谷、北野...）"
11.1	83	autocomplete="off" />
	84	<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>
	85	<ul id="schoolSearchResults" class="search-results-list"></ul>
1.1	86	</div>
11.1	87	<div class="form-hint">文科省の学校マスターデータから候補を検索します。</div>
1.1	88	</div>
	89
	90	<!-- 選択結果 -->
11.1	91	<div id="selectedSchoolArea" style="display:none;" class="form-group">
	92	<div class="selected-school-card">
	93	<div class="selected-school-layout">
1.1	94	<div>
11.1	95	<div class="selected-school-label">選択された学校</div>
	96	<div id="selectedSchoolName" class="selected-school-name"></div>
	97	<div id="selectedSchoolInfo" class="selected-school-info"></div>
	98	<div id="selectedSchoolCode" class="selected-school-code"></div>
1.1	99	</div>
31.1	100	<button type="button" onclick="clearSelection()" class="btn-change-school">選択解除</button>
1.1	101	</div>
	102	</div>
	103	</div>
	104
	105	<!-- 重複チェック結果 -->
11.1	106	<div id="duplicateWarning" class="duplicate-warning" style="display:none;">
5.1	107	<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	108	<div style="margin-top:6px;"><a id="duplicateLink" href="#">既存のページを開く →</a></div>
1.1	109	</div>
	110
35.1	111	<!-- 関連校チェック結果 -->
	112	<div id="affiliatedNotice" class="form-message form-message-info" style="display:none;">
	113	<svg class="ico" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg>
	114	<div>
	115	<strong>この学校は関連校（中高一貫校）として登録されています</strong>
	116	<p style="margin:4px 0 0" id="affiliatedNoticeText"></p>
	117	<p style="margin:4px 0 0;font-size:0.85em;color:var(--text-light)">別のページとして作成することもできますが、情報が分散する可能性があります。</p>
	118	</div>
	119	</div>
	120
1.1	121	<!-- 作成ボタン -->
	122	<div id="submitArea" style="display:none;">
11.1	123	<div class="create-ready-box">
5.1	124	<svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> この学校のページはまだ作成されていません。
1.1	125	</div>
11.1	126	<button type="submit" class="btn-save btn-full-width">ページを作成</button>
1.1	127	</div>
	128	</form>
	129
	130	<!-- 未選択時ヒント -->
11.1	131	<div id="searchHint" class="search-hint-box">
	132	<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>
	133	<div class="search-hint-text">上の検索欄から学校名を入力してください</div>
1.1	134	</div>
	135	</div>
	136
	137	<script>
	138	(function() {
27.1	139	// XSSエスケープ関数
	140	function escapeHtml(s) {
	141	var div = document.createElement('div');
	142	div.appendChild(document.createTextNode(s));
	143	return div.innerHTML;
	144	}
	145
1.1	146	// 学校マスターデータをJSON APIから取得
	147	var schools = [];
	148	var schoolsLoaded = false;
	149
	150	// schools.json をロード（XWiki添付ファイルとして配置）
	151	// 配置先: SeitokaiCode.SchoolMasterData の添付ファイル
29.1	152	var restBase = '$request.contextPath/rest/wikis/xwiki';
	153	fetch(restBase + '/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
1.1	154	.then(function(r) { return r.json(); })
	155	.then(function(data) { schools = data; schoolsLoaded = true; })
	156	.catch(function() {
	157	console.warn('学校マスターデータの読み込みに失敗しました。SeitokaiCode.SchoolMasterData に schools.json が添付されているか確認してください。');
	158	});
	159
	160	var input = document.getElementById('schoolSearchInput');
	161	var resultsList = document.getElementById('schoolSearchResults');
	162	var debounceTimer = null;
	163
	164	input.addEventListener('input', function() {
	165	clearTimeout(debounceTimer);
	166	debounceTimer = setTimeout(function() { searchSchools(input.value); }, 200);
	167	});
	168
	169	function searchSchools(query) {
	170	if (!query \|\| query.length < 1 \|\| !schoolsLoaded) {
	171	resultsList.style.display = 'none';
	172	return;
	173	}
	174	var q = query.toLowerCase();
	175	var results = schools.filter(function(s) {
	176	return s.name.toLowerCase().indexOf(q) >= 0 \|\|
	177	s.pref.indexOf(q) >= 0 \|\|
	178	s.city.indexOf(q) >= 0 \|\|
	179	s.code.indexOf(q) >= 0;
	180	}).slice(0, 10);
	181
	182	resultsList.innerHTML = '';
	183	if (results.length === 0) {
11.1	184	resultsList.innerHTML = '<li class="search-result-empty">該当する学校が見つかりません</li>';
1.1	185	} else {
	186	results.forEach(function(s) {
	187	var li = document.createElement('li');
11.1	188	li.className = 'search-result-item';
1.1	189	li.innerHTML =
27.1	190	'<div class="search-result-name">' + escapeHtml(s.name) + '</div>' +
11.1	191	'<div class="search-result-info">' +
27.1	192	escapeHtml(s.pref) + ' ' + escapeHtml(s.city) + ' ・ ' + escapeHtml(s.type) + '（' + escapeHtml(s.est) + '）' +
1.1	193	'</div>' +
27.1	194	'<div class="search-result-code">' + escapeHtml(s.code) + '</div>';
1.1	195	li.onclick = function() { selectSchool(s); };
	196	resultsList.appendChild(li);
	197	});
	198	}
	199	resultsList.style.display = 'block';
	200	}
	201
	202	window.selectSchool = function(school) {
	203	// hidden フィールドにセット
	204	document.getElementById('schoolCode').value = school.code;
	205	document.getElementById('schoolName').value = school.name;
	206
	207	// UI更新
	208	input.style.display = 'none';
	209	resultsList.style.display = 'none';
	210	document.getElementById('searchHint').style.display = 'none';
	211
	212	document.getElementById('selectedSchoolName').textContent = school.name;
	213	document.getElementById('selectedSchoolInfo').textContent =
	214	school.pref + ' ' + school.city + ' ・ ' + school.type + '（' + school.est + '）';
	215	document.getElementById('selectedSchoolCode').textContent = '学校コード: ' + school.code;
	216	document.getElementById('selectedSchoolArea').style.display = 'block';
	217
	218	// 重複チェック（XWikiにページが存在するか確認）
	219	var targetPage = 'Schools.' + school.code + '.WebHome';
35.1	220	var duplicateCheck = fetch(restBase + '/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
	221	.then(function(r) { return r.ok; })
	222	.catch(function() { return false; });
	223
	224	// 関連校チェック（他校の関連校として登録されているか確認）
36.1	225	var affiliatedCheck = fetch('$request.contextPath/bin/view/SeitokaiCode/CheckAffiliated?code=' + encodeURIComponent(school.code) + '&outputSyntax=plain')
	226	.then(function(r) { return r.ok ? r.json() : { found: false }; })
	227	.catch(function() { return { found: false }; });
35.1	228
	229	Promise.all([duplicateCheck, affiliatedCheck]).then(function(results) {
	230	var isDuplicate = results[0];
36.1	231	var affData = results[1];
35.1	232	var affNotice = document.getElementById('affiliatedNotice');
	233
	234	if (isDuplicate) {
	235	document.getElementById('duplicateWarning').style.display = 'block';
	236	document.getElementById('duplicateLink').href =
	237	'$request.contextPath/bin/Schools/' + school.code + '/';
	238	document.getElementById('submitArea').style.display = 'none';
	239	} else {
	240	document.getElementById('duplicateWarning').style.display = 'none';
	241	document.getElementById('submitArea').style.display = 'block';
	242	}
	243
	244	// 関連校として登録されている場合
36.1	245	if (affData && affData.found) {
	246	var linkHref = '$request.contextPath/bin/Schools/' + affData.mainCode + '/';
35.1	247	document.getElementById('affiliatedNoticeText').innerHTML =
36.1	248	'<a href="' + escapeHtml(linkHref) + '">' + escapeHtml(affData.mainName) + '</a> に中高一貫校の関連校として統合されています。' +
35.1	249	'<a href="' + escapeHtml(linkHref) + '">統合先のページへ移動する →</a>';
	250	affNotice.style.display = 'flex';
	251	} else {
	252	affNotice.style.display = 'none';
	253	}
	254	});
1.1	255	};
	256
	257	window.clearSelection = function() {
	258	document.getElementById('schoolCode').value = '';
	259	document.getElementById('schoolName').value = '';
	260	document.getElementById('selectedSchoolArea').style.display = 'none';
	261	document.getElementById('duplicateWarning').style.display = 'none';
35.1	262	document.getElementById('affiliatedNotice').style.display = 'none';
1.1	263	document.getElementById('submitArea').style.display = 'none';
	264	document.getElementById('searchHint').style.display = '';
	265	input.style.display = '';
	266	input.value = '';
	267	input.focus();
	268	};
	269
	270	// キーボードナビゲーション
	271	var selectedIdx = -1;
	272	input.addEventListener('keydown', function(e) {
	273	var items = resultsList.querySelectorAll('li');
	274	if (e.key === 'ArrowDown') {
	275	e.preventDefault();
	276	selectedIdx = Math.min(selectedIdx + 1, items.length - 1);
11.1	277	items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
1.1	278	} else if (e.key === 'ArrowUp') {
	279	e.preventDefault();
	280	selectedIdx = Math.max(selectedIdx - 1, 0);
11.1	281	items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
1.1	282	} else if (e.key === 'Enter' && selectedIdx >= 0) {
	283	e.preventDefault();
	284	items[selectedIdx].click();
	285	selectedIdx = -1;
	286	} else if (e.key === 'Escape') {
	287	resultsList.style.display = 'none';
	288	selectedIdx = -1;
	289	}
	290	});
	291
	292	// クリック外で閉じる
	293	document.addEventListener('click', function(e) {
	294	if (!e.target.closest('.school-create-form')) {
	295	resultsList.style.display = 'none';
	296	selectedIdx = -1;
	297	}
	298	});
30.1	299
	300	// 送信時ローディング
	301	var csForm = document.getElementById('createSchoolForm');
	302	if (csForm) {
	303	csForm.addEventListener('submit', function() {
	304	var btn = csForm.querySelector('button[type="submit"]');
	305	if (btn) { btn.disabled = true; btn.innerHTML = '<span class="btn-spinner"></span> 作成中...'; }
	306	});
	307	}
1.1	308	})();
	309	</script>
	310	{{/html}}
	311
	312	#end
	313	{{/velocity}}