Wiki source code of 学校ページ テンプレート
Version 54.1 by Super Admin on 2026/03/15 00:11
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity}} | ||
| 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 | ||
| 19 | ## --- 学校基本情報フィールド --- | ||
| 20 | #set($schoolCode = $doc.getValue('schoolCode')) | ||
| 21 | #set($schoolName = $doc.getValue('schoolName')) | ||
| 22 | #set($prefecture = $doc.getValue('prefecture')) | ||
| 23 | #set($city = $doc.getValue('city')) | ||
| 24 | #set($classCount = $doc.getValue('classCount')) | ||
| 25 | #set($studentCount = $doc.getValue('studentCount')) | ||
| 26 | #set($coeducation = $doc.getValue('coeducation')) | ||
| 27 | #set($establishment = $doc.getValue('establishment')) | ||
| 28 | #set($schoolLevel = $doc.getValue('schoolLevel')) | ||
| 29 | #set($schoolSystem = $doc.getValue('schoolSystem')) | ||
| 30 | #set($website = $doc.getValue('website')) | ||
| 31 | |||
| 32 | ## --- 組織図 --- | ||
| 33 | #set($orgChart = $doc.getValue('orgChart')) | ||
| 34 | #set($orgChartImage = $doc.getValue('orgChartImage')) | ||
| 35 | |||
| 36 | ## --- 日常の活動・選挙・定例活動 --- | ||
| 37 | #set($dailyActivities = $doc.getValue('dailyActivities')) | ||
| 38 | #set($dailyActivitiesNote = $doc.getValue('dailyActivitiesNote')) | ||
| 39 | #set($electionExists = $doc.getValue('electionExists')) | ||
| 40 | #set($electionType = $doc.getValue('electionType')) | ||
| 41 | #set($electionNote = $doc.getValue('electionNote')) | ||
| 42 | #set($meetingFrequency = $doc.getValue('meetingFrequency')) | ||
| 43 | #set($regularActivitiesNote = $doc.getValue('regularActivitiesNote')) | ||
| 44 | |||
| 45 | ## --- 予算 --- | ||
| 46 | #set($budgetProcess = $doc.getValue('budgetProcess')) | ||
| 47 | #set($studentFee = $doc.getValue('studentFee')) | ||
| 48 | #set($budgetScale = $doc.getValue('budgetScale')) | ||
| 49 | #set($budgetAllocation = $doc.getValue('budgetAllocation')) | ||
| 50 | #set($budgetNote = $doc.getValue('budgetNote')) | ||
| 51 | |||
| 52 | ## --- 校則の見直し --- | ||
| 53 | #set($ruleReviewStatus = $doc.getValue('ruleReviewStatus')) | ||
| 54 | #set($ruleReviewContent = $doc.getValue('ruleReviewContent')) | ||
| 55 | #set($ruleReviewProposer = $doc.getValue('ruleReviewProposer')) | ||
| 56 | #set($ruleReviewImplementer = $doc.getValue('ruleReviewImplementer')) | ||
| 57 | #set($ruleReviewSystem = $doc.getValue('ruleReviewSystem')) | ||
| 58 | |||
| 59 | ## --- 課題・連絡先 --- | ||
| 60 | #set($challenges = $doc.getValue('challenges')) | ||
| 61 | #set($contactInfo = $doc.getValue('contactInfo')) | ||
| 62 | #set($seitokaiWebsite = $doc.getValue('seitokaiWebsite')) | ||
| 63 | #set($seitokaiTwitter = $doc.getValue('seitokaiTwitter')) | ||
| 64 | #set($seitokaiInstagram = $doc.getValue('seitokaiInstagram')) | ||
| 65 | #set($seitokaiYoutube = $doc.getValue('seitokaiYoutube')) | ||
| 66 | #set($seitokaiOtherSns = $doc.getValue('seitokaiOtherSns')) | ||
| 67 | |||
| 68 | ## --- 現在の年度を計算(4月始まり) --- | ||
| 69 | #set($nowFY = $datetool.date) | ||
| 70 | #set($currentFYMonth = $mathtool.toInteger($datetool.format('MM', $nowFY))) | ||
| 71 | #set($currentFYYear = $mathtool.toInteger($datetool.format('yyyy', $nowFY))) | ||
| 72 | #if($currentFYMonth >= 4) | ||
| 73 | #set($currentFiscalYear = $currentFYYear) | ||
| 74 | #else | ||
| 75 | #set($currentFiscalYear = $mathtool.sub($currentFYYear, 1)) | ||
| 76 | #end | ||
| 77 | |||
| 78 | ## --- 公開範囲フィールド --- | ||
| 79 | #set($visibilityOrgChart = $!doc.getValue('visibilityOrgChart')) | ||
| 80 | #set($visibilityBudget = $!doc.getValue('visibilityBudget')) | ||
| 81 | #set($visibilityRuleReview = $!doc.getValue('visibilityRuleReview')) | ||
| 82 | #set($visibilityChallenges = $!doc.getValue('visibilityChallenges')) | ||
| 83 | ## デフォルト値(未設定なら全体公開) | ||
| 84 | #if(!$visibilityOrgChart || $visibilityOrgChart == '') #set($visibilityOrgChart = 'public') #end | ||
| 85 | #if(!$visibilityBudget || $visibilityBudget == '') #set($visibilityBudget = 'public') #end | ||
| 86 | #if(!$visibilityRuleReview || $visibilityRuleReview == '') #set($visibilityRuleReview = 'public') #end | ||
| 87 | #if(!$visibilityChallenges || $visibilityChallenges == '') #set($visibilityChallenges = 'public') #end | ||
| 88 | |||
| 89 | ## --- 閲覧者情報(公開範囲チェック用) --- | ||
| 90 | #set($viewerUser = $xcontext.user) | ||
| 91 | #set($isGuest = $viewerUser == 'XWiki.XWikiGuest') | ||
| 92 | #set($isViewerAdmin = false) | ||
| 93 | #set($viewerSchoolCode = '') | ||
| 94 | #if(!$isGuest) | ||
| 95 | #set($viewerDoc = $xwiki.getDocument($viewerUser)) | ||
| 96 | #set($viewerAccountType = $!viewerDoc.getValue('accountType')) | ||
| 97 | #set($viewerSchoolCode = $!viewerDoc.getValue('schoolCode')) | ||
| 98 | #if($viewerAccountType == 'admin') | ||
| 99 | #set($isViewerAdmin = true) | ||
| 100 | #end | ||
| 101 | #end | ||
| 102 | |||
| 103 | ## --- 学校ページ非表示チェック --- | ||
| 104 | #set($schoolHidden = $doc.getValue('hidden')) | ||
| 105 | #if($schoolHidden == 1) | ||
| 106 | #if($isViewerAdmin) | ||
| 107 | ## 管理者: 黄色バナー + ページ内容は通常表示(プレビュー) | ||
| 108 | <div class="school-hidden-banner admin"> | ||
| 109 | <svg class="ico" viewBox="0 0 24 24"><path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 01-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg> | ||
| 110 | <div> | ||
| 111 | <strong>このページは非表示になっています</strong>(管理者のみ閲覧可能) | ||
| 112 | #set($hBy = $!doc.getValue('hiddenBy')) | ||
| 113 | #set($hAt = $!doc.getValue('hiddenAt')) | ||
| 114 | #set($hReason = $!doc.getValue('hiddenReason')) | ||
| 115 | <div class="school-hidden-detail"> | ||
| 116 | 非表示: $!escapetool.xml($hAt) / $!escapetool.xml($hBy) | ||
| 117 | #if($hReason && $hReason != '') ・ 理由: $!escapetool.xml($hReason)#end | ||
| 118 | </div> | ||
| 119 | <a href="$xwiki.getURL('SeitokaiAdmin.SchoolManagement', 'view')" style="color:#92400e;text-decoration:underline">学校ページ管理へ</a> | ||
| 120 | </div> | ||
| 121 | </div> | ||
| 122 | #else | ||
| 123 | ## 一般ユーザー・ゲスト: 非公開メッセージを表示して停止 | ||
| 124 | <div class="school-hidden-public"> | ||
| 125 | <svg class="ico" viewBox="0 0 24 24" style="width:2.5em;height:2.5em"><path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 01-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg> | ||
| 126 | <h2>このページは現在公開されていません</h2> | ||
| 127 | <p>このページは管理者により非公開に設定されています。</p> | ||
| 128 | <a href="$xwiki.getURL('Schools.WebHome', 'view')" class="btn-back-list">学校一覧に戻る</a> | ||
| 129 | </div> | ||
| 130 | #stop | ||
| 131 | #end | ||
| 132 | #end | ||
| 133 | |||
| 134 | ## --- 投稿固定/解除処理 --- | ||
| 135 | #set($pinAction = $!request.action) | ||
| 136 | #if(($pinAction == 'pin' || $pinAction == 'unpin') && ($viewerAccountType == 'admin' || ($viewerAccountType == 'verified' && $viewerSchoolCode == $schoolCode)) && $services.csrf.isTokenValid($request.form_token)) | ||
| 137 | #set($pinPostObjStr = $!request.postObj) | ||
| 138 | #if(!$pinPostObjStr.matches('^\d+$')) | ||
| 139 | ## 不正な値 → 無視 | ||
| 140 | #else | ||
| 141 | #set($postObjNum = $mathtool.toInteger($pinPostObjStr)) | ||
| 142 | #set($postObj = $doc.getObject('SeitokaiCode.ActivityPostClass', $postObjNum)) | ||
| 143 | #if($postObj) | ||
| 144 | #if($pinAction == 'pin') | ||
| 145 | $postObj.set('pinned', '1') | ||
| 146 | #set($pinnerDoc = $xwiki.getDocument($xcontext.user)) | ||
| 147 | #set($pinnerName = $!pinnerDoc.getValue('displayName')) | ||
| 148 | #if(!$pinnerName || $pinnerName == '')#set($pinnerName = $xwiki.getUserName($xcontext.user))#end | ||
| 149 | $postObj.set('pinnedBy', $pinnerName) | ||
| 150 | $postObj.set('pinnedDate', $datetool.format('yyyy/MM/dd HH:mm', $datetool.date)) | ||
| 151 | $doc.saveWithProgrammingRights('投稿を固定') | ||
| 152 | #else | ||
| 153 | $postObj.set('pinned', '') | ||
| 154 | $postObj.set('pinnedBy', '') | ||
| 155 | $postObj.set('pinnedDate', '') | ||
| 156 | $doc.saveWithProgrammingRights('投稿の固定を解除') | ||
| 157 | #end | ||
| 158 | $response.sendRedirect($doc.getURL('view')) | ||
| 159 | #stop | ||
| 160 | #end | ||
| 161 | #end## /matches | ||
| 162 | #end | ||
| 163 | |||
| 164 | ## --- 特色ある活動 選定/解除処理 --- | ||
| 165 | #set($featAction = $!request.action) | ||
| 166 | #if(($featAction == 'feature' || $featAction == 'unfeature') && ($viewerAccountType == 'admin' || (($viewerAccountType == 'verified' || $viewerAccountType == 'referred') && $viewerSchoolCode == $schoolCode)) && $services.csrf.isTokenValid($request.form_token)) | ||
| 167 | #set($featActObjStr = $!request.actObj) | ||
| 168 | #if($featActObjStr.matches('^\d+$')) | ||
| 169 | #set($actObjNum = $mathtool.toInteger($featActObjStr)) | ||
| 170 | #set($actObj = $doc.getObject('SeitokaiCode.ActivityClass', $actObjNum)) | ||
| 171 | #if($actObj) | ||
| 172 | #if($featAction == 'feature') | ||
| 173 | ## 上限3件チェック | ||
| 174 | #set($allActs = $doc.getObjects('SeitokaiCode.ActivityClass')) | ||
| 175 | #set($featCount = 0) | ||
| 176 | #if($allActs) | ||
| 177 | #foreach($fa in $allActs) | ||
| 178 | #if($!fa.getValue('featured') == '1') | ||
| 179 | #set($featCount = $featCount + 1) | ||
| 180 | #end | ||
| 181 | #end | ||
| 182 | #end | ||
| 183 | #if($featCount < 3) | ||
| 184 | $actObj.set('featured', '1') | ||
| 185 | #set($featurerDoc = $xwiki.getDocument($xcontext.user)) | ||
| 186 | #set($featurerName = $!featurerDoc.getValue('displayName')) | ||
| 187 | #if(!$featurerName || $featurerName == '')#set($featurerName = $xwiki.getUserName($xcontext.user))#end | ||
| 188 | $actObj.set('featuredBy', $featurerName) | ||
| 189 | $actObj.set('featuredDate', $datetool.format('yyyy/MM/dd HH:mm', $datetool.date)) | ||
| 190 | $doc.saveWithProgrammingRights('特色ある活動に選定') | ||
| 191 | #end | ||
| 192 | #else | ||
| 193 | $actObj.set('featured', '') | ||
| 194 | $actObj.set('featuredBy', '') | ||
| 195 | $actObj.set('featuredDate', '') | ||
| 196 | $doc.saveWithProgrammingRights('特色ある活動の選定を解除') | ||
| 197 | #end | ||
| 198 | $response.sendRedirect($doc.getURL('view')) | ||
| 199 | #stop | ||
| 200 | #end | ||
| 201 | #end## /matches | ||
| 202 | #end | ||
| 203 | |||
| 204 | ## --- ユーザー情報取得 --- | ||
| 205 | ## displayName: Wiki上の表示名(ニックネーム)。本名(firstName/lastName)は管理者のみ閲覧可能。 | ||
| 206 | #set($lastAuthor = $doc.author) | ||
| 207 | #set($lastAuthorDoc = $xwiki.getDocument($lastAuthor)) | ||
| 208 | #set($authorAccountType = '') | ||
| 209 | #set($authorUserRole = '') | ||
| 210 | #set($authorUserStatus = '') | ||
| 211 | #set($authorEnrollmentYear = '') | ||
| 212 | #set($authorGrade = '') | ||
| 213 | #set($authorDisplayName = '') | ||
| 214 | #if($lastAuthorDoc) | ||
| 215 | #set($authorAccountType = $!lastAuthorDoc.getValue('accountType')) | ||
| 216 | #set($authorUserRole = $!lastAuthorDoc.getValue('userRole')) | ||
| 217 | #set($authorUserStatus = $!lastAuthorDoc.getValue('userStatus')) | ||
| 218 | #set($authorEnrollmentYear = $!lastAuthorDoc.getValue('enrollmentYear')) | ||
| 219 | #set($authorDisplayName = $!lastAuthorDoc.getValue('displayName')) | ||
| 220 | #if(!$authorDisplayName || $authorDisplayName == '') | ||
| 221 | ## false引数でプレーンテキスト(HTMLリンクなし)を取得 | ||
| 222 | #set($authorDisplayName = $xwiki.getUserName($doc.author, false)) | ||
| 223 | #end | ||
| 224 | ## --- 学年の動的計算(学校種別対応) --- | ||
| 225 | ## 日本の学校年度: 4月始まり。currentSchoolYear = (月>=4) ? 今年 : 去年 | ||
| 226 | ## 学年 = currentSchoolYear - enrollmentYear + 1 | ||
| 227 | ## 在学年数超過: 卒業生として表示 | ||
| 228 | #set($authorSchoolCode = $!lastAuthorDoc.getValue('schoolCode')) | ||
| 229 | #if($authorEnrollmentYear && $authorEnrollmentYear != '' && $authorUserRole == 'student') | ||
| 230 | #set($now = $datetool.date) | ||
| 231 | #set($currentYear = $datetool.format('yyyy', $now)) | ||
| 232 | #set($currentMonth = $datetool.format('MM', $now)) | ||
| 233 | #set($currentYearInt = $mathtool.toInteger($currentYear)) | ||
| 234 | #set($currentMonthInt = $mathtool.toInteger($currentMonth)) | ||
| 235 | #set($enrollYearInt = $mathtool.toInteger($authorEnrollmentYear)) | ||
| 236 | #if($currentMonthInt >= 4) | ||
| 237 | #set($schoolYear = $currentYearInt) | ||
| 238 | #else | ||
| 239 | #set($schoolYear = $mathtool.sub($currentYearInt, 1)) | ||
| 240 | #end | ||
| 241 | ## 学校種別から在学年数を判定: C1=中学(3年), C2=義務教育(9年), D1=高校(3年), D2=中等教育(6年) | ||
| 242 | #set($authorMaxYears = 3) | ||
| 243 | #if($authorSchoolCode && $authorSchoolCode.length() >= 2) | ||
| 244 | #set($authorSchoolType = $authorSchoolCode.substring(0, 2)) | ||
| 245 | #if($authorSchoolType == 'C2') | ||
| 246 | #set($authorMaxYears = 9) | ||
| 247 | #elseif($authorSchoolType == 'D2') | ||
| 248 | #set($authorMaxYears = 6) | ||
| 249 | #end | ||
| 250 | #end | ||
| 251 | #set($gradeNum = $mathtool.add($mathtool.sub($schoolYear, $enrollYearInt), 1)) | ||
| 252 | #if($gradeNum >= 1 && $gradeNum <= $authorMaxYears) | ||
| 253 | #set($authorGrade = "${gradeNum}年生") | ||
| 254 | #elseif($gradeNum > $authorMaxYears) | ||
| 255 | #set($authorGrade = "卒業生") | ||
| 256 | #end | ||
| 257 | #end | ||
| 258 | #end | ||
| 259 | |||
| 260 | ## --- 学校名見出し(XWikiデフォルトタイトルを非表示にし、学校名を表示) --- | ||
| 261 | #if($schoolName && $schoolName != '') | ||
| 262 | <style>.document-header { display: none !important; }</style> | ||
| 263 | <h1 class="school-page-title">$!escapetool.xml($schoolName)</h1> | ||
| 264 | #end | ||
| 265 | |||
| 266 | ## --- 編集ボタン(権限があるユーザーのみ表示) --- | ||
| 267 | #set($canEditSchool = false) | ||
| 268 | #if(!$isGuest && ($isViewerAdmin || $viewerSchoolCode == $schoolCode)) | ||
| 269 | #set($canEditSchool = true) | ||
| 270 | #end | ||
| 271 | #if($canEditSchool) | ||
| 272 | <div style="text-align:right; margin-bottom:12px;"> | ||
| 273 | <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> | ||
| 274 | </div> | ||
| 275 | #end | ||
| 276 | |||
| 277 | ## --- ① 学校基本情報 --- | ||
| 278 | <div class="school-info-card collapsed" id="card-basic-info"> | ||
| 279 | <h2 role="button" tabindex="0" aria-expanded="false" onclick="toggleInfoCard('card-basic-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();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> | ||
| 280 | <table class="wiki-table school-info-table"> | ||
| 281 | <tr><th>学校コード</th><td>$!escapetool.xml($!schoolCode)</td></tr> | ||
| 282 | <tr><th>学校名</th><td>$!escapetool.xml($!schoolName)</td></tr> | ||
| 283 | <tr><th>所在地</th><td>$!escapetool.xml($!prefecture) #if($city && $city != '')$!escapetool.xml($city)#end</td></tr> | ||
| 284 | <tr><th>学級数・生徒数</th><td>#if($classCount && $classCount != '')${classCount}学級#end #if($studentCount && $studentCount != '')/ 約${studentCount}名#end</td></tr> | ||
| 285 | <tr><th>共学・別学</th><td>$!escapetool.xml($!coeducation)</td></tr> | ||
| 286 | <tr><th>設置者</th><td>$!escapetool.xml($!establishment)</td></tr> | ||
| 287 | <tr><th>学校種</th><td>$!escapetool.xml($!schoolLevel)</td></tr> | ||
| 288 | <tr><th>課程</th><td>#if($schoolSystem && !$schoolSystem.isEmpty())#foreach($ss in $schoolSystem)#if($foreach.count > 1) / #end$!escapetool.xml($ss)#end#end</td></tr> | ||
| 289 | <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> | ||
| 290 | </table> | ||
| 291 | #set($infoEditDate = $!doc.getValue('lastInfoEditedDate')) | ||
| 292 | #set($infoEditBy = $!doc.getValue('lastInfoEditedBy')) | ||
| 293 | #if($infoEditDate && $infoEditDate != '') | ||
| 294 | <div class="info-last-updated"><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> 基本情報の最終更新: $!escapetool.xml($infoEditBy) — $!escapetool.xml($infoEditDate)</div> | ||
| 295 | #end | ||
| 296 | </div> | ||
| 297 | |||
| 298 | ## --- ② 生徒会基本情報(折りたたみカード) --- | ||
| 299 | <div class="school-info-card" id="card-seitokai-info"> | ||
| 300 | <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> | ||
| 301 | <div class="seitokai-info-body"> | ||
| 302 | |||
| 303 | ## --- 組織図 --- | ||
| 304 | #set($hasOrgContent = ($orgChart && $orgChart != '') || ($orgChartImage && $orgChartImage != '')) | ||
| 305 | #if($hasOrgContent) | ||
| 306 | #set($canViewOrgChart = true) | ||
| 307 | #if($visibilityOrgChart == 'members' && $isGuest) #set($canViewOrgChart = false) | ||
| 308 | #elseif($visibilityOrgChart == 'school' && ($isGuest || (!$isViewerAdmin && $viewerSchoolCode != $schoolCode))) #set($canViewOrgChart = false) | ||
| 309 | #end | ||
| 310 | #if($canViewOrgChart) | ||
| 311 | <div class="seitokai-subsection"> | ||
| 312 | <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 == 'members')<svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></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> | ||
| 313 | <div class="seitokai-subsection-content"> | ||
| 314 | #if($orgChartImage && $orgChartImage != '') | ||
| 315 | <div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($orgChartImage)" alt="組織図" class="org-chart-img" /></div> | ||
| 316 | #end | ||
| 317 | #if($orgChart && $orgChart != '')$!escapetool.xml($orgChart)#end | ||
| 318 | </div> | ||
| 319 | </div> | ||
| 320 | #else | ||
| 321 | <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 == 'members')登録ユーザー#else校内メンバー#end のみ閲覧可能です</div> | ||
| 322 | #end | ||
| 323 | #end | ||
| 324 | |||
| 325 | ## --- 日常の活動 --- | ||
| 326 | #if($dailyActivities && !$dailyActivities.isEmpty()) | ||
| 327 | <div class="seitokai-subsection"> | ||
| 328 | <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg> 日常の活動</h3> | ||
| 329 | <div class="seitokai-subsection-content"> | ||
| 330 | <p class="activity-hint">活動時間の多い順に上位3つ</p> | ||
| 331 | <div class="tag-container"> | ||
| 332 | #set($daIdx = 1) | ||
| 333 | #foreach($da in $dailyActivities) | ||
| 334 | <span class="tag tag-accent">${daIdx}. $!escapetool.xml($da.trim())</span> | ||
| 335 | #set($daIdx = $daIdx + 1) | ||
| 336 | #end | ||
| 337 | </div> | ||
| 338 | #if($dailyActivitiesNote && $dailyActivitiesNote.trim() != '') | ||
| 339 | <div class="free-note">$!escapetool.xml($dailyActivitiesNote)</div> | ||
| 340 | #end | ||
| 341 | </div> | ||
| 342 | </div> | ||
| 343 | #end | ||
| 344 | |||
| 345 | ## --- 選挙 --- | ||
| 346 | #if($electionExists && $electionExists != '') | ||
| 347 | <div class="seitokai-subsection"> | ||
| 348 | <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 13l3 3 7-7"/></svg> 選挙</h3> | ||
| 349 | <div class="seitokai-subsection-content"> | ||
| 350 | <div class="info-row"> | ||
| 351 | <span class="info-label">役員選挙</span> | ||
| 352 | <span class="info-value">$!escapetool.xml($!electionExists)</span> | ||
| 353 | </div> | ||
| 354 | #if($electionType && $electionType != '') | ||
| 355 | <div class="info-row"> | ||
| 356 | <span class="info-label">直近の選挙方式</span> | ||
| 357 | <span class="info-value">$!escapetool.xml($!electionType)</span> | ||
| 358 | </div> | ||
| 359 | #end | ||
| 360 | #if($electionNote && $electionNote.trim() != '') | ||
| 361 | <div class="free-note">$!escapetool.xml($electionNote)</div> | ||
| 362 | #end | ||
| 363 | </div> | ||
| 364 | </div> | ||
| 365 | #end | ||
| 366 | |||
| 367 | ## --- 定例活動 --- | ||
| 368 | #if($meetingFrequency && $meetingFrequency != '') | ||
| 369 | <div class="seitokai-subsection"> | ||
| 370 | <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 定例活動</h3> | ||
| 371 | <div class="seitokai-subsection-content"> | ||
| 372 | <div class="info-row"> | ||
| 373 | <span class="info-label">役員定例会の頻度</span> | ||
| 374 | <span class="info-value">$!escapetool.xml($!meetingFrequency)</span> | ||
| 375 | </div> | ||
| 376 | #if($regularActivitiesNote && $regularActivitiesNote.trim() != '') | ||
| 377 | <div class="free-note">$!escapetool.xml($regularActivitiesNote)</div> | ||
| 378 | #end | ||
| 379 | </div> | ||
| 380 | </div> | ||
| 381 | #end | ||
| 382 | |||
| 383 | ## --- 予算 --- | ||
| 384 | #set($hasBudget = ($budgetProcess && !$budgetProcess.isEmpty()) || ($studentFee && $studentFee != '') || ($budgetScale && $budgetScale != '')) | ||
| 385 | #if($hasBudget) | ||
| 386 | #set($canViewBudget = true) | ||
| 387 | #if($visibilityBudget == 'members' && $isGuest) #set($canViewBudget = false) | ||
| 388 | #elseif($visibilityBudget == 'school' && ($isGuest || (!$isViewerAdmin && $viewerSchoolCode != $schoolCode))) #set($canViewBudget = false) | ||
| 389 | #end | ||
| 390 | #if($canViewBudget) | ||
| 391 | <div class="seitokai-subsection"> | ||
| 392 | <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 == 'members')<svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></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> | ||
| 393 | <div class="seitokai-subsection-content"> | ||
| 394 | #if($budgetProcess && !$budgetProcess.isEmpty()) | ||
| 395 | <div class="info-row"> | ||
| 396 | <span class="info-label">作成過程の生徒関与</span> | ||
| 397 | <span class="info-value"> | ||
| 398 | <div class="selection-display"> | ||
| 399 | #foreach($bp in $budgetProcess) | ||
| 400 | <span class="selection-item">$!escapetool.xml($bp.trim())</span> | ||
| 401 | #end | ||
| 402 | </div> | ||
| 403 | </span> | ||
| 404 | </div> | ||
| 405 | #end | ||
| 406 | #if($studentFee && $studentFee != '') | ||
| 407 | <div class="info-row"> | ||
| 408 | <span class="info-label">生徒会費(年額)</span> | ||
| 409 | <span class="info-value">$!escapetool.xml($!studentFee)</span> | ||
| 410 | </div> | ||
| 411 | #end | ||
| 412 | #if($budgetScale && $budgetScale != '') | ||
| 413 | <div class="info-row"> | ||
| 414 | <span class="info-label">予算規模</span> | ||
| 415 | <span class="info-value">$!escapetool.xml($!budgetScale)</span> | ||
| 416 | </div> | ||
| 417 | #end | ||
| 418 | #if($budgetAllocation && !$budgetAllocation.isEmpty()) | ||
| 419 | <div class="info-row"> | ||
| 420 | <span class="info-label">主な予算配分</span> | ||
| 421 | <span class="info-value"> | ||
| 422 | <div class="selection-display"> | ||
| 423 | #foreach($ba in $budgetAllocation) | ||
| 424 | <span class="selection-item">$!escapetool.xml($ba.trim())</span> | ||
| 425 | #end | ||
| 426 | </div> | ||
| 427 | </span> | ||
| 428 | </div> | ||
| 429 | #end | ||
| 430 | #if($budgetNote && $budgetNote.trim() != '') | ||
| 431 | <div class="free-note">$!escapetool.xml($budgetNote)</div> | ||
| 432 | #end | ||
| 433 | </div> | ||
| 434 | </div> | ||
| 435 | #else | ||
| 436 | <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($visibilityBudget == 'members')登録ユーザー#else校内メンバー#end のみ閲覧可能です</div> | ||
| 437 | #end | ||
| 438 | #end | ||
| 439 | |||
| 440 | ## --- 校則の見直し --- | ||
| 441 | #if($ruleReviewStatus && $ruleReviewStatus != '') | ||
| 442 | #set($canViewRuleReview = true) | ||
| 443 | #if($visibilityRuleReview == 'members' && $isGuest) #set($canViewRuleReview = false) | ||
| 444 | #elseif($visibilityRuleReview == 'school' && ($isGuest || (!$isViewerAdmin && $viewerSchoolCode != $schoolCode))) #set($canViewRuleReview = false) | ||
| 445 | #end | ||
| 446 | #if($canViewRuleReview) | ||
| 447 | <div class="seitokai-subsection"> | ||
| 448 | <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 == 'members')<svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></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> | ||
| 449 | <div class="seitokai-subsection-content"> | ||
| 450 | <div class="info-row"> | ||
| 451 | <span class="info-label">見直しの有無(3年以内)</span> | ||
| 452 | <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($!ruleReviewStatus)</span></span> | ||
| 453 | </div> | ||
| 454 | #if($ruleReviewContent && !$ruleReviewContent.isEmpty()) | ||
| 455 | <div class="info-row"> | ||
| 456 | <span class="info-label">見直しの内容</span> | ||
| 457 | <span class="info-value"> | ||
| 458 | <div class="selection-display"> | ||
| 459 | #foreach($rc in $ruleReviewContent) | ||
| 460 | <span class="selection-item">$!escapetool.xml($rc.trim())</span> | ||
| 461 | #end | ||
| 462 | </div> | ||
| 463 | </span> | ||
| 464 | </div> | ||
| 465 | #end | ||
| 466 | #if($ruleReviewProposer && !$ruleReviewProposer.isEmpty()) | ||
| 467 | <div class="info-row"> | ||
| 468 | <span class="info-label">見直しの提案者</span> | ||
| 469 | <span class="info-value"> | ||
| 470 | <div class="selection-display"> | ||
| 471 | #foreach($rp in $ruleReviewProposer) | ||
| 472 | <span class="selection-item">$!escapetool.xml($rp.trim())</span> | ||
| 473 | #end | ||
| 474 | </div> | ||
| 475 | </span> | ||
| 476 | </div> | ||
| 477 | #end | ||
| 478 | #if($ruleReviewImplementer && !$ruleReviewImplementer.isEmpty()) | ||
| 479 | <div class="info-row"> | ||
| 480 | <span class="info-label">見直しの実施者</span> | ||
| 481 | <span class="info-value"> | ||
| 482 | <div class="selection-display"> | ||
| 483 | #foreach($ri in $ruleReviewImplementer) | ||
| 484 | <span class="selection-item">$!escapetool.xml($ri.trim())</span> | ||
| 485 | #end | ||
| 486 | </div> | ||
| 487 | </span> | ||
| 488 | </div> | ||
| 489 | #end | ||
| 490 | #if($ruleReviewSystem && $ruleReviewSystem != '') | ||
| 491 | <div class="info-row"> | ||
| 492 | <span class="info-label">見直しの仕組み</span> | ||
| 493 | <span class="info-value">$!escapetool.xml($!ruleReviewSystem)</span> | ||
| 494 | </div> | ||
| 495 | #end | ||
| 496 | </div> | ||
| 497 | </div> | ||
| 498 | #else | ||
| 499 | <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($visibilityRuleReview == 'members')登録ユーザー#else校内メンバー#end のみ閲覧可能です</div> | ||
| 500 | #end | ||
| 501 | #end | ||
| 502 | |||
| 503 | ## --- 生徒会の課題意識 --- | ||
| 504 | #if($challenges && $challenges != '') | ||
| 505 | #set($canViewChallenges = true) | ||
| 506 | #if($visibilityChallenges == 'members' && $isGuest) #set($canViewChallenges = false) | ||
| 507 | #elseif($visibilityChallenges == 'school' && ($isGuest || (!$isViewerAdmin && $viewerSchoolCode != $schoolCode))) #set($canViewChallenges = false) | ||
| 508 | #end | ||
| 509 | #if($canViewChallenges) | ||
| 510 | <div class="seitokai-subsection"> | ||
| 511 | <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 == 'members')<svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></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> | ||
| 512 | <div class="seitokai-subsection-content"> | ||
| 513 | <div class="challenge-text">$!escapetool.xml($challenges)</div> | ||
| 514 | </div> | ||
| 515 | </div> | ||
| 516 | #else | ||
| 517 | <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($visibilityChallenges == 'members')登録ユーザー#else校内メンバー#end のみ閲覧可能です</div> | ||
| 518 | #end | ||
| 519 | #end | ||
| 520 | |||
| 521 | </div>## seitokai-info-body 終了 | ||
| 522 | </div>## card-seitokai-info 終了 | ||
| 523 | |||
| 524 | ## --- ③ SNS・連絡先 --- | ||
| 525 | <div class="school-info-card collapsed" id="card-contact"> | ||
| 526 | <h2 role="button" tabindex="0" aria-expanded="false" onclick="toggleInfoCard('card-contact')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();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> | ||
| 527 | <table class="wiki-table school-info-table"> | ||
| 528 | <tr><th>問い合わせ先</th><td>#if($contactInfo && $contactInfo != '')$!escapetool.xml($contactInfo)#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 529 | <tr><th>生徒会Web</th><td>#if($seitokaiWebsite && $seitokaiWebsite != '')<a href="$!escapetool.xml($seitokaiWebsite)" target="_blank" rel="noopener"><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> $!escapetool.xml($seitokaiWebsite)</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 530 | <tr><th>X (Twitter)</th><td>#if($seitokaiTwitter && $seitokaiTwitter != '')<a href="https://x.com/$!escapetool.url($seitokaiTwitter)" target="_blank" rel="noopener">𝕏 @$!escapetool.xml($seitokaiTwitter)</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 531 | <tr><th>Instagram</th><td>#if($seitokaiInstagram && $seitokaiInstagram != '')<a href="https://instagram.com/$!escapetool.url($seitokaiInstagram)" target="_blank" rel="noopener"><svg class="ico" viewBox="0 0 24 24"><path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/></svg> @$!escapetool.xml($seitokaiInstagram)</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 532 | <tr><th>YouTube</th><td>#if($seitokaiYoutube && $seitokaiYoutube != '')<a href="$!escapetool.xml($seitokaiYoutube)" target="_blank" rel="noopener"><svg class="ico" viewBox="0 0 24 24"><polygon points="5 3 19 12 5 21 5 3"/></svg> YouTubeチャンネル</a>#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 533 | <tr><th>その他SNS</th><td>#if($seitokaiOtherSns && $seitokaiOtherSns != '')$!escapetool.xml($seitokaiOtherSns)#else<span class="text-placeholder">未登録</span>#end</td></tr> | ||
| 534 | </table> | ||
| 535 | </div> | ||
| 536 | |||
| 537 | {{/html}} | ||
| 538 | |||
| 539 | ---- | ||
| 540 | |||
| 541 | ## --- ⑩ 活動報告一覧(スレッド型・年度タブ付き) --- | ||
| 542 | = 活動報告 = | ||
| 543 | |||
| 544 | ## --- 投稿者ステータス凡例(折りたたみ) --- | ||
| 545 | {{html clean="false"}} | ||
| 546 | <div class="author-legend-wrapper"> | ||
| 547 | <button class="author-legend-toggle" onclick="this.classList.toggle('open');this.nextElementSibling.classList.toggle('open')"><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> バッジの見方 <span class="chevron">▼</span></button> | ||
| 548 | <div class="author-legend-body"> | ||
| 549 | <div class="author-legend"> | ||
| 550 | <span class="author-legend-title">投稿者の信頼度:</span> | ||
| 551 | <span class="author-legend-item"><span class="bar bar-admin"></span> 管理者</span> | ||
| 552 | <span class="author-legend-item"><span class="bar bar-verified"></span> 承認済み</span> | ||
| 553 | <span class="author-legend-item"><span class="bar bar-referred"></span> 紹介</span> | ||
| 554 | <span class="author-legend-item"><span class="bar bar-general"></span> 一般(未承認)</span> | ||
| 555 | </div> | ||
| 556 | <div class="author-legend"> | ||
| 557 | <span class="author-legend-title">所属:</span> | ||
| 558 | <span class="author-legend-item"><span class="badge badge-school-internal-confirmed badge-sm"><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> 校内(確認済)</span> 承認済み+同校</span> | ||
| 559 | <span class="author-legend-item"><span class="badge badge-school-internal badge-sm"><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> 校内</span> 紹介+同校</span> | ||
| 560 | <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> | ||
| 561 | <span class="author-legend-item text-hint">※一般アカウントは所属未確認のため非表示</span> | ||
| 562 | </div> | ||
| 563 | <div class="author-legend"> | ||
| 564 | <span class="author-legend-title">役割:</span> | ||
| 565 | <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> | ||
| 566 | <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> | ||
| 567 | <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> | ||
| 568 | </div> | ||
| 569 | </div> | ||
| 570 | </div> | ||
| 571 | |||
| 572 | ## --- 年度タブ --- | ||
| 573 | ## 全活動から年度一覧を収集 | ||
| 574 | #set($activities = $doc.getObjects('SeitokaiCode.ActivityClass')) | ||
| 575 | #set($allPosts = $doc.getObjects('SeitokaiCode.ActivityPostClass')) | ||
| 576 | #set($fySet = []) | ||
| 577 | #if($activities && $activities.size() > 0) | ||
| 578 | #foreach($act in $activities) | ||
| 579 | #set($aFY = $!act.getValue('fiscalYear')) | ||
| 580 | #if($aFY && $aFY != '' && !$fySet.contains($aFY)) | ||
| 581 | #set($discard = $fySet.add($aFY)) | ||
| 582 | #end | ||
| 583 | #end | ||
| 584 | #end | ||
| 585 | ## 現在の年度が含まれていなければ追加 | ||
| 586 | #set($currentFYStr = $currentFiscalYear.toString()) | ||
| 587 | #if(!$fySet.contains($currentFYStr)) | ||
| 588 | #set($discard = $fySet.add($currentFYStr)) | ||
| 589 | #end | ||
| 590 | ## ソート(降順にしたいが Velocity にはないので JS で制御) | ||
| 591 | |||
| 592 | <div class="activity-fy-tabs"> | ||
| 593 | <button class="activity-fy-tab active" onclick="switchActivityFY('$currentFYStr', this)">$currentFYStr 年度</button> | ||
| 594 | #foreach($fy in $fySet) | ||
| 595 | #if($fy != $currentFYStr) | ||
| 596 | <button class="activity-fy-tab" onclick="switchActivityFY('$fy', this)">$fy 年度</button> | ||
| 597 | #end | ||
| 598 | #end | ||
| 599 | <button class="activity-fy-tab" onclick="switchActivityFY('all', this)">全期間</button> | ||
| 600 | </div> | ||
| 601 | |||
| 602 | {{/html}} | ||
| 603 | |||
| 604 | ## 特色ある活動を先頭に表示するため、並び替え用リストを作成 | ||
| 605 | #set($featuredActivities = []) | ||
| 606 | #set($normalActivities = []) | ||
| 607 | #if($activities && $activities.size() > 0) | ||
| 608 | #foreach($act in $activities) | ||
| 609 | #set($isFeatured = $!act.getValue('featured')) | ||
| 610 | #if($isFeatured == '1') | ||
| 611 | #set($discard = $featuredActivities.add($foreach.index)) | ||
| 612 | #else | ||
| 613 | #set($discard = $normalActivities.add($foreach.index)) | ||
| 614 | #end | ||
| 615 | #end | ||
| 616 | #end | ||
| 617 | #set($orderedActivityIndices = []) | ||
| 618 | #set($discard = $orderedActivityIndices.addAll($featuredActivities)) | ||
| 619 | #set($discard = $orderedActivityIndices.addAll($normalActivities)) | ||
| 620 | |||
| 621 | #if($activities && $activities.size() > 0) | ||
| 622 | #foreach($actIdx in $orderedActivityIndices) | ||
| 623 | #set($activity = $activities.get($actIdx)) | ||
| 624 | #set($actTitle = $activity.getValue('title')) | ||
| 625 | #set($actCommittee = $activity.getValue('committee')) | ||
| 626 | #set($actPeriod = $activity.getValue('period')) | ||
| 627 | #set($actFY = $!activity.getValue('fiscalYear')) | ||
| 628 | #set($actFeatured = $!activity.getValue('featured')) | ||
| 629 | #if(!$actFY || $actFY == '') #set($actFY = 'unknown') #end | ||
| 630 | ## この活動に紐づく投稿を収集(固定投稿を先頭に) | ||
| 631 | #set($pinnedPosts = []) | ||
| 632 | #set($normalPosts = []) | ||
| 633 | #if($allPosts) | ||
| 634 | #foreach($post in $allPosts) | ||
| 635 | #if($post.getValue('activityIndex') == $actIdx) | ||
| 636 | #set($isPinned = $!post.getValue('pinned')) | ||
| 637 | #if($isPinned == '1') | ||
| 638 | #set($discard = $pinnedPosts.add($post)) | ||
| 639 | #else | ||
| 640 | #set($discard = $normalPosts.add($post)) | ||
| 641 | #end | ||
| 642 | #end | ||
| 643 | #end | ||
| 644 | #end | ||
| 645 | #set($threadPosts = []) | ||
| 646 | #set($discard = $threadPosts.addAll($pinnedPosts)) | ||
| 647 | #set($discard = $threadPosts.addAll($normalPosts)) | ||
| 648 | ## report/comment カウント | ||
| 649 | #set($reportCount = 0) | ||
| 650 | #set($commentCount = 0) | ||
| 651 | #foreach($tp in $threadPosts) | ||
| 652 | #set($tpType = $!tp.getValue('postType')) | ||
| 653 | #if($tpType == 'comment') | ||
| 654 | #set($commentCount = $commentCount + 1) | ||
| 655 | #else | ||
| 656 | #set($reportCount = $reportCount + 1) | ||
| 657 | #end | ||
| 658 | #end | ||
| 659 | |||
| 660 | {{html clean="false"}} | ||
| 661 | <div class="activity-thread" data-fiscal-year="$!escapetool.xml($actFY)"> | ||
| 662 | <div class="activity-thread-header"> | ||
| 663 | <div class="activity-thread-title"> | ||
| 664 | <h3 #if($actFeatured == '1')class="featured-title"#end>$!escapetool.xml($!actTitle) #if($actFeatured == '1')<svg class="ico ico-fixed-14 ico-star-offset" 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>#end</h3> | ||
| 665 | <span class="activity-meta">$!escapetool.xml($!actCommittee) | $!escapetool.xml($!actPeriod) #if($actFY != 'unknown')| $!escapetool.xml($actFY)年度#end</span> | ||
| 666 | </div> | ||
| 667 | <div class="thread-meta-row"> | ||
| 668 | <span class="thread-post-count">${reportCount}件の報告 ・ ${commentCount}件のコメント</span> | ||
| 669 | #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified' || $viewerAccountType == 'referred') | ||
| 670 | #if($actFeatured == '1') | ||
| 671 | <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> | ||
| 672 | #else | ||
| 673 | <a href="$doc.getURL('view', "action=feature&actObj=${actIdx}&form_token=${services.csrf.getToken()}")" class="btn-featured-toggle btn-feature" title="特色ある活動に選定(最大3件)"><svg class="ico ico-fixed-14" 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> 特色設定</a> | ||
| 674 | #end | ||
| 675 | #end | ||
| 676 | </div> | ||
| 677 | </div> | ||
| 678 | |||
| 679 | ## --- 活動報告セクション --- | ||
| 680 | #foreach($post in $threadPosts) | ||
| 681 | #set($thisPostType = $!post.getValue('postType')) | ||
| 682 | #if($thisPostType != 'comment') | ||
| 683 | #set($postContent = $post.getValue('content')) | ||
| 684 | #set($postAuthor = $post.getValue('author')) | ||
| 685 | #set($postAccountType = $!post.getValue('authorAccountType')) | ||
| 686 | #set($postUserRole = $!post.getValue('authorUserRole')) | ||
| 687 | #set($postGrade = $!post.getValue('authorGrade')) | ||
| 688 | #set($postSchoolCode = $!post.getValue('authorSchoolCode')) | ||
| 689 | #set($postDate = $post.getValue('createdDate')) | ||
| 690 | ## 論理削除チェック | ||
| 691 | #set($postDeleted = $!post.getValue('deleted')) | ||
| 692 | #if($postDeleted == 1 || $postDeleted == '1') | ||
| 693 | #if($viewerAccountType == 'admin') | ||
| 694 | <div class="thread-post thread-post-deleted thread-post-admin-deleted"> | ||
| 695 | <div class="thread-post-admin-deleted-content"> | ||
| 696 | <svg class="ico" viewBox="0 0 24 24"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg> | ||
| 697 | <strong>投稿者により削除済み</strong>($!post.getValue('deletedAt')) | ||
| 698 | <div class="thread-post-restored-content">$!escapetool.xml($!postContent)</div> | ||
| 699 | </div> | ||
| 700 | </div> | ||
| 701 | #else | ||
| 702 | <div class="thread-post thread-post-deleted thread-post-user-deleted"> | ||
| 703 | <div class="thread-post-user-deleted-content"> | ||
| 704 | <svg class="ico" viewBox="0 0 24 24"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg> | ||
| 705 | この投稿は削除されました | ||
| 706 | </div> | ||
| 707 | </div> | ||
| 708 | #end | ||
| 709 | #else | ||
| 710 | ## 通報による非表示チェック | ||
| 711 | #set($postHidden = $!post.getValue('hidden')) | ||
| 712 | #if($postHidden == 1 || $postHidden == '1') | ||
| 713 | #if($viewerAccountType == 'admin') | ||
| 714 | <div class="thread-post thread-post-admin-hidden"> | ||
| 715 | <div class="thread-post-admin-hidden-content"> | ||
| 716 | <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> | ||
| 717 | <strong>通報により非表示中</strong>(理由: $!escapetool.xml($!post.getValue('hiddenReason'))) | ||
| 718 | <div class="thread-post-restored-content">$!escapetool.xml($!postContent)</div> | ||
| 719 | </div> | ||
| 720 | </div> | ||
| 721 | #end | ||
| 722 | #else | ||
| 723 | ## 投稿の公開範囲チェック | ||
| 724 | #set($postVis = $!post.getValue('visibility')) | ||
| 725 | #if(!$postVis || $postVis == '') #set($postVis = 'public') #end | ||
| 726 | #set($canViewPost = true) | ||
| 727 | #if($postVis == 'members' && $isGuest) #set($canViewPost = false) | ||
| 728 | #elseif($postVis == 'school' && ($isGuest || (!$isViewerAdmin && $viewerSchoolCode != $schoolCode))) #set($canViewPost = false) | ||
| 729 | #end | ||
| 730 | #if(!$canViewPost) | ||
| 731 | <div class="thread-post visibility-restricted-post"> | ||
| 732 | <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($postVis == 'members')登録ユーザー#else校内メンバー#end のみ閲覧可能です</div> | ||
| 733 | </div> | ||
| 734 | #else | ||
| 735 | ## 投稿者のアカウント種別に基づいたCSSクラス | ||
| 736 | #set($postAuthorClass = 'author-general') | ||
| 737 | #if($postAccountType == 'admin') | ||
| 738 | #set($postAuthorClass = 'author-admin') | ||
| 739 | #elseif($postAccountType == 'verified') | ||
| 740 | #set($postAuthorClass = 'author-verified') | ||
| 741 | #elseif($postAccountType == 'referred') | ||
| 742 | #set($postAuthorClass = 'author-referred') | ||
| 743 | #end | ||
| 744 | |||
| 745 | #set($isPinned = $!post.getValue('pinned')) | ||
| 746 | <div class="thread-post $postAuthorClass #if($isPinned == '1')thread-post-pinned#end"> | ||
| 747 | <div class="thread-post-sidebar"><div class="thread-post-bar"></div></div> | ||
| 748 | <div class="thread-post-content"> | ||
| 749 | <div class="thread-post-header"> | ||
| 750 | #if($isPinned == '1') | ||
| 751 | <span class="pin-badge"><svg class="ico ico-fixed-14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M16 2l-4 4-2-1-5 5 3 3-6 6h4l4-4 3 3 5-5-1-2 4-4-5-5z"/></svg> 固定</span> | ||
| 752 | #end | ||
| 753 | #set($postAuthorRef = $!post.getValue('authorRef')) | ||
| 754 | <span class="thread-post-author"> | ||
| 755 | #if($postAuthorRef && $postAuthorRef != '') | ||
| 756 | <a href="$xwiki.getURL('SeitokaiCode.UserProfile', 'view', "user=${escapetool.url($postAuthorRef)}")">$!escapetool.xml($!postAuthor)</a> | ||
| 757 | #else | ||
| 758 | $!escapetool.xml($!postAuthor) | ||
| 759 | #end | ||
| 760 | </span> | ||
| 761 | <span class="author-badge"> | ||
| 762 | #if($postAccountType == 'admin') | ||
| 763 | <span class="badge badge-admin badge-sm"><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> | ||
| 764 | #elseif($postAccountType == 'verified') | ||
| 765 | <span class="badge badge-verified badge-sm"><svg class="ico" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg> 承認済み</span> | ||
| 766 | #elseif($postAccountType == 'referred') | ||
| 767 | <span class="badge badge-referred badge-sm"><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> | ||
| 768 | #else | ||
| 769 | <span class="badge badge-general badge-sm">一般</span> | ||
| 770 | #end | ||
| 771 | ## 所属バッジ(投稿者の学校コードとページの学校コードを比較) | ||
| 772 | #if($postSchoolCode && $postSchoolCode != '' && $postAccountType != 'general') | ||
| 773 | #if($postSchoolCode == $schoolCode) | ||
| 774 | #if($postAccountType == 'verified' || $postAccountType == 'admin') | ||
| 775 | <span class="badge badge-school-internal-confirmed badge-sm"><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> 校内(確認済)</span> | ||
| 776 | #else | ||
| 777 | <span class="badge badge-school-internal badge-sm"><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> 校内</span> | ||
| 778 | #end | ||
| 779 | #else | ||
| 780 | <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> | ||
| 781 | #end | ||
| 782 | #end | ||
| 783 | #if($postUserRole == 'student') | ||
| 784 | <span class="badge badge-role-student badge-sm"><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> | ||
| 785 | #set($postIsOfficer = $!post.getValue('authorIsOfficer')) | ||
| 786 | #if($postIsOfficer == 'true') | ||
| 787 | <span class="badge badge-role-officer badge-sm"><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> | ||
| 788 | #end | ||
| 789 | #elseif($postUserRole == 'teacher') | ||
| 790 | <span class="badge badge-role-teacher badge-sm"><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> | ||
| 791 | #elseif($postUserRole == 'graduate') | ||
| 792 | <span class="badge badge-role-graduate badge-sm"><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> | ||
| 793 | #end | ||
| 794 | </span> | ||
| 795 | <span class="thread-post-date">$!postDate</span> | ||
| 796 | #set($postEdited = $!post.getValue('edited')) | ||
| 797 | #if($postEdited == 1 || $postEdited == '1') | ||
| 798 | <span class="post-edited-label">(編集済み)</span> | ||
| 799 | #end | ||
| 800 | </div> | ||
| 801 | <div class="thread-post-body"> | ||
| 802 | $!escapetool.xml($!postContent) | ||
| 803 | #set($postImages = $!post.getValue('images')) | ||
| 804 | #if($postImages && $postImages.trim() != '') | ||
| 805 | <div class="post-images"> | ||
| 806 | #set($imageList = $postImages.trim().split("\n")) | ||
| 807 | #set($imageCount = $imageList.size()) | ||
| 808 | #if($imageCount > 4)#set($imageCount = 4)#end | ||
| 809 | <div class="post-image-grid post-image-count-${imageCount}"> | ||
| 810 | #foreach($imgFile in $imageList) | ||
| 811 | #if($foreach.count <= 4) | ||
| 812 | #set($imgName = $imgFile.trim()) | ||
| 813 | #if($imgName != '') | ||
| 814 | <div class="post-image-item"> | ||
| 815 | <a href="$doc.getAttachmentURL($imgName)" target="_blank"> | ||
| 816 | <img src="$doc.getAttachmentURL($imgName)" alt="$!escapetool.xml($imgName)" loading="lazy"/> | ||
| 817 | </a> | ||
| 818 | </div> | ||
| 819 | #end | ||
| 820 | #end | ||
| 821 | #end | ||
| 822 | </div> | ||
| 823 | </div> | ||
| 824 | #end | ||
| 825 | ## ファイル添付の表示 | ||
| 826 | #set($postFiles = $!post.getValue('files')) | ||
| 827 | #if($postFiles && $postFiles.trim() != '') | ||
| 828 | <div class="post-files"> | ||
| 829 | #set($fileList = $postFiles.trim().split("\n")) | ||
| 830 | #foreach($attachFile in $fileList) | ||
| 831 | #if($foreach.count <= 2) | ||
| 832 | #set($fName = $attachFile.trim()) | ||
| 833 | #if($fName != '') | ||
| 834 | #set($fLower = $fName.toLowerCase()) | ||
| 835 | #set($fIcon = 'file') | ||
| 836 | #set($fColor = '#64748b') | ||
| 837 | #if($fLower.endsWith('.pdf'))#set($fIcon = 'pdf')#set($fColor = '#dc2626')#end | ||
| 838 | #if($fLower.endsWith('.docx'))#set($fIcon = 'word')#set($fColor = '#2563eb')#end | ||
| 839 | #if($fLower.endsWith('.xlsx'))#set($fIcon = 'excel')#set($fColor = '#16a34a')#end | ||
| 840 | #if($fLower.endsWith('.pptx'))#set($fIcon = 'ppt')#set($fColor = '#ea580c')#end | ||
| 841 | ## ファイル名からプレフィックス(file_YYYYMMDDHHMMSS_N_)を除去して表示 | ||
| 842 | #set($displayName = $fName) | ||
| 843 | #if($fName.matches('file_\d{14}_\d+_.*')) | ||
| 844 | #set($displayName = $fName.replaceFirst('file_\d{14}_\d+_', '')) | ||
| 845 | #end | ||
| 846 | <div class="post-file-item"> | ||
| 847 | <a href="$doc.getAttachmentURL($fName)" target="_blank" download="$!escapetool.xml($displayName)"> | ||
| 848 | #if($fIcon == 'pdf')<svg class="ico ico-md" style="color:${fColor};" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M9 15v-2h1.5a1.5 1.5 0 010 3H9"/></svg> | ||
| 849 | #elseif($fIcon == 'word')<svg class="ico ico-md" style="color:${fColor};" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><path d="M8 15l1.5-5 1.5 5 1.5-5 1.5 5"/></svg> | ||
| 850 | #elseif($fIcon == 'excel')<svg class="ico ico-md" style="color:${fColor};" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="16" y2="17"/><line x1="12" y1="13" x2="12" y2="17"/></svg> | ||
| 851 | #elseif($fIcon == 'ppt')<svg class="ico ico-md" style="color:${fColor};" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><rect x="8" y="12" width="8" height="6" rx="1"/></svg> | ||
| 852 | #else<svg class="ico ico-md" style="color:${fColor};" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg> | ||
| 853 | #end | ||
| 854 | <span class="post-file-name">$!escapetool.xml($displayName)</span> | ||
| 855 | </a> | ||
| 856 | </div> | ||
| 857 | #end | ||
| 858 | #end | ||
| 859 | #end | ||
| 860 | </div> | ||
| 861 | #end | ||
| 862 | </div> | ||
| 863 | #if($postVis != 'public') | ||
| 864 | <div class="visibility-badge visibility-${postVis} post-action-mt">#if($postVis == 'members')<svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></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> | ||
| 865 | #end | ||
| 866 | ## 固定/解除ボタン(承認済み・管理者のみ) | ||
| 867 | #if($viewerAccountType == 'admin' || $viewerAccountType == 'verified') | ||
| 868 | #set($postObjNum = $post.number) | ||
| 869 | <div class="post-pin-action post-action-mt"> | ||
| 870 | #if($isPinned == '1') | ||
| 871 | <a href="$doc.getURL('view', "action=unpin&postObj=${postObjNum}&form_token=${services.csrf.getToken()}")" class="btn-pin-toggle btn-unpin" title="固定を解除"> | ||
| 872 | <svg class="ico ico-fixed-14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><path d="M16 2l-4 4-2-1-5 5 3 3-6 6h4l4-4 3 3 5-5-1-2 4-4-5-5z"/></svg> 固定を解除 | ||
| 873 | </a> | ||
| 874 | #else | ||
| 875 | <a href="$doc.getURL('view', "action=pin&postObj=${postObjNum}&form_token=${services.csrf.getToken()}")" class="btn-pin-toggle btn-pin" title="この投稿を固定"> | ||
| 876 | <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M16 2l-4 4-2-1-5 5 3 3-6 6h4l4-4 3 3 5-5-1-2 4-4-5-5z"/></svg> 固定する | ||
| 877 | </a> | ||
| 878 | #end | ||
| 879 | </div> | ||
| 880 | #end | ||
| 881 | ## 編集・削除ボタン(投稿者本人 or 管理者) | ||
| 882 | #set($postAuthorRef = $!post.getValue('authorRef')) | ||
| 883 | #set($postObjNumED = $post.number) | ||
| 884 | #if($xcontext.user == $postAuthorRef || $viewerAccountType == 'admin') | ||
| 885 | <div class="post-edit-actions post-action-mt"> | ||
| 886 | #if($xcontext.user == $postAuthorRef) | ||
| 887 | <button type="button" class="btn-post-edit" onclick="openEditPost(this, '${doc.fullName}', $postObjNumED, '$!escapetool.javascript($!postContent)')" title="この投稿を編集"> | ||
| 888 | <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> 編集 | ||
| 889 | </button> | ||
| 890 | #end | ||
| 891 | <button type="button" class="btn-post-delete" onclick="confirmDeletePost('${doc.fullName}', $postObjNumED, '${services.csrf.getToken()}')" title="この投稿を削除"> | ||
| 892 | <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg> 削除 | ||
| 893 | </button> | ||
| 894 | </div> | ||
| 895 | #end | ||
| 896 | </div> | ||
| 897 | </div> | ||
| 898 | #end## /canViewPost | ||
| 899 | #end## /postHidden | ||
| 900 | #end## /postDeleted | ||
| 901 | #end## /postType != comment | ||
| 902 | #end## /foreach reports | ||
| 903 | |||
| 904 | ## --- コメントセクション(折りたたみ) --- | ||
| 905 | #if($commentCount > 0) | ||
| 906 | <details class="thread-comments-section"> | ||
| 907 | <summary class="thread-comments-toggle"> | ||
| 908 | <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}件のコメント | ||
| 909 | </summary> | ||
| 910 | #foreach($post in $threadPosts) | ||
| 911 | #set($thisPostType = $!post.getValue('postType')) | ||
| 912 | #if($thisPostType == 'comment') | ||
| 913 | #set($postContent = $post.getValue('content')) | ||
| 914 | #set($postAuthor = $post.getValue('author')) | ||
| 915 | #set($postAccountType = $!post.getValue('authorAccountType')) | ||
| 916 | #set($postDate = $post.getValue('createdDate')) | ||
| 917 | #set($postDeleted = $!post.getValue('deleted')) | ||
| 918 | #if($postDeleted == 1 || $postDeleted == '1') | ||
| 919 | <div class="thread-comment thread-comment-deleted"> | ||
| 920 | <span class="thread-comment-meta">このコメントは削除されました</span> | ||
| 921 | </div> | ||
| 922 | #else | ||
| 923 | #set($postHidden = $!post.getValue('hidden')) | ||
| 924 | #if($postHidden == 1 || $postHidden == '1') | ||
| 925 | <div class="thread-comment thread-comment-hidden"> | ||
| 926 | <span class="thread-comment-meta">このコメントは非表示にされました</span> | ||
| 927 | </div> | ||
| 928 | #else | ||
| 929 | <div class="thread-comment"> | ||
| 930 | <span class="thread-comment-author">$!escapetool.xml($postAuthor)</span> | ||
| 931 | <span class="thread-comment-date">$!postDate</span> | ||
| 932 | <div class="thread-comment-body">$!escapetool.xml($postContent)</div> | ||
| 933 | </div> | ||
| 934 | #end | ||
| 935 | #end | ||
| 936 | #end | ||
| 937 | #end | ||
| 938 | </details> | ||
| 939 | #end | ||
| 940 | |||
| 941 | #if($xcontext.user != "XWiki.XWikiGuest") | ||
| 942 | <div class="thread-add-post"> | ||
| 943 | <a href="/bin/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=report" class="btn-thread-add"> | ||
| 944 | + 活動報告を追加 | ||
| 945 | </a> | ||
| 946 | <a href="/bin/SeitokaiCode/ActivityPostForm?schoolPage=${doc.fullName}&activityIndex=${actIdx}&schoolCode=$!escapetool.url($schoolCode)&postType=comment" class="btn-thread-comment"> | ||
| 947 | <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> コメントを書く | ||
| 948 | </a> | ||
| 949 | </div> | ||
| 950 | #end | ||
| 951 | </div> | ||
| 952 | {{/html}} | ||
| 953 | #end | ||
| 954 | #else | ||
| 955 | {{html clean="false"}} | ||
| 956 | <div class="empty-state"> | ||
| 957 | <div class="empty-state-icon"><svg class="ico" viewBox="0 0 24 24" stroke-width="1.5"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></div> | ||
| 958 | <div class="empty-state-title">活動報告はまだありません</div> | ||
| 959 | <div class="empty-state-desc">この学校の活動を記録して、他校と共有しましょう。<br>「活動を追加」ボタンから最初の活動を作成できます。</div> | ||
| 960 | </div> | ||
| 961 | {{/html}} | ||
| 962 | #end | ||
| 963 | |||
| 964 | ## --- 活動追加ボタン --- | ||
| 965 | #if($xcontext.user != "XWiki.XWikiGuest") | ||
| 966 | {{html clean="false"}} | ||
| 967 | <div class="activity-add-section"> | ||
| 968 | <a href="/bin/SeitokaiCode/ActivityForm?schoolPage=${doc.fullName}&schoolCode=$!escapetool.url($schoolCode)" class="btn btn-primary btn-add-activity"> | ||
| 969 | <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> 活動を追加 | ||
| 970 | </a> | ||
| 971 | </div> | ||
| 972 | {{/html}} | ||
| 973 | #end | ||
| 974 | |||
| 975 | ## --- 年度タブ切り替え JavaScript --- | ||
| 976 | {{html clean="false"}} | ||
| 977 | <script> | ||
| 978 | function switchActivityFY(fy, btn) { | ||
| 979 | // タブのアクティブ状態を切り替え | ||
| 980 | document.querySelectorAll('.activity-fy-tab').forEach(function(t) { t.classList.remove('active'); }); | ||
| 981 | btn.classList.add('active'); | ||
| 982 | // 活動スレッドの表示切り替え | ||
| 983 | document.querySelectorAll('.activity-thread[data-fiscal-year]').forEach(function(thread) { | ||
| 984 | if (fy === 'all' || thread.getAttribute('data-fiscal-year') === fy) { | ||
| 985 | thread.classList.remove('fy-hidden'); | ||
| 986 | } else { | ||
| 987 | thread.classList.add('fy-hidden'); | ||
| 988 | } | ||
| 989 | }); | ||
| 990 | } | ||
| 991 | // ページ読み込み時の初期化 | ||
| 992 | document.addEventListener('DOMContentLoaded', function() { | ||
| 993 | // デフォルトで現在の年度を表示 | ||
| 994 | var defaultTab = document.querySelector('.activity-fy-tab.active'); | ||
| 995 | if (defaultTab) { defaultTab.click(); } | ||
| 996 | // 保存成功時のトースト通知 | ||
| 997 | if (window.location.search.indexOf('saved=1') !== -1) { | ||
| 998 | showToast('学校情報を保存しました', 'success'); | ||
| 999 | // URLパラメータをクリーンアップ(リロード時に再表示されないよう) | ||
| 1000 | if (window.history.replaceState) { | ||
| 1001 | window.history.replaceState({}, document.title, window.location.pathname); | ||
| 1002 | } | ||
| 1003 | } | ||
| 1004 | }); | ||
| 1005 | |||
| 1006 | // トースト通知表示 | ||
| 1007 | function showToast(message, type) { | ||
| 1008 | type = type || 'success'; | ||
| 1009 | var container = document.getElementById('toast-container'); | ||
| 1010 | if (!container) { | ||
| 1011 | container = document.createElement('div'); | ||
| 1012 | container.id = 'toast-container'; | ||
| 1013 | container.className = 'toast-container'; | ||
| 1014 | document.body.appendChild(container); | ||
| 1015 | } | ||
| 1016 | var icons = { | ||
| 1017 | success: '<svg class="ico ico-md" viewBox="0 0 24 24" stroke-width="2.5"><path d="M20 6L9 17l-5-5"/></svg>', | ||
| 1018 | error: '<svg class="ico ico-md" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>' | ||
| 1019 | }; | ||
| 1020 | var toast = document.createElement('div'); | ||
| 1021 | toast.className = 'toast toast-' + type; | ||
| 1022 | toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>'; | ||
| 1023 | container.appendChild(toast); | ||
| 1024 | setTimeout(function() { toast.remove(); }, 3200); | ||
| 1025 | } | ||
| 1026 | |||
| 1027 | // 学校基本情報・連絡先の折りたたみトグル | ||
| 1028 | function toggleInfoCard(cardId) { | ||
| 1029 | var card = document.getElementById(cardId); | ||
| 1030 | if (!card) return; | ||
| 1031 | card.classList.toggle('collapsed'); | ||
| 1032 | var isCollapsed = card.classList.contains('collapsed'); | ||
| 1033 | var h2 = card.querySelector('h2[role="button"]'); | ||
| 1034 | if (h2) h2.setAttribute('aria-expanded', !isCollapsed); | ||
| 1035 | } | ||
| 1036 | |||
| 1037 | // 投稿の編集(インライン編集フォームを開く) | ||
| 1038 | function openEditPost(btn, schoolPage, postObjNum, currentContent) { | ||
| 1039 | var postEl = btn.closest('.thread-post'); | ||
| 1040 | if (!postEl) return; | ||
| 1041 | // 既存の編集フォームがあれば閉じる | ||
| 1042 | var existing = postEl.querySelector('.post-edit-form'); | ||
| 1043 | if (existing) { existing.remove(); return; } | ||
| 1044 | var bodyEl = postEl.querySelector('.thread-post-body'); | ||
| 1045 | if (!bodyEl) return; | ||
| 1046 | var form = document.createElement('div'); | ||
| 1047 | form.className = 'post-edit-form'; | ||
| 1048 | form.innerHTML = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>' + | ||
| 1049 | '<div class="post-edit-form-actions">' + | ||
| 1050 | '<button type="button" class="btn-cancel-edit" onclick="this.closest(\'.post-edit-form\').remove()">キャンセル</button>' + | ||
| 1051 | '<button type="button" class="btn-save" onclick="saveEditPost(\'' + schoolPage + '\', ' + postObjNum + ')">保存</button>' + | ||
| 1052 | '</div>'; | ||
| 1053 | bodyEl.parentNode.insertBefore(form, bodyEl.nextSibling); | ||
| 1054 | form.querySelector('textarea').focus(); | ||
| 1055 | } | ||
| 1056 | |||
| 1057 | // 投稿の編集を保存 | ||
| 1058 | function saveEditPost(schoolPage, postObjNum) { | ||
| 1059 | var textarea = document.getElementById('editContent_' + postObjNum); | ||
| 1060 | if (!textarea) return; | ||
| 1061 | var newContent = textarea.value.trim(); | ||
| 1062 | if (!newContent) { alert('投稿内容を入力してください'); return; } | ||
| 1063 | var csrfEl = document.querySelector('input[name="form_token"]'); | ||
| 1064 | var csrfToken = csrfEl ? csrfEl.value : ''; | ||
| 1065 | var xhr = new XMLHttpRequest(); | ||
| 1066 | xhr.open('POST', '/bin/SeitokaiCode/EditPost?outputSyntax=plain', true); | ||
| 1067 | xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); | ||
| 1068 | var editPostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&newContent=' + encodeURIComponent(newContent) + '&form_token=' + encodeURIComponent(csrfToken); | ||
| 1069 | xhr.onload = function() { | ||
| 1070 | try { | ||
| 1071 | var res = JSON.parse(xhr.responseText); | ||
| 1072 | if (res.success) { | ||
| 1073 | showToast('投稿を更新しました', 'success'); | ||
| 1074 | setTimeout(function() { location.reload(); }, 800); | ||
| 1075 | } else { | ||
| 1076 | alert('編集に失敗しました: ' + (res.error || '')); | ||
| 1077 | } | ||
| 1078 | } catch(e) { alert('編集に失敗しました'); } | ||
| 1079 | }; | ||
| 1080 | xhr.onerror = function() { alert('通信エラーが発生しました'); }; | ||
| 1081 | xhr.send(editPostData); | ||
| 1082 | } | ||
| 1083 | |||
| 1084 | // 投稿の削除(確認ダイアログ付き) | ||
| 1085 | function confirmDeletePost(schoolPage, postObjNum, token) { | ||
| 1086 | if (!confirm('この投稿を削除しますか?\\n削除後は「この投稿は削除されました」と表示されます。')) return; | ||
| 1087 | var xhr = new XMLHttpRequest(); | ||
| 1088 | xhr.open('POST', '/bin/SeitokaiCode/DeletePost?outputSyntax=plain', true); | ||
| 1089 | xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); | ||
| 1090 | var deletePostData = 'schoolPage=' + encodeURIComponent(schoolPage) + '&postObj=' + postObjNum + '&form_token=' + encodeURIComponent(token); | ||
| 1091 | xhr.onload = function() { | ||
| 1092 | try { | ||
| 1093 | var res = JSON.parse(xhr.responseText); | ||
| 1094 | if (res.success) { | ||
| 1095 | showToast('投稿を削除しました', 'success'); | ||
| 1096 | setTimeout(function() { location.reload(); }, 800); | ||
| 1097 | } else { | ||
| 1098 | alert('削除に失敗しました: ' + (res.error || '')); | ||
| 1099 | } | ||
| 1100 | } catch(e) { alert('削除に失敗しました'); } | ||
| 1101 | }; | ||
| 1102 | xhr.onerror = function() { alert('通信エラーが発生しました'); }; | ||
| 1103 | xhr.send(deletePostData); | ||
| 1104 | } | ||
| 1105 | </script> | ||
| 1106 | {{/html}} | ||
| 1107 | {{/velocity}} |