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