Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
85.1
edited by Super Admin
on 2026/03/20 01:46
on 2026/03/20 01:46
Change comment:
There is no comment for this version
To version
80.1
edited by Super Admin
on 2026/03/19 15:50
on 2026/03/19 15:50
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -35,9 +35,8 @@ 35 35 #set($schoolSystem = $doc.getValue('schoolSystem')) 36 36 #set($website = $doc.getValue('website')) 37 37 #set($schoolPhoto = $doc.getValue('schoolPhoto')) 38 -#set($schoolDescription = $doc.getValue('schoolDescription')) 39 39 40 -## --- 生徒会組織 ---39 +## --- 組織図 --- 41 41 #set($orgChart = $doc.getValue('orgChart')) 42 42 #set($orgChartImage = $doc.getValue('orgChartImage')) 43 43 ... ... @@ -354,9 +354,6 @@ 354 354 </div> 355 355 #end 356 356 </div> 357 - #if($schoolDescription && $schoolDescription.trim() != '') 358 - <div class="free-note" style="margin-top:var(--sp-4);">$!escapetool.xml($schoolDescription)</div> 359 - #end 360 360 #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) 361 361 #set($infoEditBy = $!doc.getValue('lastInfoEditedBy')) 362 362 #if($infoEditDate && $infoEditDate != '') ... ... @@ -369,7 +369,7 @@ 369 369 <h2 role="button" tabindex="0" aria-expanded="true" onclick="toggleInfoCard('card-seitokai-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleInfoCard('card-seitokai-info')}"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/></svg> 生徒会基本情報</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2> 370 370 <div class="seitokai-info-body"> 371 371 372 - ## --- 生徒会組織 ---368 + ## --- 組織図 --- 373 373 #set($hasOrgContent = ($orgChart && $orgChart != '') || ($orgChartImage && $orgChartImage != '')) 374 374 #if($hasOrgContent) 375 375 #set($canViewOrgChart = true) ... ... @@ -378,16 +378,16 @@ 378 378 #end 379 379 #if($canViewOrgChart) 380 380 <div class="seitokai-subsection"> 381 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/><line x1="9" y1="10" x2="9" y2="10.01"/><line x1="15" y1="10" x2="15" y2="10.01"/><line x1="9" y1="14" x2="9" y2="14.01"/><line x1="15" y1="14" x2="15" y2="14.01"/></svg> 生徒会組織 #if($visibilityOrgChart != 'public')<span class="visibility-badge visibility-${visibilityOrgChart}">#if($visibilityOrgChart == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認・紹介限定#else<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> 校内限定#end</span>#end</h3>377 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 21h18"/><path d="M5 21V7l7-4 7 4v14"/><path d="M9 21v-4h6v4"/><line x1="9" y1="10" x2="9" y2="10.01"/><line x1="15" y1="10" x2="15" y2="10.01"/><line x1="9" y1="14" x2="9" y2="14.01"/><line x1="15" y1="14" x2="15" y2="14.01"/></svg> 組織図 #if($visibilityOrgChart != 'public')<span class="visibility-badge visibility-${visibilityOrgChart}">#if($visibilityOrgChart == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<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> 校内限定#end</span>#end</h3> 382 382 <div class="seitokai-subsection-content"> 383 383 #if($orgChartImage && $orgChartImage != '') 384 384 <div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($orgChartImage)" alt="組織図" class="org-chart-img" /></div> 385 385 #end 386 - #if($orgChart && $orgChart != '') <div class="free-note">$!escapetool.xml($orgChart)</div>#end382 + #if($orgChart && $orgChart != '')$!escapetool.xml($orgChart)#end 387 387 </div> 388 388 </div> 389 389 #else 390 - <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 生徒会組織は #if($visibilityOrgChart == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div>386 + <div class="visibility-restricted-notice"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg> 組織図は #if($visibilityOrgChart == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 391 391 #end 392 392 #end 393 393 ... ... @@ -458,7 +458,7 @@ 458 458 #end 459 459 #if($canViewBudget) 460 460 <div class="seitokai-subsection"> 461 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg> 予算 #if($visibilityBudget != 'public')<span class="visibility-badge visibility-${visibilityBudget}">#if($visibilityBudget == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 ・紹介限定#else<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> 校内限定#end</span>#end</h3>457 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg> 予算 #if($visibilityBudget != 'public')<span class="visibility-badge visibility-${visibilityBudget}">#if($visibilityBudget == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<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> 校内限定#end</span>#end</h3> 462 462 <div class="seitokai-subsection-content"> 463 463 #if($budgetProcess && !$budgetProcess.isEmpty()) 464 464 <div class="info-row"> ... ... @@ -514,7 +514,7 @@ 514 514 #end 515 515 #if($canViewRuleReview) 516 516 <div class="seitokai-subsection"> 517 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M16 4h2a2 2 0 012 2v12a2 2 0 01-2 2h-2"/><path d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h2"/><line x1="12" y1="4" x2="12" y2="8"/><line x1="12" y1="16" x2="12" y2="20"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="16" x2="16" y2="16"/></svg> 校則の見直し #if($visibilityRuleReview != 'public')<span class="visibility-badge visibility-${visibilityRuleReview}">#if($visibilityRuleReview == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 ・紹介限定#else<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> 校内限定#end</span>#end</h3>513 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M16 4h2a2 2 0 012 2v12a2 2 0 01-2 2h-2"/><path d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h2"/><line x1="12" y1="4" x2="12" y2="8"/><line x1="12" y1="16" x2="12" y2="20"/><line x1="8" y1="8" x2="16" y2="8"/><line x1="8" y1="16" x2="16" y2="16"/></svg> 校則の見直し #if($visibilityRuleReview != 'public')<span class="visibility-badge visibility-${visibilityRuleReview}">#if($visibilityRuleReview == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<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> 校内限定#end</span>#end</h3> 518 518 <div class="seitokai-subsection-content"> 519 519 <div class="info-row"> 520 520 <span class="info-label">見直しの有無(3年以内)</span> ... ... @@ -577,7 +577,7 @@ 577 577 #end 578 578 #if($canViewChallenges) 579 579 <div class="seitokai-subsection"> 580 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> 生徒会の課題意識 #if($visibilityChallenges != 'public')<span class="visibility-badge visibility-${visibilityChallenges}">#if($visibilityChallenges == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 ・紹介限定#else<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> 校内限定#end</span>#end</h3>576 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> 生徒会の課題意識 #if($visibilityChallenges != 'public')<span class="visibility-badge visibility-${visibilityChallenges}">#if($visibilityChallenges == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<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> 校内限定#end</span>#end</h3> 581 581 <div class="seitokai-subsection-content"> 582 582 <div class="challenge-text">$!escapetool.xml($challenges)</div> 583 583 </div> ... ... @@ -958,7 +958,7 @@ 958 958 #end 959 959 </div> 960 960 #if($postVis != 'public') 961 - <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認 ・紹介限定#else<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> 校内限定#end</div>957 + <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'school_trusted')<svg class="ico" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 校内承認者限定#else<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> 校内限定#end</div> 962 962 #end 963 963 ## 固定/編集/削除/通報/非表示ボタン(横並び) 964 964 #set($postAuthorRef = $!post.getValue('authorRef')) ... ... @@ -982,9 +982,7 @@ 982 982 #end 983 983 #if($showEditDeleteBtn) 984 984 #if($xcontext.user == $postAuthorRef) 985 - #set($editImages = $!post.getValue('images')) 986 - #set($editFiles = $!post.getValue('files')) 987 - <button type="button" class="btn-post-edit" data-school="${doc.fullName}" data-obj="$postObjNumED" data-content="$!escapetool.xml($!postContent)" data-images="$!escapetool.xml($!editImages)" data-files="$!escapetool.xml($!editFiles)" data-post-type="$!post.getValue('postType')" onclick="openEditPost(this)" title="この投稿を編集"> 981 + <button type="button" class="btn-post-edit" onclick="openEditPost(this, '${doc.fullName}', $postObjNumED, '$!escapetool.javascript($!postContent)')" title="この投稿を編集"> 988 988 <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 編集 989 989 </button> 990 990 #end ... ... @@ -1217,130 +1217,37 @@ 1217 1217 } 1218 1218 1219 1219 // 投稿の編集(インライン編集フォームを開く) 1220 -function openEditPost(btn) { 1214 +function openEditPost(btn, schoolPage, postObjNum, currentContent) { 1221 1221 var postEl = btn.closest('.thread-post'); 1222 1222 if (!postEl) return; 1217 + // 既存の編集フォームがあれば閉じる 1223 1223 var existing = postEl.querySelector('.post-edit-form'); 1224 1224 if (existing) { existing.remove(); return; } 1225 1225 var bodyEl = postEl.querySelector('.thread-post-body'); 1226 1226 if (!bodyEl) return; 1227 - 1228 - var schoolPage = btn.getAttribute('data-school'); 1229 - var postObjNum = btn.getAttribute('data-obj'); 1230 - var currentContent = btn.getAttribute('data-content') || ''; 1231 - var currentImages = btn.getAttribute('data-images') || ''; 1232 - var currentFiles = btn.getAttribute('data-files') || ''; 1233 - var postType = btn.getAttribute('data-post-type') || 'report'; 1234 - 1235 1235 var form = document.createElement('div'); 1236 1236 form.className = 'post-edit-form'; 1237 - form.setAttribute('data-school', schoolPage); 1238 - form.setAttribute('data-obj', postObjNum); 1239 - 1240 - var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>'; 1241 - 1242 - // コメント以外は添付ファイル編集を表示 1243 - if (postType !== 'comment') { 1244 - // 既存画像 1245 - html += '<div class="edit-attachments">'; 1246 - if (currentImages.trim()) { 1247 - html += '<div class="edit-attach-section"><span class="edit-attach-label">画像</span>'; 1248 - var imgs = currentImages.trim().split('\n'); 1249 - for (var i = 0; i < imgs.length; i++) { 1250 - var img = imgs[i].trim(); 1251 - if (!img) continue; 1252 - html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'"') + '">' + 1253 - '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' + 1254 - '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1255 - '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'"') + '" />' + 1256 - '</div>'; 1257 - } 1258 - html += '</div>'; 1259 - } 1260 - // 既存ファイル 1261 - if (currentFiles.trim()) { 1262 - html += '<div class="edit-attach-section"><span class="edit-attach-label">ファイル</span>'; 1263 - var files = currentFiles.trim().split('\n'); 1264 - for (var j = 0; j < files.length; j++) { 1265 - var f = files[j].trim(); 1266 - if (!f) continue; 1267 - var displayName = f; 1268 - if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, ''); 1269 - html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'"') + '">' + 1270 - '<span class="edit-attach-fname">' + displayName.replace(/</g,'<').replace(/>/g,'>') + '</span>' + 1271 - '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1272 - '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'"') + '" />' + 1273 - '</div>'; 1274 - } 1275 - html += '</div>'; 1276 - } 1277 - // 新規追加 1278 - html += '<div class="edit-attach-add">' + 1279 - '<label class="form-label-sm">画像を追加(最大4枚まで)</label>' + 1280 - '<input type="file" name="editNewImages" accept="image/*" multiple class="form-file-input-sm" />' + 1281 - '<div class="form-hint">JPEG / PNG / GIF / WebP、各5MBまで</div>' + 1282 - '<label class="form-label-sm" style="margin-top:8px;">ファイルを追加(最大2つまで)</label>' + 1283 - '<input type="file" name="editNewFiles" accept=".pdf,.docx,.xlsx,.pptx" multiple class="form-file-input-sm" />' + 1284 - '<div class="form-hint">PDF / Word / Excel / PowerPoint、各10MBまで</div>' + 1285 - '</div>'; 1286 - html += '</div>'; 1287 - } 1288 - 1289 - html += '<div class="post-edit-form-actions">' + 1224 + form.innerHTML = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>' + 1225 + '<div class="post-edit-form-actions">' + 1290 1290 '<button type="button" class="btn-cancel-edit" onclick="this.closest(\'.post-edit-form\').remove()">キャンセル</button>' + 1291 - '<button type="button" class="btn-save" onclick="saveEditPost( this)">保存</button>' +1227 + '<button type="button" class="btn-save" onclick="saveEditPost(\'' + schoolPage + '\', ' + postObjNum + ')">保存</button>' + 1292 1292 '</div>'; 1293 - 1294 - form.innerHTML = html; 1295 1295 bodyEl.parentNode.insertBefore(form, bodyEl.nextSibling); 1296 1296 form.querySelector('textarea').focus(); 1297 1297 } 1298 1298 1299 -function removeEditAttach(btn) { 1300 - var item = btn.closest('.edit-attach-item'); 1301 - if (item) item.remove(); 1302 -} 1303 - 1304 1304 // 投稿の編集を保存 1305 -function saveEditPost(btn) { 1306 - var formEl = btn.closest('.post-edit-form'); 1307 - if (!formEl) return; 1308 - var schoolPage = formEl.getAttribute('data-school'); 1309 - var postObjNum = formEl.getAttribute('data-obj'); 1310 - var textarea = formEl.querySelector('textarea'); 1234 +function saveEditPost(schoolPage, postObjNum) { 1235 + var textarea = document.getElementById('editContent_' + postObjNum); 1311 1311 if (!textarea) return; 1312 1312 var newContent = textarea.value.trim(); 1313 1313 if (!newContent) { alert('投稿内容を入力してください'); return; } 1314 - 1315 1315 var csrfEl = document.querySelector('input[name="form_token"]'); 1316 1316 var csrfToken = csrfEl ? csrfEl.value : ''; 1317 - 1318 - var fd = new FormData(); 1319 - fd.append('schoolPage', schoolPage); 1320 - fd.append('postObj', postObjNum); 1321 - fd.append('newContent', newContent); 1322 - fd.append('form_token', csrfToken); 1323 - 1324 - // 残す画像・ファイル 1325 - formEl.querySelectorAll('input[name="keepImages"]').forEach(function(el) { fd.append('keepImages', el.value); }); 1326 - formEl.querySelectorAll('input[name="keepFiles"]').forEach(function(el) { fd.append('keepFiles', el.value); }); 1327 - 1328 - // 新規画像 1329 - var newImgInput = formEl.querySelector('input[name="editNewImages"]'); 1330 - if (newImgInput && newImgInput.files) { 1331 - for (var i = 0; i < newImgInput.files.length; i++) { fd.append('editNewImages', newImgInput.files[i]); } 1332 - } 1333 - // 新規ファイル 1334 - var newFileInput = formEl.querySelector('input[name="editNewFiles"]'); 1335 - if (newFileInput && newFileInput.files) { 1336 - for (var j = 0; j < newFileInput.files.length; j++) { fd.append('editNewFiles', newFileInput.files[j]); } 1337 - } 1338 - 1339 - btn.disabled = true; 1340 - btn.textContent = '保存中...'; 1341 - 1342 1342 var xhr = new XMLHttpRequest(); 1343 1343 xhr.open('POST', '/bin/get/SeitokaiCode/EditPost?outputSyntax=plain', true); 1243 + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 1244 + var editPostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken); 1344 1344 xhr.onload = function() { 1345 1345 try { 1346 1346 var res = JSON.parse(xhr.responseText); ... ... @@ -1348,13 +1348,12 @@ 1348 1348 showToast('投稿を更新しました', 'success'); 1349 1349 setTimeout(function() { location.reload(); }, 800); 1350 1350 } else { 1351 - btn.disabled = false; btn.textContent = '保存'; 1352 1352 alert('編集に失敗しました: ' + (res.error || '')); 1353 1353 } 1354 - } catch(e) { btn.disabled = false; btn.textContent = '保存'; alert('編集に失敗しました'); }1254 + } catch(e) { alert('編集に失敗しました'); } 1355 1355 }; 1356 - xhr.onerror = function() { btn.disabled = false; btn.textContent = '保存'; alert('通信エラーが発生しました'); };1357 - xhr.send( fd);1256 + xhr.onerror = function() { alert('通信エラーが発生しました'); }; 1257 + xhr.send(editPostData); 1358 1358 } 1359 1359 1360 1360 // 投稿の削除(確認ダイアログ付き)