Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version 
26.1 
26.1
edited by Super Admin
on 2026/03/09 12:38
on 2026/03/09 12:38
Change comment:
There is no comment for this version
To version 43.1
43.1
edited by Super Admin
on 2026/03/12 17:54
on 2026/03/12 17:54
Change comment:
There is no comment for this version
Summary
Details
-
Page properties
-
- Content
-
... ... @@ -1,9 +1,21 @@ 1 1 {{velocity}} 2 2 ## ===== 学校ページ テンプレート ===== 3 -## このテンプレートは学校ページの表示と入力フォームを制御します。 4 - 5 -## メンテナンスバナー 6 -{{include reference="SeitokaiCode.MaintenanceBannerInclude" /}}{{html clean="false"}} 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 7 7 ## --- 学校基本情報フィールド --- 8 8 #set($schoolCode = $doc.getValue('schoolCode')) 9 9 #set($schoolName = $doc.getValue('schoolName')) ... ... @@ -53,9 +53,7 @@ 53 53 #set($seitokaiYoutube = $doc.getValue('seitokaiYoutube')) 54 54 #set($seitokaiOtherSns = $doc.getValue('seitokaiOtherSns')) 55 55 56 -## --- 年度アーカイブ --- 57 -#set($pageFiscalYear = $!doc.getValue('fiscalYear')) 58 -## 現在の年度を計算（4月始まり） 68 +## --- 現在の年度を計算（4月始まり） --- 59 59 #set($nowFY = $datetool.date) 60 60 #set($currentFYMonth = $mathtool.toInteger($datetool.format('MM', $nowFY))) 61 61 #set($currentFYYear = $mathtool.toInteger($datetool.format('yyyy', $nowFY))) ... ... @@ -64,10 +64,6 @@ 64 64 #else 65 65 #set($currentFiscalYear = $mathtool.sub($currentFYYear, 1)) 66 66 #end 67 -## fiscalYear 未設定時はデフォルトとして現在の年度を使う 68 -#if(!$pageFiscalYear || $pageFiscalYear == '') 69 - #set($pageFiscalYear = $currentFiscalYear.toString()) 70 -#end 71 71 72 72 ## --- 公開範囲フィールド --- 73 73 #set($visibilityOrgChart = $!doc.getValue('visibilityOrgChart')) ... ... @@ -159,7 +159,7 @@ 159 159 ## --- ユーザー情報取得 --- 160 160 ## displayName: Wiki上の表示名（ニックネーム）。本名(firstName/lastName)は管理者のみ閲覧可能。 161 161 #set($lastAuthor = $doc.author) 162 -#set($lastAuthorDoc = $xwiki.getDocument( "XWiki.${lastAuthor}"))168 +#set($lastAuthorDoc = $xwiki.getDocument($lastAuthor)) 163 163 #set($authorAccountType = '') 164 164 #set($authorUserRole = '') 165 165 #set($authorUserStatus = '') ... ... @@ -212,48 +212,26 @@ 212 212 #end 213 213 #end 214 214 215 -## --- 信頼性バッジ + ユーザー情報 --- 216 -<div class="seitokai-badge-container"> 217 - ## 承認バッジ 218 - #if($authorAccountType == 'admin') 219 - <span class="badge badge-admin"><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> 管理者</span> 220 - #elseif($authorAccountType == 'verified') 221 - <span class="badge badge-verified"><svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> 承認済み</span> 222 - #elseif($authorAccountType == 'referred') 223 - <span class="badge badge-referred"><svg class="ico" viewBox="0 0 24 24"><path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/></svg> 紹介</span> 224 - #else 225 - <span class="badge badge-general">一般</span> 226 - #end 227 - ## 役割バッジ 228 - #if($authorUserRole == 'student') 229 - <span class="badge badge-role-student"><svg class="ico" viewBox="0 0 24 24"><path d="M22 10l-10-5L2 10l10 5 10-5z"/><path d="M6 12v5c0 1.66 2.69 3 6 3s6-1.34 6-3v-5"/></svg> 生徒</span> 230 - #set($authorIsOfficer = $!lastAuthorDoc.getValue('isOfficer')) 231 - #if($authorIsOfficer == 'true') 232 - <span class="badge badge-role-officer"><svg class="ico" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> 役員</span> 233 - #end 234 - #elseif($authorUserRole == 'teacher') 235 - <span class="badge badge-role-teacher"><svg class="ico" 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> 236 - #elseif($authorUserRole == 'graduate') 237 - <span class="badge badge-role-graduate"><svg class="ico" viewBox="0 0 24 24"><path d="M22 10l-10-5L2 10l10 5 10-5z"/><path d="M6 12v5c0 1.66 2.69 3 6 3s6-1.34 6-3v-5"/></svg> 卒業生</span> 238 - #end 239 - ## 学年（生徒のみ公開） 240 - #if($authorGrade && $authorGrade != '') 241 - <span class="badge badge-grade">$authorGrade</span> 242 - #end 243 - ## 在籍状態（卒業・休学等の場合のみ表示） 244 - #if($authorUserStatus == 'graduated') 245 - <span class="badge badge-status-graduated"><svg class="ico" viewBox="0 0 24 24"><path d="M22 10l-10-5L2 10l10 5 10-5z"/><path d="M6 12v5c0 1.66 2.69 3 6 3s6-1.34 6-3v-5"/></svg> 卒業済み</span> 246 - #elseif($authorUserStatus == 'on_leave') 247 - <span class="badge badge-status-onleave"><svg class="ico" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/></svg> 休学中</span> 248 - #elseif($authorUserStatus == 'transferred') 249 - <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> 250 - #end 251 - <span class="badge-info">最終編集: $!escapetool.xml($authorDisplayName) ($xwiki.formatDate($doc.date, "yyyy/MM/dd"))</span> 221 +## --- 学校名見出し（XWikiデフォルトタイトルを非表示にし、学校名を表示） --- 222 +#if($schoolName && $schoolName != '') 223 +<style>.document-header { display: none !important; }</style> 224 +<h1 class="school-page-title">$!escapetool.xml($schoolName)</h1> 225 +#end 226 + 227 +## --- 編集ボタン（権限があるユーザーのみ表示） --- 228 +#set($canEditSchool = false) 229 +#if(!$isGuest && ($isViewerAdmin || $viewerSchoolCode == $schoolCode)) 230 + #set($canEditSchool = true) 231 +#end 232 +#if($canEditSchool) 233 +<div style="text-align:right; margin-bottom:12px;"> 234 + <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> 252 252 </div> 236 +#end 253 253 254 254 ## --- ① 学校基本情報 + 連絡先（左右グリッド・折りたたみ対応） --- 255 255 <div class="school-info-grid"> 256 - <div class="school-info-card mobile-collapse" id="card-basic-info">240 + <div class="school-info-card collapsed" id="card-basic-info"> 257 257 <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> 258 258 <table class="wiki-table school-info-table"> 259 259 <tr><th>学校コード</th><td>$!escapetool.xml($!schoolCode)</td></tr> ... ... @@ -273,7 +273,7 @@ 273 273 #end 274 274 </div> 275 275 276 - <div class="school-info-card mobile-collapse" id="card-contact">260 + <div class="school-info-card collapsed" id="card-contact"> 277 277 <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> 278 278 <table class="wiki-table school-info-table"> 279 279 <tr><th>問い合わせ先</th><td>#if($contactInfo && $contactInfo != '')$!escapetool.xml($contactInfo)#else<span class="text-placeholder">未登録</span>#end</td></tr> ... ... @@ -925,10 +925,10 @@ 925 925 926 926 #if($xcontext.user != "XWiki.XWikiGuest") 927 927 <div class="thread-add-post"> 928 - <a href="/bin/ view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=report" class="btn-thread-add">912 + <a href="/bin/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=report" class="btn-thread-add"> 929 929 ＋ 活動報告を追加 930 930 </a> 931 - <a href="/bin/ view/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=comment" class="btn-thread-comment">915 + <a href="/bin/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=comment" class="btn-thread-comment"> 932 932 <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> コメントを書く 933 933 </a> 934 934 </div> ... ... @@ -950,7 +950,7 @@ 950 950 #if($xcontext.user != "XWiki.XWikiGuest") 951 951 {{html clean="false"}} 952 952 <div class="activity-add-section"> 953 - <a href="/bin/ view/SeitokaiCode/ActivityForm?schoolPage=${doc.fullName}&schoolCode=$!escapetool.url($schoolCode)" class="btn btn-primary btn-add-activity">937 + <a href="/bin/SeitokaiCode/ActivityForm?schoolPage=${doc.fullName}&schoolCode=$!escapetool.url($schoolCode)" class="btn btn-primary btn-add-activity"> 954 954 <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> 活動を追加 955 955 </a> 956 956 </div> ... ... @@ -957,59 +957,6 @@ 957 957 {{/html}} 958 958 #end 959 959 960 -## --- 年度アーカイブ セクション --- 961 -{{html clean="false"}} 962 -<div class="school-section-card school-archive-card"> 963 - <h2 class="archive-section-title"> 964 - <svg class="ico ico-md" viewBox="0 0 24 24"><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> 965 - 年度アーカイブ 966 - </h2> 967 - <div class="archive-meta"> 968 - 現在のページ: <strong>${pageFiscalYear}年度</strong> 969 - #set($lyud = $!doc.getValue('lastYearUpdateDate')) 970 - #if($lyud && $lyud != '') 971 - | 最終年度更新: $!escapetool.xml($lyud) ($!escapetool.xml($!doc.getValue('lastYearUpdateBy'))) 972 - #end 973 - </div> 974 - 975 - ## 過去アーカイブの検索 976 - #set($archiveQuery = $services.query.hql("where doc.fullName like :pattern and doc.fullName like '%Archive_%' order by doc.fullName desc").bindValue("pattern", "${doc.fullName}.Archive_%").setLimit(20)) 977 - #set($archivePages = $archiveQuery.execute()) 978 - 979 - #if($archivePages && $archivePages.size() > 0) 980 - <div class="archive-card-field-lg"> 981 - <div class="archive-list-label">過去の年度アーカイブ</div> 982 - <div class="archive-list"> 983 - #foreach($archPage in $archivePages) 984 - #set($archPageDoc = $xwiki.getDocument($archPage)) 985 - #set($archPageObj = $archPageDoc.getObject('SeitokaiCode.SchoolClass')) 986 - #if($archPageObj) 987 - #set($archPageFY = $!archPageObj.getValue('fiscalYear')) 988 - <a href="$archPageDoc.getURL('view')" class="archive-link"> 989 - <svg class="ico" viewBox="0 0 24 24"><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> 990 - ${archPageFY}年度 991 - </a> 992 - #end 993 - #end 994 - </div> 995 - </div> 996 - #else 997 - <div class="archive-empty">過去のアーカイブはまだありません</div> 998 - #end 999 - 1000 - ## 新年度に移行ボタン（承認済み・管理者のみ） 1001 - #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified') 1002 - <div class="archive-action"> 1003 - <a href="/bin/view/SeitokaiCode/YearArchiveAction?schoolPage=${doc.fullName}" class="btn-accent"> 1004 - <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> 1005 - ${pageFiscalYear}年度をアーカイブして新年度に移行 1006 - </a> 1007 - <div class="archive-action-hint">現在の学校情報を${pageFiscalYear}年度として保存し、新しい年度に移行します。</div> 1008 - </div> 1009 - #end 1010 -</div> 1011 -{{/html}} 1012 - 1013 1013 ## --- 年度タブ切り替え JavaScript --- 1014 1014 {{html clean="false"}} 1015 1015 <script> ... ... @@ -1026,20 +1026,12 @@ 1026 1026 } 1027 1027 }); 1028 1028 } 1029 -// ページ読み込み時 にデフォルトで現在の年度を表示960 +// ページ読み込み時の初期化 1030 1030 document.addEventListener('DOMContentLoaded', function() { 962 + // デフォルトで現在の年度を表示 1031 1031 var defaultTab = document.querySelector('.activity-fy-tab.active'); 1032 1032 if (defaultTab) { defaultTab.click(); } 1033 - // モバイルでは基本情報・連絡先をデフォルト折りたたみ 1034 - if (window.innerWidth <= 768) { 1035 - document.querySelectorAll('.school-info-card.mobile-collapse').forEach(function(card) { 1036 - card.classList.add('collapsed'); 1037 - }); 1038 - } 1039 1039 // 保存成功時のトースト通知 1040 - if (window.location.search.indexOf('archived=1') !== -1) { 1041 - showToast('年度アーカイブを作成しました', 'success'); 1042 - } 1043 1043 if (window.location.search.indexOf('saved=1') !== -1) { 1044 1044 showToast('学校情報を保存しました', 'success'); 1045 1045 // URLパラメータをクリーンアップ（リロード時に再表示されないよう） ... ... @@ -1075,7 +1075,6 @@ 1075 1075 var card = document.getElementById(cardId); 1076 1076 if (!card) return; 1077 1077 card.classList.toggle('collapsed'); 1078 - card.classList.remove('mobile-collapse'); 1079 1079 } 1080 1080 1081 1081 // 投稿の編集（インライン編集フォームを開く） ... ... @@ -1107,7 +1107,9 @@ 1107 1107 var csrfEl = document.querySelector('input[name="form_token"]'); 1108 1108 var csrfToken = csrfEl ? csrfEl.value : ''; 1109 1109 var xhr = new XMLHttpRequest(); 1110 - xhr.open('GET', '/bin/view/SeitokaiCode/EditPost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken), true); 1032 + xhr.open('POST', '/bin/SeitokaiCode/EditPost?outputSyntax=plain', true); 1033 + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 1034 + var editPostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken); 1111 1111 xhr.onload = function() { 1112 1112 try { 1113 1113 var res = JSON.parse(xhr.responseText); ... ... @@ -1120,7 +1120,7 @@ 1120 1120 } catch(e) { alert('編集に失敗しました'); } 1121 1121 }; 1122 1122 xhr.onerror = function() { alert('通信エラーが発生しました'); }; 1123 - xhr.send(); 1047 + xhr.send(editPostData); 1124 1124 } 1125 1125 1126 1126 // 投稿の削除（確認ダイアログ付き） ... ... @@ -1127,7 +1127,9 @@ 1127 1127 function confirmDeletePost(schoolPage, postObjNum, token) { 1128 1128 if (!confirm('この投稿を削除しますか？\\n削除後は「この投稿は削除されました」と表示されます。')) return; 1129 1129 var xhr = new XMLHttpRequest(); 1130 - xhr.open('GET', '/bin/view/SeitokaiCode/DeletePost?outputSyntax=plain&schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&form_token=' + encodeURIComponent(token), true); 1054 + xhr.open('POST', '/bin/SeitokaiCode/DeletePost?outputSyntax=plain', true); 1055 + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 1056 + var deletePostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&form_token=' + encodeURIComponent(token); 1131 1131 xhr.onload = function() { 1132 1132 try { 1133 1133 var res = JSON.parse(xhr.responseText); ... ... @@ -1140,7 +1140,7 @@ 1140 1140 } catch(e) { alert('削除に失敗しました'); } 1141 1141 }; 1142 1142 xhr.onerror = function() { alert('通信エラーが発生しました'); }; 1143 - xhr.send(); 1069 + xhr.send(deletePostData); 1144 1144 } 1145 1145 </script> 1146 1146 {{/html}}