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