Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
34.1
edited by Super Admin
on 2026/03/10 14:35
on 2026/03/10 14:35
Change comment:
There is no comment for this version
To version
22.1
edited by XWikiGuest
on 2026/03/09 11:57
on 2026/03/09 11:57
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. superadmin1 +XWiki.XWikiGuest - Content
-
... ... @@ -1,28 +1,13 @@ 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')) 22 -## ページタイトルを学校名に設定(デフォルトでは学校コードが表示されるため) 23 -#if($schoolName && $schoolName != '') 24 -$!doc.setTitle($schoolName) 25 -#end 26 26 #set($prefecture = $doc.getValue('prefecture')) 27 27 #set($city = $doc.getValue('city')) 28 28 #set($classCount = $doc.getValue('classCount')) ... ... @@ -175,7 +175,7 @@ 175 175 ## --- ユーザー情報取得 --- 176 176 ## displayName: Wiki上の表示名(ニックネーム)。本名(firstName/lastName)は管理者のみ閲覧可能。 177 177 #set($lastAuthor = $doc.author) 178 -#set($lastAuthorDoc = $xwiki.getDocument($lastAuthor)) 163 +#set($lastAuthorDoc = $xwiki.getDocument("XWiki.${lastAuthor}")) 179 179 #set($authorAccountType = '') 180 180 #set($authorUserRole = '') 181 181 #set($authorUserStatus = '') ... ... @@ -189,8 +189,7 @@ 189 189 #set($authorEnrollmentYear = $!lastAuthorDoc.getValue('enrollmentYear')) 190 190 #set($authorDisplayName = $!lastAuthorDoc.getValue('displayName')) 191 191 #if(!$authorDisplayName || $authorDisplayName == '') 192 - ## false引数でプレーンテキスト(HTMLリンクなし)を取得 193 - #set($authorDisplayName = $xwiki.getUserName($doc.author, false)) 177 + #set($authorDisplayName = $xwiki.getUserName($doc.author)) 194 194 #end 195 195 ## --- 学年の動的計算(学校種別対応) --- 196 196 ## 日本の学校年度: 4月始まり。currentSchoolYear = (月>=4) ? 今年 : 去年 ... ... @@ -228,20 +228,52 @@ 228 228 #end 229 229 #end 230 230 231 -## --- 編集ボタン(権限があるユーザーのみ表示) --- 232 -#set($canEditSchool = false) 233 -#if(!$isGuest && ($isViewerAdmin || $viewerSchoolCode == $schoolCode)) 234 - #set($canEditSchool = true) 235 -#end 236 -#if($canEditSchool) 237 -<div style="text-align:right; margin-bottom:12px;"> 238 - <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> 215 +## --- 信頼性バッジ + ユーザー情報 --- 216 +{{html clean="false"}} 217 +<div class="seitokai-badge-container"> 218 + ## 承認バッジ 219 + #if($authorAccountType == 'admin') 220 + <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> 221 + #elseif($authorAccountType == 'verified') 222 + <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> 223 + #elseif($authorAccountType == 'referred') 224 + <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> 225 + #else 226 + <span class="badge badge-general">一般</span> 227 + #end 228 + ## 役割バッジ 229 + #if($authorUserRole == 'student') 230 + <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> 231 + #set($authorIsOfficer = $!lastAuthorDoc.getValue('isOfficer')) 232 + #if($authorIsOfficer == 'true') 233 + <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> 234 + #end 235 + #elseif($authorUserRole == 'teacher') 236 + <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> 237 + #elseif($authorUserRole == 'graduate') 238 + <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> 239 + #end 240 + ## 学年(生徒のみ公開) 241 + #if($authorGrade && $authorGrade != '') 242 + <span class="badge badge-grade">$authorGrade</span> 243 + #end 244 + ## 在籍状態(卒業・休学等の場合のみ表示) 245 + #if($authorUserStatus == 'graduated') 246 + <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> 247 + #elseif($authorUserStatus == 'on_leave') 248 + <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> 249 + #elseif($authorUserStatus == 'transferred') 250 + <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> 251 + #end 252 + <span class="badge-info">最終編集: $!escapetool.xml($authorDisplayName) ($xwiki.formatDate($doc.date, "yyyy/MM/dd"))</span> 239 239 </div> 240 - #end254 +{{/html}} 241 241 256 +{{html clean="false"}} 257 + 242 242 ## --- ① 学校基本情報 + 連絡先(左右グリッド・折りたたみ対応) --- 243 243 <div class="school-info-grid"> 244 - <div class="school-info-card collapse d" id="card-basic-info">260 + <div class="school-info-card mobile-collapse" id="card-basic-info"> 245 245 <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> 246 246 <table class="wiki-table school-info-table"> 247 247 <tr><th>学校コード</th><td>$!escapetool.xml($!schoolCode)</td></tr> ... ... @@ -251,7 +251,7 @@ 251 251 <tr><th>共学・別学</th><td>$!escapetool.xml($!coeducation)</td></tr> 252 252 <tr><th>設置者</th><td>$!escapetool.xml($!establishment)</td></tr> 253 253 <tr><th>学校種</th><td>$!escapetool.xml($!schoolLevel)</td></tr> 254 - <tr><th>課程</th><td> #if($schoolSystem && $schoolSystem!= '' && $schoolSystem != '[]')$!escapetool.xml($!schoolSystem)#end</td></tr>270 + <tr><th>課程</th><td>$!escapetool.xml($!schoolSystem)</td></tr> 255 255 <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> 256 256 </table> 257 257 #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) ... ... @@ -261,7 +261,7 @@ 261 261 #end 262 262 </div> 263 263 264 - <div class="school-info-card collapse d" id="card-contact">280 + <div class="school-info-card mobile-collapse" id="card-contact"> 265 265 <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> 266 266 <table class="wiki-table school-info-table"> 267 267 <tr><th>問い合わせ先</th><td>#if($contactInfo && $contactInfo != '')$!escapetool.xml($contactInfo)#else<span class="text-placeholder">未登録</span>#end</td></tr> ... ... @@ -1018,6 +1018,12 @@ 1018 1018 document.addEventListener('DOMContentLoaded', function() { 1019 1019 var defaultTab = document.querySelector('.activity-fy-tab.active'); 1020 1020 if (defaultTab) { defaultTab.click(); } 1037 + // モバイルでは基本情報・連絡先をデフォルト折りたたみ 1038 + if (window.innerWidth <= 768) { 1039 + document.querySelectorAll('.school-info-card.mobile-collapse').forEach(function(card) { 1040 + card.classList.add('collapsed'); 1041 + }); 1042 + } 1021 1021 // 保存成功時のトースト通知 1022 1022 if (window.location.search.indexOf('archived=1') !== -1) { 1023 1023 showToast('年度アーカイブを作成しました', 'success'); ... ... @@ -1057,6 +1057,7 @@ 1057 1057 var card = document.getElementById(cardId); 1058 1058 if (!card) return; 1059 1059 card.classList.toggle('collapsed'); 1082 + card.classList.remove('mobile-collapse'); 1060 1060 } 1061 1061 1062 1062 // 投稿の編集(インライン編集フォームを開く)