Last modified by Super Admin on 2026/03/22 00:39

From version Icon 34.1 Icon
edited by Super Admin
on 2026/03/18 09:18
Change comment: There is no comment for this version
To version Icon 6.1 Icon
edited by XWikiGuest
on 2026/03/06 16:20
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.superadmin
1 +XWiki.XWikiGuest
Content
... ... @@ -3,7 +3,7 @@
3 3  
4 4  #set($currentUser = $xcontext.user)
5 5  #if($currentUser == 'XWiki.XWikiGuest')
6 - {{error}}学校ページの作成にはログインが必要です。[[ログイン>>path:/bin/login/XWiki/XWikiLogin]]してください。{{/error}}
6 + {{error}}学校ページの作成にはログインが必要です。[[ログイン>>path:/xwiki/bin/login/XWiki/XWikiLogin]]してください。{{/error}}
7 7   #stop
8 8  #end
9 9  
... ... @@ -12,9 +12,8 @@
12 12   #set($schoolCode = $request.schoolCode)
13 13   #set($schoolName = $request.schoolName)
14 14  
15 - ## バリデーション: 学校コードが13文字の文科省形式であること(例: D112310000377)
16 - ## 形式: 学校種(C1/C2/D1/D2) + 都道府県(2桁) + 設置区分(1桁) + 学校番号(7桁) + 検査数字(1桁)
17 - #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^[CD][12]\d{11}$'))
15 + ## バリデーション: 学校コードが13桁の数字であること(文科省形式)
16 + #if(!$schoolCode || $schoolCode.length() != 13 || !$schoolCode.matches('^\d{13}$'))
18 18   {{error}}学校コードが不正です。学校名検索から選択してください。{{/error}}
19 19   #stop
20 20   #end
... ... @@ -24,40 +24,9 @@
24 24   #if($xwiki.exists($targetPage))
25 25   {{error}}この学校のページは既に存在します。[[既存のページを開く>>$targetPage]]{{/error}}
26 26   #else
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
45 - ## ページをプログラム的に作成
46 - #set($newDoc = $xwiki.getDocument($targetPage))
47 - ## SchoolTemplateのコンテンツを参照として設定(テンプレートの include)
48 - ## author="target" により、SchoolTemplateの作者(superadmin)の権限でVelocityを実行
49 - ## これがないと学校ページの作者(一般ユーザー)のscript権限が必要になりエラーになる
50 - $newDoc.setContent('{{include reference="SeitokaiCode.SchoolTemplate" author="target" /}}')
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'))
26 + ## ページを作成して学校テンプレートを適用
27 + $response.sendRedirect($xwiki.getURL("Schools.${schoolCode}.WebHome", 'edit',
28 + "template=SeitokaiCode.SchoolTemplate&schoolCode=${schoolCode}&schoolName=${escapetool.url($schoolName)}"))
61 61   #end
62 62  #else
63 63  
... ... @@ -68,7 +68,7 @@
68 68  {{/info}}
69 69  
70 70  {{html clean="false"}}
71 -<div class="school-create-form">
39 +<div class="school-create-form" style="max-width:600px;">
72 72   <form method="post" id="createSchoolForm">
73 73   <input type="hidden" name="action" value="create" />
74 74   <input type="hidden" name="form_token" value="$services.csrf.getToken()" />
... ... @@ -75,64 +75,57 @@
75 75   <input type="hidden" name="schoolCode" id="schoolCode" />
76 76   <input type="hidden" name="schoolName" id="schoolName" />
77 77  
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"
46 + <div class="form-group" style="margin-bottom:20px;">
47 + <label style="font-weight:600;margin-bottom:6px;display:block;">学校を検索 <span style="color:#ef4444;">*</span></label>
48 + <div style="position:relative;">
49 + <input type="text" id="schoolSearchInput" class="form-control"
82 82   placeholder="学校名で検索(例: 日比谷、渋谷、北野...)"
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>
51 + autocomplete="off" style="padding-left:36px;" />
52 + <span style="position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:0.9em;color:#999;pointer-events:none;"><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>
53 + <ul id="schoolSearchResults" style="display:none;position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);z-index:100;list-style:none;margin:0;padding:0;"></ul>
86 86   </div>
87 - <div class="form-hint">文科省の学校マスターデータから候補を検索します。</div>
55 + <small style="color:#94a3b8;font-size:0.82em;">文科省の学校マスターデータから候補を検索します。</small>
88 88   </div>
89 89  
90 90   <!-- 選択結果 -->
91 - <div id="selectedSchoolArea" style="display:none;" class="form-group">
92 - <div class="selected-school-card">
93 - <div class="selected-school-layout">
59 + <div id="selectedSchoolArea" style="display:none;margin-bottom:20px;">
60 + <div style="background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:16px 20px;">
61 + <div style="display:flex;justify-content:space-between;align-items:flex-start;">
94 94   <div>
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>
63 + <div style="font-size:0.78em;color:#15803d;font-weight:600;">選択された学校</div>
64 + <div id="selectedSchoolName" style="font-size:1.05em;font-weight:700;color:#166534;margin-top:4px;"></div>
65 + <div id="selectedSchoolInfo" style="font-size:0.84em;color:#15803d;margin-top:2px;"></div>
66 + <div id="selectedSchoolCode" style="font-family:monospace;font-size:0.82em;color:#166534;margin-top:2px;"></div>
99 99   </div>
100 - <button type="button" onclick="clearSelection()" class="btn-change-school">選択解除</button>
68 + <button type="button" onclick="clearSelection()" style="background:none;border:1px solid #86efac;border-radius:6px;cursor:pointer;color:#dc2626;font-size:0.82em;padding:4px 12px;">変更</button>
101 101   </div>
102 102   </div>
103 103   </div>
104 104  
105 105   <!-- 重複チェック結果 -->
106 - <div id="duplicateWarning" class="duplicate-warning" style="display:none;">
74 + <div id="duplicateWarning" style="display:none;margin-bottom:20px;padding:14px 18px;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;font-size:0.88em;color:#991b1b;">
107 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>
108 - <div style="margin-top:6px;"><a id="duplicateLink" href="#">既存のページを開く →</a></div>
76 + <div style="margin-top:6px;"><a id="duplicateLink" href="#" style="color:#4f46e5;font-weight:600;">既存のページを開く →</a></div>
109 109   </div>
110 110  
111 111   <!-- 作成ボタン -->
112 112   <div id="submitArea" style="display:none;">
113 - <div class="create-ready-box">
81 + <div style="padding:14px;background:#ecfdf5;border:1px solid #86efac;border-radius:10px;margin-bottom:16px;font-size:0.88em;color:#166534;">
114 114   <svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> この学校のページはまだ作成されていません。
115 115   </div>
116 - <button type="submit" class="btn-save btn-full-width">ページを作成</button>
84 + <button type="submit" class="btn btn-primary" style="width:100%;">ページを作成</button>
117 117   </div>
118 118   </form>
119 119  
120 120   <!-- 未選択時ヒント -->
121 - <div id="searchHint" class="search-hint-box">
122 - <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>
123 - <div class="search-hint-text">上の検索欄から学校名を入力してください</div>
89 + <div id="searchHint" style="margin-top:20px;text-align:center;padding:24px;background:#f1f5f9;border-radius:10px;">
90 + <div style="font-size:2em;margin-bottom:8px;"><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>
91 + <div style="font-size:0.9em;color:#94a3b8;">上の検索欄から学校名を入力してください</div>
124 124   </div>
125 125  </div>
126 126  
127 127  <script>
128 128  (function() {
129 - // XSSエスケープ関数
130 - function escapeHtml(s) {
131 - var div = document.createElement('div');
132 - div.appendChild(document.createTextNode(s));
133 - return div.innerHTML;
134 - }
135 -
136 136   // 学校マスターデータをJSON APIから取得
137 137   var schools = [];
138 138   var schoolsLoaded = false;
... ... @@ -139,8 +139,7 @@
139 139  
140 140   // schools.json をロード(XWiki添付ファイルとして配置)
141 141   // 配置先: SeitokaiCode.SchoolMasterData の添付ファイル
142 - var restBase = '$request.contextPath/rest/wikis/xwiki';
143 - fetch(restBase + '/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
103 + fetch('/xwiki/rest/wikis/xwiki/spaces/SeitokaiCode/pages/SchoolMasterData/attachments/schools.json')
144 144   .then(function(r) { return r.json(); })
145 145   .then(function(data) { schools = data; schoolsLoaded = true; })
146 146   .catch(function() {
... ... @@ -171,17 +171,19 @@
171 171  
172 172   resultsList.innerHTML = '';
173 173   if (results.length === 0) {
174 - resultsList.innerHTML = '<li class="search-result-empty">該当する学校が見つかりません</li>';
134 + resultsList.innerHTML = '<li style="padding:14px;text-align:center;color:#94a3b8;">該当する学校が見つかりません</li>';
175 175   } else {
176 176   results.forEach(function(s) {
177 177   var li = document.createElement('li');
178 - li.className = 'search-result-item';
138 + li.style.cssText = 'padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f5f9;';
179 179   li.innerHTML =
180 - '<div class="search-result-name">' + escapeHtml(s.name) + '</div>' +
181 - '<div class="search-result-info">' +
182 - escapeHtml(s.pref) + ' ' + escapeHtml(s.city) + ' ・ ' + escapeHtml(s.type) + '(' + escapeHtml(s.est) + ')' +
140 + '<div style="font-weight:600;">' + s.name + '</div>' +
141 + '<div style="font-size:0.82em;color:#94a3b8;margin-top:2px;">' +
142 + s.pref + ' ' + s.city + ' ・ ' + s.type + '(' + s.est + ')' +
183 183   '</div>' +
184 - '<div class="search-result-code">' + escapeHtml(s.code) + '</div>';
144 + '<div style="font-family:monospace;font-size:0.78em;color:#6366f1;">' + s.code + '</div>';
145 + li.onmouseover = function() { this.style.background = '#f0f4ff'; };
146 + li.onmouseout = function() { this.style.background = ''; };
185 185   li.onclick = function() { selectSchool(s); };
186 186   resultsList.appendChild(li);
187 187   });
... ... @@ -207,13 +207,13 @@
207 207  
208 208   // 重複チェック(XWikiにページが存在するか確認)
209 209   var targetPage = 'Schools.' + school.code + '.WebHome';
210 - fetch(restBase + '/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
172 + fetch('/xwiki/rest/wikis/xwiki/spaces/Schools/spaces/' + school.code + '/pages/WebHome')
211 211   .then(function(r) {
212 212   if (r.ok) {
213 213   // 既存ページあり
214 214   document.getElementById('duplicateWarning').style.display = 'block';
215 215   document.getElementById('duplicateLink').href =
216 - '$request.contextPath/bin/Schools/' + school.code + '/';
178 + '/xwiki/bin/view/Schools/' + school.code + '/';
217 217   document.getElementById('submitArea').style.display = 'none';
218 218   } else {
219 219   // 新規作成OK
... ... @@ -246,11 +246,11 @@
246 246   if (e.key === 'ArrowDown') {
247 247   e.preventDefault();
248 248   selectedIdx = Math.min(selectedIdx + 1, items.length - 1);
249 - items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
211 + items.forEach(function(li, i) { li.style.background = i === selectedIdx ? '#f0f4ff' : ''; });
250 250   } else if (e.key === 'ArrowUp') {
251 251   e.preventDefault();
252 252   selectedIdx = Math.max(selectedIdx - 1, 0);
253 - items.forEach(function(li, i) { li.classList.toggle('active', i === selectedIdx); });
215 + items.forEach(function(li, i) { li.style.background = i === selectedIdx ? '#f0f4ff' : ''; });
254 254   } else if (e.key === 'Enter' && selectedIdx >= 0) {
255 255   e.preventDefault();
256 256   items[selectedIdx].click();
... ... @@ -268,15 +268,6 @@
268 268   selectedIdx = -1;
269 269   }
270 270   });
271 -
272 - // 送信時ローディング
273 - var csForm = document.getElementById('createSchoolForm');
274 - if (csForm) {
275 - csForm.addEventListener('submit', function() {
276 - var btn = csForm.querySelector('button[type="submit"]');
277 - if (btn) { btn.disabled = true; btn.innerHTML = '<span class="btn-spinner"></span> 作成中...'; }
278 - });
279 - }
280 280  })();
281 281  </script>
282 282  {{/html}}