Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
94.1
edited by Super Admin
on 2026/03/20 17:50
on 2026/03/20 17:50
Change comment:
There is no comment for this version
To version
115.1
edited by Super Admin
on 2026/03/27 05:08
on 2026/03/27 05:08
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -7,6 +7,19 @@ 7 7 #stop 8 8 #end 9 9 {{html clean="false"}} 10 +## --- OGP メタタグ(SNSシェア対応) --- 11 +#set($ogTitle = "$!{schoolName} — 生徒会Wiki") 12 +#set($ogDesc = "$!{schoolName}の生徒会活動情報。全国の高校の生徒会活動事例を集積・共有するプラットフォーム。") 13 +#set($ogUrl = "https://${request.serverName}${doc.getURL('view')}") 14 +<meta property="og:type" content="article" /> 15 +<meta property="og:title" content="$escapetool.xml($ogTitle)" /> 16 +<meta property="og:description" content="$escapetool.xml($ogDesc)" /> 17 +<meta property="og:url" content="$escapetool.xml($ogUrl)" /> 18 +<meta property="og:site_name" content="生徒会Wiki" /> 19 +<meta property="og:locale" content="ja_JP" /> 20 +<meta name="twitter:card" content="summary" /> 21 +<meta name="twitter:title" content="$escapetool.xml($ogTitle)" /> 22 +<meta name="twitter:description" content="$escapetool.xml($ogDesc)" /> 10 10 ## メンテナンスバナー({{include}}ではなくインラインで記述し、<p>タグ挿入を回避) 11 11 #set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner')) 12 12 #set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass')) ... ... @@ -68,6 +68,7 @@ 68 68 #set($activityPlace = $doc.getValue('activityPlace')) 69 69 #set($activityRoomEquipment = $doc.getValue('activityRoomEquipment')) 70 70 #set($activityRoomImage = $doc.getValue('activityRoomImage')) 84 +#set($ictTools = $doc.getValue('ictTools')) 71 71 #set($ictUsage = $doc.getValue('ictUsage')) 72 72 73 73 ## --- 生徒総会 --- ... ... @@ -125,6 +125,14 @@ 125 125 #set($visibilityBudget = $!doc.getValue('visibilityBudget')) 126 126 #set($visibilityRuleReview = $!doc.getValue('visibilityRuleReview')) 127 127 #set($visibilityChallenges = $!doc.getValue('visibilityChallenges')) 142 +#set($visibilityDailyActivities = $!doc.getValue('visibilityDailyActivities')) 143 +#set($visibilityElection = $!doc.getValue('visibilityElection')) 144 +#set($visibilityMeeting = $!doc.getValue('visibilityMeeting')) 145 +#set($visibilityActivityEnv = $!doc.getValue('visibilityActivityEnv')) 146 +#set($visibilityAssembly = $!doc.getValue('visibilityAssembly')) 147 +#set($visibilityPublicity = $!doc.getValue('visibilityPublicity')) 148 +#set($visibilityExternal = $!doc.getValue('visibilityExternal')) 149 +#set($visibilityAnnualEvents = $!doc.getValue('visibilityAnnualEvents')) 128 128 ## デフォルト値(未設定なら全体公開) 129 129 #if(!$visibilityOrgChart || $visibilityOrgChart == '') #set($visibilityOrgChart = 'public') #end 130 130 #if(!$visibilityBudget || $visibilityBudget == '') #set($visibilityBudget = 'public') #end ... ... @@ -136,6 +136,7 @@ 136 136 #set($isGuest = $viewerUser == 'XWiki.XWikiGuest') 137 137 #set($isViewerAdmin = false) 138 138 #set($viewerSchoolCode = '') 161 +#set($viewerSecondaryGraduated = false) 139 139 #if(!$isGuest) 140 140 #set($viewerDoc = $xwiki.getDocument($viewerUser)) 141 141 #set($viewerAccountType = $!viewerDoc.getValue('accountType')) ... ... @@ -145,6 +145,24 @@ 145 145 #if($viewerAccountType == 'admin') 146 146 #set($isViewerAdmin = true) 147 147 #end 171 + ## 第2所属校の在学年数超過チェック 172 + #set($viewerSecEnrollYear = $!viewerDoc.getValue('secondaryEnrollmentYear')) 173 + #if($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecEnrollYear && $viewerSecEnrollYear != '') 174 + #set($vNow = $datetool.date) 175 + #set($vCurYear = $mathtool.toInteger($datetool.format('yyyy', $vNow))) 176 + #set($vCurMonth = $mathtool.toInteger($datetool.format('MM', $vNow))) 177 + #if($vCurMonth >= 4)#set($vSchoolYear = $vCurYear)#else#set($vSchoolYear = $mathtool.sub($vCurYear, 1))#end 178 + #set($vSecEnroll = $mathtool.toInteger($viewerSecEnrollYear)) 179 + #set($vSecMax = 3) 180 + #if($viewerSecondarySchoolCode.length() >= 2) 181 + #set($vSecType = $viewerSecondarySchoolCode.substring(0, 2)) 182 + #if($vSecType == 'C2')#set($vSecMax = 9)#elseif($vSecType == 'D2')#set($vSecMax = 6)#end 183 + #end 184 + #set($vSecGrade = $mathtool.add($mathtool.sub($vSchoolYear, $vSecEnroll), 1)) 185 + #if($vSecGrade > $vSecMax) 186 + #set($viewerSecondaryGraduated = true) 187 + #end 188 + #end 148 148 #end 149 149 150 150 ## --- 関連校(中高一貫校)情報 --- ... ... @@ -154,7 +154,7 @@ 154 154 #if($affiliatedSchoolCode && $affiliatedSchoolCode != '') 155 155 #if($viewerSchoolCode == $affiliatedSchoolCode) 156 156 #set($isAffiliated = true) 157 - #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $affiliatedSchoolCode) 198 + #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $affiliatedSchoolCode && !$viewerSecondaryGraduated) 158 158 #set($isAffiliated = true) 159 159 #end 160 160 #end ... ... @@ -164,7 +164,7 @@ 164 164 #if(!$isGuest && $viewerUserRole != 'graduate') 165 165 #if($viewerSchoolCode == $schoolCode || $isAffiliated) 166 166 #set($isSchoolMember = true) 167 - #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $schoolCode) 208 + #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $schoolCode && !$viewerSecondaryGraduated) 168 168 #set($isSchoolMember = true) 169 169 #end 170 170 #end ... ... @@ -424,10 +424,132 @@ 424 424 #end 425 425 #end 426 426 468 + ## --- 活動環境 --- 469 + #set($hasActivityEnv = ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictTools && !$ictTools.isEmpty()) || ($ictUsage && !$ictUsage.isEmpty())) 470 + #if($hasActivityEnv) 471 + #set($canViewAE = true) 472 + #if($visibilityActivityEnv == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAE = false) 473 + #elseif($visibilityActivityEnv == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAE = false) 474 + #end 475 + #if($canViewAE) 476 + <div class="seitokai-subsection"> 477 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg> 生徒会の活動環境 #if($visibilityActivityEnv != '' && $visibilityActivityEnv != 'public')<span class="visibility-badge visibility-${visibilityActivityEnv}">#if($visibilityActivityEnv == '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> 478 + <div class="seitokai-subsection-content"> 479 + #if($activityPlace && !$activityPlace.isEmpty()) 480 + <div class="info-row"> 481 + <span class="info-label">普段の活動場所</span> 482 + <span class="info-value"> 483 + <div class="selection-display"> 484 + #foreach($ap in $activityPlace) 485 + <span class="selection-item">$!escapetool.xml($ap.trim())</span> 486 + #end 487 + </div> 488 + </span> 489 + </div> 490 + #end 491 + #if($activityRoomEquipment && $activityRoomEquipment != '') 492 + <div class="info-row"> 493 + <span class="info-label">生徒会室の設備</span> 494 + <span class="info-value free-text-value">$!escapetool.xml($activityRoomEquipment)</span> 495 + </div> 496 + #end 497 + #if($activityRoomImage && $activityRoomImage != '') 498 + <div class="info-row"> 499 + <span class="info-label">活動場所の写真</span> 500 + <span class="info-value"><div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span> 501 + </div> 502 + #end 503 + #if($ictTools && !$ictTools.isEmpty()) 504 + <div class="info-row"> 505 + <span class="info-label">利用しているICTツール</span> 506 + <span class="info-value"> 507 + #set($ictCatDisplay = [ 508 + ["連絡ツール", ["メール","LINE","LINE WORKS","Discord","Slack","Microsoft Teams","Google Chat","InstagramのDM","XのDM","その他(連絡)"]], 509 + ["ドキュメント作成・共有", ["Googleドキュメント","Googleスプレッドシート","Googleスライド","Googleドライブ","Word","Excel","PowerPoint","OneDrive","SharePoint","Notion","Pages","Numbers","Keynote","Dropbox","Box","その他(ドキュメント)"]], 510 + ["タスク管理", ["Googleカレンダー","Google ToDoリスト","Trello","Asana","Excel等スプレッドシート","その他(タスク管理)"]], 511 + ["ビデオ会議ツール", ["Zoom","Google Meet","その他(ビデオ会議)"]], 512 + ["アンケート", ["Googleフォーム","Microsoft Forms","その他(アンケート)"]], 513 + ["デザイン・クリエイティブ", ["Canva","各種Adobe","CapCut","LumaFusion","AviUtl","ibisPaint","その他(デザイン)"]], 514 + ["その他", ["独自のWebシステム・自作アプリ"]] 515 + ]) 516 + #foreach($catD in $ictCatDisplay) 517 + #set($catHasItems = false) 518 + #foreach($t in $catD.get(1)) 519 + #if($ictTools.contains($t)) #set($catHasItems = true) #end 520 + #end 521 + #if($catHasItems) 522 + <div style="margin-bottom:6px"> 523 + <span style="font-size:0.8em;font-weight:600;color:var(--text-mid)">$catD.get(0):</span> 524 + <div class="selection-display" style="margin-top:2px"> 525 + #foreach($t in $catD.get(1)) 526 + #if($ictTools.contains($t)) 527 + <span class="selection-item">$!escapetool.xml($t)</span> 528 + #end 529 + #end 530 + </div> 531 + </div> 532 + #end 533 + #end 534 + </span> 535 + </div> 536 + #end 537 + #if($ictUsage && !$ictUsage.isEmpty()) 538 + <div class="info-row"> 539 + <span class="info-label">ICT活用している場面</span> 540 + <span class="info-value"> 541 + <div class="selection-display"> 542 + #foreach($iu in $ictUsage) 543 + <span class="selection-item">$!escapetool.xml($iu.trim())</span> 544 + #end 545 + </div> 546 + </span> 547 + </div> 548 + #end 549 + </div> 550 + </div> 551 + #else 552 + <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($visibilityActivityEnv == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 553 + #end 554 + #end 555 + 556 + ## --- 年間主要行事 --- 557 + #set($months = [["4月", $eventApril], ["5月", $eventMay], ["6月", $eventJune], ["7月", $eventJuly], ["8月", $eventAugust], ["9月", $eventSeptember], ["10月", $eventOctober], ["11月", $eventNovember], ["12月", $eventDecember], ["1月", $eventJanuary], ["2月", $eventFebruary], ["3月", $eventMarch]]) 558 + #set($hasAnyEvent = false) 559 + #foreach($m in $months) 560 + #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end 561 + #end 562 + #if($hasAnyEvent) 563 + #set($canViewAN = true) 564 + #if($visibilityAnnualEvents == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAN = false) 565 + #elseif($visibilityAnnualEvents == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAN = false) 566 + #end 567 + #if($canViewAN) 568 + <div class="seitokai-subsection"> 569 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="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> 年間主要行事 #if($visibilityAnnualEvents != '' && $visibilityAnnualEvents != 'public')<span class="visibility-badge visibility-${visibilityAnnualEvents}">#if($visibilityAnnualEvents == '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> 570 + <div class="seitokai-subsection-content"> 571 + <table class="wiki-table school-info-table" style="margin:0"> 572 + #foreach($m in $months) 573 + #if($m.get(1) && $m.get(1) != '') 574 + <tr><td style="width:60px;font-weight:600;white-space:nowrap">$m.get(0)</td><td>$!escapetool.xml($m.get(1))</td></tr> 575 + #end 576 + #end 577 + </table> 578 + </div> 579 + </div> 580 + #else 581 + <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($visibilityAnnualEvents == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 582 + #end 583 + #end 584 + 427 427 ## --- 日常の活動 --- 428 428 #if($dailyActivities && !$dailyActivities.isEmpty()) 587 + #set($canViewDA = true) 588 + #if($visibilityDailyActivities == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewDA = false) 589 + #elseif($visibilityDailyActivities == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewDA = false) 590 + #end 591 + #if($canViewDA) 429 429 <div class="seitokai-subsection"> 430 - <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> 593 + <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> 日常の活動 #if($visibilityDailyActivities != '' && $visibilityDailyActivities != 'public')<span class="visibility-badge visibility-${visibilityDailyActivities}">#if($visibilityDailyActivities == '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> 431 431 <div class="seitokai-subsection-content"> 432 432 <p class="activity-hint">活動時間が多い3つ</p> 433 433 <div class="tag-container"> ... ... @@ -440,34 +440,20 @@ 440 440 #end 441 441 </div> 442 442 </div> 606 + #else 607 + <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($visibilityDailyActivities == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 608 + #end 443 443 #end 444 444 445 - ## --- 選挙 --- 446 - #if($electionExists && $electionExists != '') 447 - <div class="seitokai-subsection"> 448 - <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> 449 - <div class="seitokai-subsection-content"> 450 - <div class="info-row"> 451 - <span class="info-label">役員選挙</span> 452 - <span class="info-value">$!escapetool.xml($!electionExists)</span> 453 - </div> 454 - #if($electionType && $electionType != '') 455 - <div class="info-row"> 456 - <span class="info-label">直近の選挙方式</span> 457 - <span class="info-value">$!escapetool.xml($!electionType)</span> 458 - </div> 459 - #end 460 - #if($electionNote && $electionNote.trim() != '') 461 - <div class="free-note">$!escapetool.xml($electionNote)</div> 462 - #end 463 - </div> 464 - </div> 465 - #end 466 - 467 467 ## --- 定例活動 --- 468 468 #if($meetingFrequency && $meetingFrequency != '') 613 + #set($canViewMT = true) 614 + #if($visibilityMeeting == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewMT = false) 615 + #elseif($visibilityMeeting == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewMT = false) 616 + #end 617 + #if($canViewMT) 469 469 <div class="seitokai-subsection"> 470 - <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> 619 + <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> 定例活動 #if($visibilityMeeting != '' && $visibilityMeeting != 'public')<span class="visibility-badge visibility-${visibilityMeeting}">#if($visibilityMeeting == '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> 471 471 <div class="seitokai-subsection-content"> 472 472 <div class="info-row"> 473 473 <span class="info-label">役員定例会の頻度</span> ... ... @@ -478,70 +478,101 @@ 478 478 #end 479 479 </div> 480 480 </div> 630 + #else 631 + <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($visibilityMeeting == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 632 + #end 481 481 #end 482 482 483 - ## --- 予算---484 - #set($has Budget= ($budgetProcess &&!$budgetProcess.isEmpty()) || ($studentFee&& $studentFee != '') || ($budgetScale && $budgetScale != ''))485 - #if($has Budget)486 - #set($canView Budget= true)487 - #if($visibility Budget== 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewBudget= false)488 - #elseif($visibility Budget== 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewBudget= false)635 + ## --- 生徒総会 --- 636 + #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != '')) 637 + #if($hasAssembly) 638 + #set($canViewAS = true) 639 + #if($visibilityAssembly == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAS = false) 640 + #elseif($visibilityAssembly == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAS = false) 489 489 #end 490 - #if($canView Budget)642 + #if($canViewAS) 491 491 <div class="seitokai-subsection"> 492 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24">< linex1="12"y1="1"x2="12"y2="23"/><path d="M175H9.5a3.53.50 000 7h5a3.53.50 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>644 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg> 生徒総会 #if($visibilityAssembly != '' && $visibilityAssembly != 'public')<span class="visibility-badge visibility-${visibilityAssembly}">#if($visibilityAssembly == '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> 493 493 <div class="seitokai-subsection-content"> 494 - #if($ budgetProcess &&!$budgetProcess.isEmpty())646 + #if($assemblyFormat && $assemblyFormat != '') 495 495 <div class="info-row"> 496 - <span class="info-label">作成過程の生徒関与</span> 497 - <span class="info-value"> 498 - <div class="selection-display"> 499 - #set($allBpOpts = ["各部・委員会等への予算希望額調査","予算額調整(折衝等)","生徒会予算案の作成","生徒総会での議決","生徒関与なし","その他"]) 500 - #foreach($bpOpt in $allBpOpts) 501 - #if($budgetProcess.contains($bpOpt)) 502 - <span class="selection-item">$!escapetool.xml($bpOpt)</span> 503 - #else 504 - <span class="selection-item selection-item-off">$!escapetool.xml($bpOpt)</span> 505 - #end 506 - #end 507 - </div> 508 - </span> 648 + <span class="info-label">開催方式</span> 649 + <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($assemblyFormat)</span></span> 509 509 </div> 510 510 #end 511 - #if($s tudentFee&& $studentFee!='')652 + #if($assemblyCount && $assemblyCount > 0) 512 512 <div class="info-row"> 513 - <span class="info-label"> 生徒会費(年額)</span>514 - <span class="info-value">$!escapetool.xml($ !studentFee)</span>654 + <span class="info-label">開催回数(年)</span> 655 + <span class="info-value">$!escapetool.xml($assemblyCount)回</span> 515 515 </div> 516 516 #end 517 - #if($b udgetScale&& $budgetScale != '')658 + #if($assemblyAgenda && !$assemblyAgenda.isEmpty()) 518 518 <div class="info-row"> 519 - <span class="info-label">予算規模</span> 520 - <span class="info-value">$!escapetool.xml($!budgetScale)</span> 660 + <span class="info-label">議案の集め方</span> 661 + <span class="info-value"> 662 + <div class="selection-display"> 663 + #foreach($aa in $assemblyAgenda) 664 + <span class="selection-item">$!escapetool.xml($aa.trim())</span> 665 + #end 666 + </div> 667 + </span> 521 521 </div> 522 522 #end 523 - #if($ budgetAllocation&& !$budgetAllocation.isEmpty())670 + #if($assemblyTopics && !$assemblyTopics.isEmpty()) 524 524 <div class="info-row"> 525 - <span class="info-label"> 主な予算配分</span>672 + <span class="info-label">扱う内容</span> 526 526 <span class="info-value"> 527 527 <div class="selection-display"> 528 - #foreach($ ba in $budgetAllocation)529 - <span class="selection-item">$!escapetool.xml($ ba.trim())</span>675 + #foreach($at in $assemblyTopics) 676 + <span class="selection-item">$!escapetool.xml($at.trim())</span> 530 530 #end 531 531 </div> 532 532 </span> 533 533 </div> 534 534 #end 535 - #if($budgetNote && $budgetNote.trim() != '') 536 - <div class="free-note">$!escapetool.xml($budgetNote)</div> 682 + #if($assemblyNote && $assemblyNote != '') 683 + <div class="info-row"> 684 + <span class="info-label">自由記述</span> 685 + <span class="info-value free-text-value">$!escapetool.xml($assemblyNote)</span> 686 + </div> 537 537 #end 538 538 </div> 539 539 </div> 540 540 #else 541 - <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>691 + <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($visibilityAssembly == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 542 542 #end 543 543 #end 544 544 695 + ## --- 選挙 --- 696 + #if($electionExists && $electionExists != '') 697 + #set($canViewEL = true) 698 + #if($visibilityElection == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEL = false) 699 + #elseif($visibilityElection == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEL = false) 700 + #end 701 + #if($canViewEL) 702 + <div class="seitokai-subsection"> 703 + <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> 選挙 #if($visibilityElection != '' && $visibilityElection != 'public')<span class="visibility-badge visibility-${visibilityElection}">#if($visibilityElection == '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> 704 + <div class="seitokai-subsection-content"> 705 + <div class="info-row"> 706 + <span class="info-label">役員選挙</span> 707 + <span class="info-value">$!escapetool.xml($!electionExists)</span> 708 + </div> 709 + #if($electionType && $electionType != '') 710 + <div class="info-row"> 711 + <span class="info-label">直近の選挙方式</span> 712 + <span class="info-value">$!escapetool.xml($!electionType)</span> 713 + </div> 714 + #end 715 + #if($electionNote && $electionNote.trim() != '') 716 + <div class="free-note">$!escapetool.xml($electionNote)</div> 717 + #end 718 + </div> 719 + </div> 720 + #else 721 + <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($visibilityElection == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 722 + #end 723 + #end 724 + 545 545 ## --- 校則・生徒会会則の見直し --- 546 546 #if($ruleReviewStatus && $ruleReviewStatus != '') 547 547 #set($canViewRuleReview = true) ... ... @@ -607,103 +607,78 @@ 607 607 #end 608 608 #end 609 609 610 - ## --- 活動環境 --- 611 - #set($hasActivityEnv = ($activityPlace && $activityPlace != '') || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictUsage && !$ictUsage.isEmpty())) 612 - #if($hasActivityEnv) 790 + ## --- 予算 --- 791 + #set($hasBudget = ($budgetProcess && !$budgetProcess.isEmpty()) || ($studentFee && $studentFee != '') || ($budgetScale && $budgetScale != '')) 792 + #if($hasBudget) 793 + #set($canViewBudget = true) 794 + #if($visibilityBudget == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewBudget = false) 795 + #elseif($visibilityBudget == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewBudget = false) 796 + #end 797 + #if($canViewBudget) 613 613 <div class="seitokai-subsection"> 614 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M 3 9l9-7 9 7v11a220 01-2 2H5a2 2 0 01-2-2z"/><polyline points="922912151215 22"/></svg>生徒会の活動環境</h3>799 + <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> 615 615 <div class="seitokai-subsection-content"> 616 - #if($ activityPlace && $activityPlace!= '')801 + #if($budgetProcess && !$budgetProcess.isEmpty()) 617 617 <div class="info-row"> 618 - <span class="info-label">普段の活動場所</span> 619 - <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($activityPlace)</span></span> 620 - </div> 621 - #end 622 - #if($activityRoomEquipment && $activityRoomEquipment != '') 623 - <div class="info-row"> 624 - <span class="info-label">生徒会室の設備</span> 625 - <span class="info-value free-text-value">$!escapetool.xml($activityRoomEquipment)</span> 626 - </div> 627 - #end 628 - #if($activityRoomImage && $activityRoomImage != '') 629 - <div class="info-row"> 630 - <span class="info-label">活動場所の写真</span> 631 - <span class="info-value"><div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span> 632 - </div> 633 - #end 634 - #if($ictUsage && !$ictUsage.isEmpty()) 635 - <div class="info-row"> 636 - <span class="info-label">ICT活用している場面</span> 803 + <span class="info-label">作成過程の生徒関与</span> 637 637 <span class="info-value"> 638 638 <div class="selection-display"> 639 - #foreach($iu in $ictUsage) 640 - <span class="selection-item">$!escapetool.xml($iu.trim())</span> 806 + #set($allBpOpts = ["各部・委員会等への予算希望額調査","予算額調整(折衝等)","生徒会予算案の作成","生徒総会での議決","生徒関与なし","その他"]) 807 + #foreach($bpOpt in $allBpOpts) 808 + #if($budgetProcess.contains($bpOpt)) 809 + <span class="selection-item">$!escapetool.xml($bpOpt)</span> 810 + #else 811 + <span class="selection-item selection-item-off">$!escapetool.xml($bpOpt)</span> 812 + #end 641 641 #end 642 642 </div> 643 643 </span> 644 644 </div> 645 645 #end 646 - </div> 647 - </div> 648 - #end 649 - 650 - ## --- 生徒総会 --- 651 - #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != '')) 652 - #if($hasAssembly) 653 - <div class="seitokai-subsection"> 654 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg> 生徒総会</h3> 655 - <div class="seitokai-subsection-content"> 656 - #if($assemblyFormat && $assemblyFormat != '') 818 + #if($studentFee && $studentFee != '') 657 657 <div class="info-row"> 658 - <span class="info-label"> 開催方式</span>659 - <span class="info-value"> <span class="tag tag-primary tag-sm">$!escapetool.xml($assemblyFormat)</span></span>820 + <span class="info-label">生徒会費(年額)</span> 821 + <span class="info-value">$!escapetool.xml($!studentFee)</span> 660 660 </div> 661 661 #end 662 - #if($ assemblyCount && $assemblyCount>0)824 + #if($budgetScale && $budgetScale != '') 663 663 <div class="info-row"> 664 - <span class="info-label"> 開催回数(年)</span>665 - <span class="info-value">$!escapetool.xml($ assemblyCount)回</span>826 + <span class="info-label">予算規模</span> 827 + <span class="info-value">$!escapetool.xml($!budgetScale)</span> 666 666 </div> 667 667 #end 668 - #if($ assemblyAgenda && !$assemblyAgenda.isEmpty())830 + #if($budgetAllocation && !$budgetAllocation.isEmpty()) 669 669 <div class="info-row"> 670 - <span class="info-label"> 議案の集め方</span>832 + <span class="info-label">主な予算配分</span> 671 671 <span class="info-value"> 672 672 <div class="selection-display"> 673 - #foreach($a ain $assemblyAgenda)674 - <span class="selection-item">$!escapetool.xml($a a.trim())</span>835 + #foreach($ba in $budgetAllocation) 836 + <span class="selection-item">$!escapetool.xml($ba.trim())</span> 675 675 #end 676 676 </div> 677 677 </span> 678 678 </div> 679 679 #end 680 - #if($assemblyTopics && !$assemblyTopics.isEmpty()) 681 - <div class="info-row"> 682 - <span class="info-label">扱う内容</span> 683 - <span class="info-value"> 684 - <div class="selection-display"> 685 - #foreach($at in $assemblyTopics) 686 - <span class="selection-item">$!escapetool.xml($at.trim())</span> 687 - #end 688 - </div> 689 - </span> 690 - </div> 842 + #if($budgetNote && $budgetNote.trim() != '') 843 + <div class="free-note">$!escapetool.xml($budgetNote)</div> 691 691 #end 692 - #if($assemblyNote && $assemblyNote != '') 693 - <div class="info-row"> 694 - <span class="info-label">自由記述</span> 695 - <span class="info-value free-text-value">$!escapetool.xml($assemblyNote)</span> 696 - </div> 697 - #end 698 698 </div> 699 699 </div> 847 + #else 848 + <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> 849 + #end 700 700 #end 701 701 702 702 ## --- 広報 --- 703 703 #set($hasPublicity = ($publicityMethod && !$publicityMethod.isEmpty()) || ($publicityFrequency && $publicityFrequency != '') || ($publicityNote && $publicityNote != '')) 704 704 #if($hasPublicity) 855 + #set($canViewPB = true) 856 + #if($visibilityPublicity == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewPB = false) 857 + #elseif($visibilityPublicity == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewPB = false) 858 + #end 859 + #if($canViewPB) 705 705 <div class="seitokai-subsection"> 706 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 広報</h3> 861 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg> 広報 #if($visibilityPublicity != '' && $visibilityPublicity != 'public')<span class="visibility-badge visibility-${visibilityPublicity}">#if($visibilityPublicity == '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> 707 707 <div class="seitokai-subsection-content"> 708 708 #if($publicityMethod && !$publicityMethod.isEmpty()) 709 709 <div class="info-row"> ... ... @@ -731,13 +731,21 @@ 731 731 #end 732 732 </div> 733 733 </div> 889 + #else 890 + <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($visibilityPublicity == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 891 + #end 734 734 #end 735 735 736 736 ## --- 外部連携 --- 737 737 #set($hasExternal = ($externalCooperation && $externalCooperation != '') || ($externalOrgName && $externalOrgName != '') || ($socialParticipation && !$socialParticipation.isEmpty())) 738 738 #if($hasExternal) 897 + #set($canViewEX = true) 898 + #if($visibilityExternal == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEX = false) 899 + #elseif($visibilityExternal == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEX = false) 900 + #end 901 + #if($canViewEX) 739 739 <div class="seitokai-subsection"> 740 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg> 外部連携</h3> 903 + <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg> 外部連携 #if($visibilityExternal != '' && $visibilityExternal != 'public')<span class="visibility-badge visibility-${visibilityExternal}">#if($visibilityExternal == '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> 741 741 <div class="seitokai-subsection-content"> 742 742 #if($externalCooperation && $externalCooperation != '') 743 743 <div class="info-row"> ... ... @@ -765,29 +765,11 @@ 765 765 #end 766 766 </div> 767 767 </div> 931 + #else 932 + <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($visibilityExternal == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 933 + #end 768 768 #end 769 769 770 - ## --- 年間主要行事 --- 771 - #set($months = [["4月", $eventApril], ["5月", $eventMay], ["6月", $eventJune], ["7月", $eventJuly], ["8月", $eventAugust], ["9月", $eventSeptember], ["10月", $eventOctober], ["11月", $eventNovember], ["12月", $eventDecember], ["1月", $eventJanuary], ["2月", $eventFebruary], ["3月", $eventMarch]]) 772 - #set($hasAnyEvent = false) 773 - #foreach($m in $months) 774 - #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end 775 - #end 776 - #if($hasAnyEvent) 777 - <div class="seitokai-subsection"> 778 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="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> 779 - <div class="seitokai-subsection-content"> 780 - <table class="wiki-table school-info-table" style="margin:0"> 781 - #foreach($m in $months) 782 - #if($m.get(1) && $m.get(1) != '') 783 - <tr><td style="width:60px;font-weight:600;white-space:nowrap">$m.get(0)</td><td>$!escapetool.xml($m.get(1))</td></tr> 784 - #end 785 - #end 786 - </table> 787 - </div> 788 - </div> 789 - #end 790 - 791 791 ## --- 生徒会の課題意識 --- 792 792 #if($challenges && $challenges != '') 793 793 #set($canViewChallenges = true) ... ... @@ -859,13 +859,13 @@ 859 859 860 860 <div class="activity-toolbar"> 861 861 <div class="activity-fy-tabs"> 862 - <button class="activity-fy-tab active" onclick="switchActivityFY('$currentFYStr', this)">$currentFYStr 年度</button>1007 + <button class="activity-fy-tab" onclick="switchActivityFY('$currentFYStr', this)">$currentFYStr 年度</button> 863 863 #foreach($fy in $fySet) 864 864 #if($fy != $currentFYStr) 865 865 <button class="activity-fy-tab" onclick="switchActivityFY('$fy', this)">$fy 年度</button> 866 866 #end 867 867 #end 868 - <button class="activity-fy-tab" onclick="switchActivityFY('all', this)">全期間</button> 1013 + <button class="activity-fy-tab active" onclick="switchActivityFY('all', this)">全期間</button> 869 869 </div> 870 870 <div class="activity-toolbar-right"> 871 871 <button class="btn-view-toggle" id="btnViewToggle" onclick="toggleCompactView()" title="タイトルのみ表示"> ... ... @@ -904,22 +904,64 @@ 904 904 905 905 {{/html}} 906 906 907 -## 特色ある活動を先頭に表示するため、並び替え用リストを作成 908 -#set($featuredActivities = []) 909 -#set($normalActivities = []) 910 -#if($activities && $activities.size() > 0) 911 - #foreach($act in $activities) 912 - #set($isFeatured = $!act.getValue('featured')) 913 - #if($isFeatured == '1') 914 - #set($discard = $featuredActivities.add($foreach.index)) 1052 +## 活動を「年度降順 + 特色あり先頭」で並び替え 1053 +## Step1: fySet から年度を降順ソート(Velocity ネイティブ実装) 1054 +#set($fyNums = []) 1055 +#foreach($fy in $fySet) 1056 + #if($fy && $fy != '' && $fy != 'unknown') 1057 + #set($discard = $fyNums.add($fy)) 1058 + #end 1059 +#end 1060 +## 最大値を順番に取り出して降順リストを構築(最大20年度まで対応) 1061 +#set($fyDesc = []) 1062 +#set($fyRemaining = []) 1063 +#foreach($fy in $fyNums) 1064 + #set($discard = $fyRemaining.add($fy)) 1065 +#end 1066 +#foreach($dummy in [1..20]) 1067 + #if($fyRemaining.isEmpty())#break#end 1068 + #set($fyMax = $fyRemaining.get(0)) 1069 + #foreach($fy in $fyRemaining) 1070 + #if($fy > $fyMax)#set($fyMax = $fy)#end 1071 + #end 1072 + #set($discard = $fyDesc.add($fyMax)) 1073 + #set($fyNextRem = []) 1074 + #set($fyMaxRemoved = false) 1075 + #foreach($fy in $fyRemaining) 1076 + #if(!$fyMaxRemoved && $fy == $fyMax) 1077 + #set($fyMaxRemoved = true) 915 915 #else 916 - #set($discard = $ normalActivities.add($foreach.index))1079 + #set($discard = $fyNextRem.add($fy)) 917 917 #end 918 918 #end 1082 + #set($fyRemaining = $fyNextRem) 919 919 #end 1084 +## 年度未設定の活動は末尾に表示(fySetに'unknown'は入らないため無条件追加) 1085 +#set($discard = $fyDesc.add('unknown')) 1086 +## Step2: 年度降順で featured → normal の順にインデックスを収集 920 920 #set($orderedActivityIndices = []) 921 -#set($discard = $orderedActivityIndices.addAll($featuredActivities)) 922 -#set($discard = $orderedActivityIndices.addAll($normalActivities)) 1088 +#foreach($curFY in $fyDesc) 1089 + ## 同年度の特色あり活動を先頭に 1090 + #set($actIdx2 = 0) 1091 + #foreach($act in $activities) 1092 + #set($aFY2 = $!act.getValue('fiscalYear')) 1093 + #if(!$aFY2 || $aFY2 == '') #set($aFY2 = 'unknown') #end 1094 + #if($aFY2 == $curFY && $act.getValue('featured') == '1') 1095 + #set($discard = $orderedActivityIndices.add($actIdx2)) 1096 + #end 1097 + #set($actIdx2 = $actIdx2 + 1) 1098 + #end 1099 + ## 同年度の通常活動 1100 + #set($actIdx2 = 0) 1101 + #foreach($act in $activities) 1102 + #set($aFY2 = $!act.getValue('fiscalYear')) 1103 + #if(!$aFY2 || $aFY2 == '') #set($aFY2 = 'unknown') #end 1104 + #if($aFY2 == $curFY && $act.getValue('featured') != '1') 1105 + #set($discard = $orderedActivityIndices.add($actIdx2)) 1106 + #end 1107 + #set($actIdx2 = $actIdx2 + 1) 1108 + #end 1109 +#end 923 923 924 924 #if($activities && $activities.size() > 0) 925 925 #foreach($actIdx in $orderedActivityIndices) ... ... @@ -1184,6 +1184,25 @@ 1184 1184 #if($postVis != 'public') 1185 1185 <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> 1186 1186 #end 1374 + ## いいねボタン 1375 + #set($postLikeCount = $!post.getValue('likeCount')) 1376 + #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end 1377 + #set($postLikedBy = $!post.getValue('likedBy')) 1378 + #set($isLikedByMe = false) 1379 + #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end 1380 + <div class="post-like-row post-action-mt"> 1381 + #if($xcontext.user != 'XWiki.XWikiGuest') 1382 + <button type="button" class="btn-like #if($isLikedByMe)liked#end" data-page="$escapetool.xml($doc.fullName)" data-obj="$post.number" data-csrf="$services.csrf.getToken()" onclick="toggleLike(this)"> 1383 + <svg class="ico ico-fixed-14" viewBox="0 0 24 24" #if($isLikedByMe)fill="currentColor" stroke="none"#end><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> 1384 + <span class="like-count">$postLikeCount</span> 1385 + </button> 1386 + #else 1387 + <span class="btn-like disabled"> 1388 + <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> 1389 + <span class="like-count">$postLikeCount</span> 1390 + </span> 1391 + #end 1392 + </div> 1187 1187 ## 固定/編集/削除/通報/非表示ボタン(横並び) 1188 1188 #set($postAuthorRef = $!post.getValue('authorRef')) 1189 1189 #set($postObjNumED = $post.number) ... ... @@ -1304,10 +1304,68 @@ 1304 1304 {{/html}} 1305 1305 #end 1306 1306 1513 +## --- OGP / SNSシェア対応 --- 1514 +#set($ogpTitle = "${schoolName} — 生徒会Wiki") 1515 +#set($ogpDesc = "${schoolName}の生徒会活動情報。") 1516 +#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end 1517 +#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end 1518 +#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end 1519 +#set($ogpUrl = "https://${request.serverName}${doc.getURL()}") 1520 + 1307 1307 ## --- 年度タブ切り替え JavaScript --- 1308 1308 {{html clean="false"}} 1309 1309 <script> 1524 +// OGPメタタグ挿入 1525 +(function() { 1526 + var ogp = { 1527 + 'og:title': '$escapetool.javascript($ogpTitle)', 1528 + 'og:description': '$escapetool.javascript($ogpDesc)', 1529 + 'og:type': 'article', 1530 + 'og:url': '$escapetool.javascript($ogpUrl)', 1531 + 'og:site_name': '生徒会Wiki', 1532 + 'twitter:card': 'summary' 1533 + }; 1534 + for (var p in ogp) { 1535 + var meta = document.createElement('meta'); 1536 + meta.setAttribute('property', p); 1537 + meta.setAttribute('content', ogp[p]); 1538 + document.head.appendChild(meta); 1539 + } 1540 + // twitter用 1541 + var tw = document.createElement('meta'); 1542 + tw.setAttribute('name', 'twitter:card'); 1543 + tw.setAttribute('content', 'summary'); 1544 + document.head.appendChild(tw); 1545 +})(); 1310 1310 // コンパクト表示(タイトルのみ)トグル 1547 +// いいねトグル 1548 +function toggleLike(btn) { 1549 + var page = btn.getAttribute('data-page'); 1550 + var obj = btn.getAttribute('data-obj'); 1551 + var csrf = btn.getAttribute('data-csrf'); 1552 + btn.disabled = true; 1553 + var fd = new FormData(); 1554 + fd.append('page', page); 1555 + fd.append('obj', obj); 1556 + fd.append('form_token', csrf); 1557 + fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd }) 1558 + .then(function(r) { return r.json(); }) 1559 + .then(function(data) { 1560 + btn.querySelector('.like-count').textContent = data.count; 1561 + if (data.action === 'liked') { 1562 + btn.classList.add('liked'); 1563 + btn.querySelector('svg').setAttribute('fill', 'currentColor'); 1564 + btn.querySelector('svg').setAttribute('stroke', 'none'); 1565 + } else { 1566 + btn.classList.remove('liked'); 1567 + btn.querySelector('svg').removeAttribute('fill'); 1568 + btn.querySelector('svg').setAttribute('stroke', 'currentColor'); 1569 + } 1570 + }) 1571 + .catch(function() { alert('エラーが発生しました'); }) 1572 + .finally(function() { btn.disabled = false; }); 1573 +} 1574 + 1311 1311 function toggleCompactView() { 1312 1312 var container = document.querySelector('.xwiki-content') || document.body; 1313 1313 var isCompact = container.classList.toggle('activity-compact-view'); ... ... @@ -1372,7 +1372,7 @@ 1372 1372 fyTabs.forEach(function(t) { tabContainer.appendChild(t); }); 1373 1373 if (allTab) { tabContainer.appendChild(allTab); } 1374 1374 } 1375 - // デフォルトで 現在の年度を表示1639 + // デフォルトで全期間を表示 1376 1376 var defaultTab = document.querySelector('.activity-fy-tab.active'); 1377 1377 if (defaultTab) { defaultTab.click(); } 1378 1378 // 保存成功時のトースト通知 ... ... @@ -1425,7 +1425,15 @@ 1425 1425 }; 1426 1426 var toast = document.createElement('div'); 1427 1427 toast.className = 'toast toast-' + type; 1428 - toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>'; 1692 + var iconSvg = icons[type] || ''; 1693 + if (iconSvg) { 1694 + var iconSpan = document.createElement('span'); 1695 + iconSpan.innerHTML = iconSvg; 1696 + toast.appendChild(iconSpan); 1697 + } 1698 + var msgSpan = document.createElement('span'); 1699 + msgSpan.textContent = message; 1700 + toast.appendChild(msgSpan); 1429 1429 container.appendChild(toast); 1430 1430 setTimeout(function() { toast.remove(); }, 3200); 1431 1431 } ... ... @@ -1464,6 +1464,7 @@ 1464 1464 var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>'; 1465 1465 1466 1466 // コメント以外は添付ファイル編集を表示 1739 + function escAttr(s) { return s.replace(/&/g,'&').replace(/"/g,'"').replace(/'/g,''').replace(/</g,'<').replace(/>/g,'>'); } 1467 1467 if (postType !== 'comment') { 1468 1468 // 既存画像 1469 1469 html += '<div class="edit-attachments">'; ... ... @@ -1473,10 +1473,10 @@ 1473 1473 for (var i = 0; i < imgs.length; i++) { 1474 1474 var img = imgs[i].trim(); 1475 1475 if (!img) continue; 1476 - html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'"') + '">' +1749 + html += '<div class="edit-attach-item" data-name="' + escAttr(img) + '">' + 1477 1477 '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' + 1478 1478 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1479 - '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'"') + '" />' +1752 + '<input type="hidden" name="keepImages" value="' + escAttr(img) + '" />' + 1480 1480 '</div>'; 1481 1481 } 1482 1482 html += '</div>'; ... ... @@ -1490,10 +1490,10 @@ 1490 1490 if (!f) continue; 1491 1491 var displayName = f; 1492 1492 if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, ''); 1493 - html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'"') + '">' +1494 - '<span class="edit-attach-fname">' + displayName .replace(/</g,'<').replace(/>/g,'>')+ '</span>' +1766 + html += '<div class="edit-attach-item" data-name="' + escAttr(f) + '">' + 1767 + '<span class="edit-attach-fname">' + escAttr(displayName) + '</span>' + 1495 1495 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1496 - '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'"') + '" />' +1769 + '<input type="hidden" name="keepFiles" value="' + escAttr(f) + '" />' + 1497 1497 '</div>'; 1498 1498 } 1499 1499 html += '</div>';