Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
30.1
edited by Super Admin
on 2026/03/10 13:33
on 2026/03/10 13:33
Change comment:
There is no comment for this version
To version
20.1
edited by Super Admin
on 2026/03/08 09:26
on 2026/03/08 09:26
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -1,21 +1,10 @@ 1 1 {{velocity}} 2 2 ## ===== 学校ページ テンプレート ===== 3 -{{html clean="false"}} 4 -## メンテナンスバナー({{include}}ではなくインラインで記述し、<p>タグ挿入を回避) 5 -#set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner')) 6 -#set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass')) 7 -#if($bannerObj && $bannerObj.getValue('enabled') == 1) 8 -#set($bannerMsg = $bannerObj.getValue('message')) 9 -#set($bannerLevel = $bannerObj.getValue('level')) 10 -#if(!$bannerLevel || $bannerLevel == '')#set($bannerLevel = 'warning')#end 11 -<div class="maintenance-banner active maintenance-${bannerLevel}" id="maintenance-banner"> 12 - <div class="maintenance-banner-inner"> 13 - <span class="maintenance-icon">#if($bannerLevel == 'urgent')<svg class="ico-banner" 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>#elseif($bannerLevel == 'info')<svg class="ico-banner" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>#else<svg class="ico-banner" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/></svg>#end</span> 14 - <span class="maintenance-text">$!escapetool.xml($bannerMsg)</span> 15 - <button class="maintenance-close" onclick="document.getElementById('maintenance-banner').style.display='none'">×</button> 16 - </div> 17 -</div> 18 -#end 3 +## このテンプレートは学校ページの表示と入力フォームを制御します。 4 + 5 +## メンテナンスバナー 6 +{{include reference="SeitokaiCode.MaintenanceBannerInclude" /}} 7 + 19 19 ## --- 学校基本情報フィールド --- 20 20 #set($schoolCode = $doc.getValue('schoolCode')) 21 21 #set($schoolName = $doc.getValue('schoolName')) ... ... @@ -171,7 +171,7 @@ 171 171 ## --- ユーザー情報取得 --- 172 172 ## displayName: Wiki上の表示名(ニックネーム)。本名(firstName/lastName)は管理者のみ閲覧可能。 173 173 #set($lastAuthor = $doc.author) 174 -#set($lastAuthorDoc = $xwiki.getDocument($lastAuthor)) 163 +#set($lastAuthorDoc = $xwiki.getDocument("XWiki.${lastAuthor}")) 175 175 #set($authorAccountType = '') 176 176 #set($authorUserRole = '') 177 177 #set($authorUserStatus = '') ... ... @@ -185,8 +185,7 @@ 185 185 #set($authorEnrollmentYear = $!lastAuthorDoc.getValue('enrollmentYear')) 186 186 #set($authorDisplayName = $!lastAuthorDoc.getValue('displayName')) 187 187 #if(!$authorDisplayName || $authorDisplayName == '') 188 - ## false引数でプレーンテキスト(HTMLリンクなし)を取得 189 - #set($authorDisplayName = $xwiki.getUserName($doc.author, false)) 177 + #set($authorDisplayName = $xwiki.getUserName($doc.author)) 190 190 #end 191 191 ## --- 学年の動的計算(学校種別対応) --- 192 192 ## 日本の学校年度: 4月始まり。currentSchoolYear = (月>=4) ? 今年 : 去年 ... ... @@ -225,6 +225,7 @@ 225 225 #end 226 226 227 227 ## --- 信頼性バッジ + ユーザー情報 --- 216 +{{html clean="false"}} 228 228 <div class="seitokai-badge-container"> 229 229 ## 承認バッジ 230 230 #if($authorAccountType == 'admin') ... ... @@ -261,19 +261,14 @@ 261 261 <span class="badge badge-status-transferred"><svg class="ico" viewBox="0 0 24 24"><polyline points="23 4 23 10 17 10"/><polyline points="1 20 1 14 7 14"/><path d="M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15"/></svg> 転校済み</span> 262 262 #end 263 263 <span class="badge-info">最終編集: $!escapetool.xml($authorDisplayName) ($xwiki.formatDate($doc.date, "yyyy/MM/dd"))</span> 264 - ## 編集ボタン(権限があるユーザーのみ表示) 265 - #set($canEditSchool = false) 266 - #if(!$isGuest && ($isViewerAdmin || $viewerSchoolCode == $schoolCode)) 267 - #set($canEditSchool = true) 268 - #end 269 - #if($canEditSchool) 270 - <a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')" class="btn-school-edit"><svg class="ico" 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> 基本情報を編集</a> 271 - #end 272 272 </div> 254 +{{/html}} 273 273 256 +{{html clean="false"}} 257 + 274 274 ## --- ① 学校基本情報 + 連絡先(左右グリッド・折りたたみ対応) --- 275 275 <div class="school-info-grid"> 276 - <div class="school-info-card collapse d" id="card-basic-info">260 + <div class="school-info-card mobile-collapse" id="card-basic-info"> 277 277 <h2 onclick="toggleInfoCard('card-basic-info')"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></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> 278 278 <table class="wiki-table school-info-table"> 279 279 <tr><th>学校コード</th><td>$!escapetool.xml($!schoolCode)</td></tr> ... ... @@ -283,7 +283,7 @@ 283 283 <tr><th>共学・別学</th><td>$!escapetool.xml($!coeducation)</td></tr> 284 284 <tr><th>設置者</th><td>$!escapetool.xml($!establishment)</td></tr> 285 285 <tr><th>学校種</th><td>$!escapetool.xml($!schoolLevel)</td></tr> 286 - <tr><th>課程</th><td> #if($schoolSystem && $schoolSystem!= '' && $schoolSystem != '[]')$!escapetool.xml($!schoolSystem)#end</td></tr>270 + <tr><th>課程</th><td>$!escapetool.xml($!schoolSystem)</td></tr> 287 287 <tr><th>公式サイト</th><td>#if($website && $website != '')<a href="$!escapetool.xml($website)" target="_blank" rel="noopener">$!escapetool.xml($website)</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> 288 288 </table> 289 289 #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) ... ... @@ -293,7 +293,7 @@ 293 293 #end 294 294 </div> 295 295 296 - <div class="school-info-card collapse d" id="card-contact">280 + <div class="school-info-card mobile-collapse" id="card-contact"> 297 297 <h2 onclick="toggleInfoCard('card-contact')"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg> 連絡先・SNS</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2> 298 298 <table class="wiki-table school-info-table"> 299 299 <tr><th>問い合わせ先</th><td>#if($contactInfo && $contactInfo != '')$!escapetool.xml($contactInfo)#else<span class="text-placeholder">未登録</span>#end</td></tr> ... ... @@ -562,12 +562,6 @@ 562 562 <span class="author-legend-item"><span class="badge badge-school-external badge-sm"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg> 他校</span> 他校所属</span> 563 563 <span class="author-legend-item text-hint">※一般アカウントは所属未確認のため非表示</span> 564 564 </div> 565 - <div class="author-legend"> 566 - <span class="author-legend-title">役割:</span> 567 - <span class="author-legend-item"><span class="badge badge-role-student badge-sm"><svg class="ico" viewBox="0 0 24 24"><path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 2 4 3 6 3s6-1 6-3v-5"/></svg> 生徒</span></span> 568 - <span class="author-legend-item"><span class="badge badge-role-officer badge-sm"><svg class="ico" viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 役員</span></span> 569 - <span class="author-legend-item"><span class="badge badge-role-teacher badge-sm"><svg class="ico" viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> 教員</span></span> 570 - </div> 571 571 </div> 572 572 </div> 573 573 ... ... @@ -647,17 +647,6 @@ 647 647 #set($threadPosts = []) 648 648 #set($discard = $threadPosts.addAll($pinnedPosts)) 649 649 #set($discard = $threadPosts.addAll($normalPosts)) 650 - ## report/comment カウント 651 - #set($reportCount = 0) 652 - #set($commentCount = 0) 653 - #foreach($tp in $threadPosts) 654 - #set($tpType = $!tp.getValue('postType')) 655 - #if($tpType == 'comment') 656 - #set($commentCount = $commentCount + 1) 657 - #else 658 - #set($reportCount = $reportCount + 1) 659 - #end 660 - #end 661 661 662 662 {{html clean="false"}} 663 663 <div class="activity-thread" data-fiscal-year="$!escapetool.xml($actFY)"> ... ... @@ -667,7 +667,7 @@ 667 667 <span class="activity-meta">$!escapetool.xml($!actCommittee) | $!escapetool.xml($!actPeriod) #if($actFY != 'unknown')| $!escapetool.xml($actFY)年度#end</span> 668 668 </div> 669 669 <div class="thread-meta-row"> 670 - <span class="thread-post-count">${re portCount}件の報告 ・ ${commentCount}件のコメント</span>637 + <span class="thread-post-count">${threadPosts.size()}件の投稿</span> 671 671 #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified' || $viewerAccountType == 'referred') 672 672 #if($actFeatured == '1') 673 673 <a href="$doc.getURL('view', "action=unfeature&actObj=${actIdx}&form_token=${services.csrf.getToken()}")" class="btn-featured-toggle btn-unfeature" title="特色ある活動の選定を解除"><svg class="ico ico-fixed-14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 特色解除</a> ... ... @@ -678,10 +678,7 @@ 678 678 </div> 679 679 </div> 680 680 681 - ## --- 活動報告セクション --- 682 682 #foreach($post in $threadPosts) 683 - #set($thisPostType = $!post.getValue('postType')) 684 - #if($thisPostType != 'comment') 685 685 #set($postContent = $post.getValue('content')) 686 686 #set($postAuthor = $post.getValue('author')) 687 687 #set($postAccountType = $!post.getValue('authorAccountType')) ... ... @@ -903,52 +903,14 @@ 903 903 #end## /canViewPost 904 904 #end## /postHidden 905 905 #end## /postDeleted 906 - #end## /postType != comment 907 - #end## /foreach reports 908 - 909 - ## --- コメントセクション(折りたたみ) --- 910 - #if($commentCount > 0) 911 - <details class="thread-comments-section"> 912 - <summary class="thread-comments-toggle"> 913 - <svg class="ico" viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> ${commentCount}件のコメント 914 - </summary> 915 - #foreach($post in $threadPosts) 916 - #set($thisPostType = $!post.getValue('postType')) 917 - #if($thisPostType == 'comment') 918 - #set($postContent = $post.getValue('content')) 919 - #set($postAuthor = $post.getValue('author')) 920 - #set($postAccountType = $!post.getValue('authorAccountType')) 921 - #set($postDate = $post.getValue('createdDate')) 922 - #set($postDeleted = $!post.getValue('deleted')) 923 - #if($postDeleted == 1 || $postDeleted == '1') 924 - <div class="thread-comment thread-comment-deleted"> 925 - <span class="thread-comment-meta">このコメントは削除されました</span> 926 - </div> 927 - #else 928 - #set($postHidden = $!post.getValue('hidden')) 929 - #if($postHidden == 1 || $postHidden == '1') 930 - <div class="thread-comment thread-comment-hidden"> 931 - <span class="thread-comment-meta">このコメントは非表示にされました</span> 932 - </div> 933 - #else 934 - <div class="thread-comment"> 935 - <span class="thread-comment-author">$!escapetool.xml($postAuthor)</span> 936 - <span class="thread-comment-date">$!postDate</span> 937 - <div class="thread-comment-body">$!escapetool.xml($postContent)</div> 938 - </div> 939 - #end 940 - #end 941 - #end 942 - #end 943 - </details> 944 944 #end 945 945 946 946 #if($xcontext.user != "XWiki.XWikiGuest") 947 947 <div class="thread-add-post"> 948 - <a href="/bin/view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=report" class="btn-thread-add"> 874 + <a href="/xwiki/bin/view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=report" class="btn-thread-add"> 949 949 + 活動報告を追加 950 950 </a> 951 - <a href="/bin/view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=comment" class="btn-thread-comment"> 877 + <a href="/xwiki/bin/view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=comment" class="btn-thread-comment"> 952 952 <svg class="ico" viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> コメントを書く 953 953 </a> 954 954 </div> ... ... @@ -970,7 +970,7 @@ 970 970 #if($xcontext.user != "XWiki.XWikiGuest") 971 971 {{html clean="false"}} 972 972 <div class="activity-add-section"> 973 - <a href="/bin/view/SeitokaiCode/ActivityForm?schoolPage=${doc.fullName}&schoolCode=$!escapetool.url($schoolCode)" class="btn btn-primary btn-add-activity"> 899 + <a href="/xwiki/bin/view/SeitokaiCode/ActivityForm?schoolPage=${doc.fullName}&schoolCode=$!escapetool.url($schoolCode)" class="btn btn-primary btn-add-activity"> 974 974 <svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg> 活動を追加 975 975 </a> 976 976 </div> ... ... @@ -1020,7 +1020,7 @@ 1020 1020 ## 新年度に移行ボタン(承認済み・管理者のみ) 1021 1021 #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified') 1022 1022 <div class="archive-action"> 1023 - <a href="/bin/view/SeitokaiCode/YearArchiveAction?schoolPage=${doc.fullName}" class="btn-accent"> 949 + <a href="/xwiki/bin/view/SeitokaiCode/YearArchiveAction?schoolPage=${doc.fullName}" class="btn-accent"> 1024 1024 <svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg> 1025 1025 ${pageFiscalYear}年度をアーカイブして新年度に移行 1026 1026 </a> ... ... @@ -1039,10 +1039,12 @@ 1039 1039 btn.classList.add('active'); 1040 1040 // 活動スレッドの表示切り替え 1041 1041 document.querySelectorAll('.activity-thread[data-fiscal-year]').forEach(function(thread) { 1042 - if (fy === 'all' || thread.getAttribute('data-fiscal-year') === fy) { 1043 - thread.classList.remove('fy-hidden'); 968 + if (fy === 'all') { 969 + thread.style.display = ''; 970 + } else if (thread.getAttribute('data-fiscal-year') === fy) { 971 + thread.style.display = ''; 1044 1044 } else { 1045 - thread. classList.add('fy-hidden');973 + thread.style.display = 'none'; 1046 1046 } 1047 1047 }); 1048 1048 } ... ... @@ -1050,6 +1050,12 @@ 1050 1050 document.addEventListener('DOMContentLoaded', function() { 1051 1051 var defaultTab = document.querySelector('.activity-fy-tab.active'); 1052 1052 if (defaultTab) { defaultTab.click(); } 981 + // モバイルでは基本情報・連絡先をデフォルト折りたたみ 982 + if (window.innerWidth <= 768) { 983 + document.querySelectorAll('.school-info-card.mobile-collapse').forEach(function(card) { 984 + card.classList.add('collapsed'); 985 + }); 986 + } 1053 1053 // 保存成功時のトースト通知 1054 1054 if (window.location.search.indexOf('archived=1') !== -1) { 1055 1055 showToast('年度アーカイブを作成しました', 'success'); ... ... @@ -1089,6 +1089,7 @@ 1089 1089 var card = document.getElementById(cardId); 1090 1090 if (!card) return; 1091 1091 card.classList.toggle('collapsed'); 1026 + card.classList.remove('mobile-collapse'); 1092 1092 } 1093 1093 1094 1094 // 投稿の編集(インライン編集フォームを開く) ... ... @@ -1120,7 +1120,7 @@ 1120 1120 var csrfEl = document.querySelector('input[name="form_token"]'); 1121 1121 var csrfToken = csrfEl ? csrfEl.value : ''; 1122 1122 var xhr = new XMLHttpRequest(); 1123 - xhr.open('GET', '/bin/view/SeitokaiCode/EditPost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken), true); 1058 + xhr.open('GET', '/xwiki/bin/view/SeitokaiCode/EditPost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken), true); 1124 1124 xhr.onload = function() { 1125 1125 try { 1126 1126 var res = JSON.parse(xhr.responseText); ... ... @@ -1140,7 +1140,7 @@ 1140 1140 function confirmDeletePost(schoolPage, postObjNum, token) { 1141 1141 if (!confirm('この投稿を削除しますか?\\n削除後は「この投稿は削除されました」と表示されます。')) return; 1142 1142 var xhr = new XMLHttpRequest(); 1143 - xhr.open('GET', '/bin/view/SeitokaiCode/DeletePost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&form_token=' + encodeURIComponent(token), true); 1078 + xhr.open('GET', '/xwiki/bin/view/SeitokaiCode/DeletePost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&form_token=' + encodeURIComponent(token), true); 1144 1144 xhr.onload = function() { 1145 1145 try { 1146 1146 var res = JSON.parse(xhr.responseText);