Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
105.1
edited by Super Admin
on 2026/03/22 00:39
on 2026/03/22 00:39
Change comment:
There is no comment for this version
To version
119.1
edited by Super Admin
on 2026/04/05 18:59
on 2026/04/05 18:59
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')) ... ... @@ -374,7 +374,7 @@ 374 374 #end 375 375 #if($canEditSchool) 376 376 <div style="text-align:right; margin-bottom:12px;"> 377 - <a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')" class="btn-school-edit"><svg class="ico" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 基本情報を編集</a>390 + <a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')" class="btn-school-edit"><svg class="ico" viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/></svg> 情報を編集</a> 378 378 </div> 379 379 #end 380 380 ... ... @@ -406,7 +406,19 @@ 406 406 <tr><th>学校名</th><td>$!escapetool.xml($!schoolName)</td></tr> 407 407 <tr><th>所在地</th><td>$!escapetool.xml($!prefecture) #if($city && $city != '')$!escapetool.xml($city)#end</td></tr> 408 408 <tr><th>学級数・生徒数</th><td>#if($classCount && $classCount != '')${classCount}学級#end #if($studentCount && $studentCount != '')/ 約${studentCount}名#end</td></tr> 409 - <tr><th>共学・別学</th><td>$!escapetool.xml($!coeducation)</td></tr> 422 + <tr><th>共学・別学</th><td> 423 + #if($coeducation && $coeducation != '') 424 + <div class="selection-display"> 425 + #foreach($ceo in ["共学","男子校","女子校","その他"]) 426 + #if($coeducation == $ceo) 427 + <span class="selection-item">$!escapetool.xml($ceo)</span> 428 + #else 429 + <span class="selection-item selection-item-off">$!escapetool.xml($ceo)</span> 430 + #end 431 + #end 432 + </div> 433 + #end 434 + </td></tr> 410 410 <tr><th>設置者</th><td>$!escapetool.xml($!establishment)</td></tr> 411 411 <tr><th>学校種</th><td>$!escapetool.xml($!schoolLevel)</td></tr> 412 412 <tr><th>課程</th><td>#if($schoolSystem && !$schoolSystem.isEmpty())#foreach($ss in $schoolSystem)#if($foreach.count > 1) / #end$!escapetool.xml($ss)#end#end</td></tr> ... ... @@ -452,6 +452,127 @@ 452 452 #end 453 453 #end 454 454 480 + ## --- 活動環境 --- 481 + #set($hasActivityEnv = ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictTools && !$ictTools.isEmpty()) || ($ictUsage && !$ictUsage.isEmpty())) 482 + #if($hasActivityEnv) 483 + #set($canViewAE = true) 484 + #if($visibilityActivityEnv == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAE = false) 485 + #elseif($visibilityActivityEnv == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAE = false) 486 + #end 487 + #if($canViewAE) 488 + <div class="seitokai-subsection"> 489 + <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> 490 + <div class="seitokai-subsection-content"> 491 + #if($activityPlace && !$activityPlace.isEmpty()) 492 + <div class="info-row"> 493 + <span class="info-label">普段の活動場所</span> 494 + <span class="info-value"> 495 + <div class="selection-display"> 496 + #foreach($apo in ["専用の生徒会室","他の部活・委員会と併用した教室","空き教室を活用","インターネット中心","その他"]) 497 + #if($activityPlace.contains($apo)) 498 + <span class="selection-item">$!escapetool.xml($apo)</span> 499 + #else 500 + <span class="selection-item selection-item-off">$!escapetool.xml($apo)</span> 501 + #end 502 + #end 503 + </div> 504 + </span> 505 + </div> 506 + #end 507 + #if($activityRoomEquipment && $activityRoomEquipment != '') 508 + <div class="info-row"> 509 + <span class="info-label">生徒会室の設備</span> 510 + <span class="info-value free-text-value">$!escapetool.xml($activityRoomEquipment)</span> 511 + </div> 512 + #end 513 + #if($activityRoomImage && $activityRoomImage != '') 514 + <div class="info-row"> 515 + <span class="info-label">活動場所の写真</span> 516 + <span class="info-value"><div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span> 517 + </div> 518 + #end 519 + #if($ictTools && !$ictTools.isEmpty()) 520 + <div class="info-row"> 521 + <span class="info-label">利用しているICTツール</span> 522 + <span class="info-value"> 523 + #set($ictCatDisplay = [ 524 + ["連絡ツール", ["メール","LINE","LINE WORKS","Discord","Slack","Microsoft Teams","Google Chat","InstagramのDM","XのDM","その他(連絡)"]], 525 + ["ドキュメント作成・共有", ["Googleドキュメント","Googleスプレッドシート","Googleスライド","Googleドライブ","Word","Excel","PowerPoint","OneDrive","SharePoint","Notion","Pages","Numbers","Keynote","Dropbox","Box","その他(ドキュメント)"]], 526 + ["タスク管理", ["Googleカレンダー","Google ToDoリスト","Trello","Asana","Excel等スプレッドシート","その他(タスク管理)"]], 527 + ["ビデオ会議ツール", ["Zoom","Google Meet","その他(ビデオ会議)"]], 528 + ["アンケート", ["Googleフォーム","Microsoft Forms","その他(アンケート)"]], 529 + ["デザイン・クリエイティブ", ["Canva","各種Adobe","CapCut","LumaFusion","AviUtl","ibisPaint","その他(デザイン)"]], 530 + ["その他", ["独自のWebシステム・自作アプリ"]] 531 + ]) 532 + #foreach($catD in $ictCatDisplay) 533 + #set($catHasItems = false) 534 + #foreach($t in $catD.get(1)) 535 + #if($ictTools.contains($t)) #set($catHasItems = true) #end 536 + #end 537 + #if($catHasItems) 538 + <div style="margin-bottom:6px"> 539 + <span style="font-size:0.8em;font-weight:600;color:var(--text-mid)">$catD.get(0):</span> 540 + <div class="selection-display" style="margin-top:2px"> 541 + #foreach($t in $catD.get(1)) 542 + #if($ictTools.contains($t)) 543 + <span class="selection-item">$!escapetool.xml($t)</span> 544 + #end 545 + #end 546 + </div> 547 + </div> 548 + #end 549 + #end 550 + </span> 551 + </div> 552 + #end 553 + #if($ictUsage && !$ictUsage.isEmpty()) 554 + <div class="info-row"> 555 + <span class="info-label">ICT活用している場面</span> 556 + <span class="info-value"> 557 + <div class="selection-display"> 558 + #foreach($iu in $ictUsage) 559 + <span class="selection-item">$!escapetool.xml($iu.trim())</span> 560 + #end 561 + </div> 562 + </span> 563 + </div> 564 + #end 565 + </div> 566 + </div> 567 + #else 568 + <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> 569 + #end 570 + #end 571 + 572 + ## --- 年間主要行事 --- 573 + #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]]) 574 + #set($hasAnyEvent = false) 575 + #foreach($m in $months) 576 + #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end 577 + #end 578 + #if($hasAnyEvent) 579 + #set($canViewAN = true) 580 + #if($visibilityAnnualEvents == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAN = false) 581 + #elseif($visibilityAnnualEvents == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAN = false) 582 + #end 583 + #if($canViewAN) 584 + <div class="seitokai-subsection"> 585 + <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> 586 + <div class="seitokai-subsection-content"> 587 + <table class="wiki-table school-info-table" style="margin:0"> 588 + #foreach($m in $months) 589 + #if($m.get(1) && $m.get(1) != '') 590 + <tr><td style="width:60px;font-weight:600;white-space:nowrap">$m.get(0)</td><td>$!escapetool.xml($m.get(1))</td></tr> 591 + #end 592 + #end 593 + </table> 594 + </div> 595 + </div> 596 + #else 597 + <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> 598 + #end 599 + #end 600 + 455 455 ## --- 日常の活動 --- 456 456 #if($dailyActivities && !$dailyActivities.isEmpty()) 457 457 #set($canViewDA = true) ... ... @@ -463,9 +463,13 @@ 463 463 <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> 464 464 <div class="seitokai-subsection-content"> 465 465 <p class="activity-hint">活動時間が多い3つ</p> 466 - <div class="tag-container"> 467 - #foreach($da in $dailyActivities) 468 - <span class="tag tag-accent">$!escapetool.xml($da.trim())</span> 612 + <div class="selection-display"> 613 + #foreach($dao in ["文化祭","体育祭","生徒会企画","歓送迎会","その他学校行事","校則改正","選挙","総会","予算編成・会計活動","教員との連携","他校との連携","地域との連携","ボランティア","広報","引き継ぎ","DX","目安箱","委員会","学級・HRとの連携","アンケート","三者協議会等","企業との連携","保護者との連携","その他"]) 614 + #if($dailyActivities.contains($dao)) 615 + <span class="selection-item">$!escapetool.xml($dao)</span> 616 + #else 617 + <span class="selection-item selection-item-off">$!escapetool.xml($dao)</span> 618 + #end 469 469 #end 470 470 </div> 471 471 #if($dailyActivitiesNote && $dailyActivitiesNote.trim() != '') ... ... @@ -478,36 +478,6 @@ 478 478 #end 479 479 #end 480 480 481 - ## --- 選挙 --- 482 - #if($electionExists && $electionExists != '') 483 - #set($canViewEL = true) 484 - #if($visibilityElection == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEL = false) 485 - #elseif($visibilityElection == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEL = false) 486 - #end 487 - #if($canViewEL) 488 - <div class="seitokai-subsection"> 489 - <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> 490 - <div class="seitokai-subsection-content"> 491 - <div class="info-row"> 492 - <span class="info-label">役員選挙</span> 493 - <span class="info-value">$!escapetool.xml($!electionExists)</span> 494 - </div> 495 - #if($electionType && $electionType != '') 496 - <div class="info-row"> 497 - <span class="info-label">直近の選挙方式</span> 498 - <span class="info-value">$!escapetool.xml($!electionType)</span> 499 - </div> 500 - #end 501 - #if($electionNote && $electionNote.trim() != '') 502 - <div class="free-note">$!escapetool.xml($electionNote)</div> 503 - #end 504 - </div> 505 - </div> 506 - #else 507 - <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> 508 - #end 509 - #end 510 - 511 511 ## --- 定例活動 --- 512 512 #if($meetingFrequency && $meetingFrequency != '') 513 513 #set($canViewMT = true) ... ... @@ -532,28 +532,27 @@ 532 532 #end 533 533 #end 534 534 535 - ## --- 予算---536 - #set($has Budget= ($budgetProcess &&!$budgetProcess.isEmpty()) || ($studentFee&& $studentFee != '') || ($budgetScale && $budgetScale != ''))537 - #if($has Budget)538 - #set($canView Budget= true)539 - #if($visibility Budget== 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewBudget= false)540 - #elseif($visibility Budget== 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewBudget= false)655 + ## --- 生徒総会 --- 656 + #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != '')) 657 + #if($hasAssembly) 658 + #set($canViewAS = true) 659 + #if($visibilityAssembly == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAS = false) 660 + #elseif($visibilityAssembly == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAS = false) 541 541 #end 542 - #if($canView Budget)662 + #if($canViewAS) 543 543 <div class="seitokai-subsection"> 544 - <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>664 + <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> 545 545 <div class="seitokai-subsection-content"> 546 - #if($ budgetProcess &&!$budgetProcess.isEmpty())666 + #if($assemblyFormat && $assemblyFormat != '') 547 547 <div class="info-row"> 548 - <span class="info-label"> 作成過程の生徒関与</span>668 + <span class="info-label">開催方式</span> 549 549 <span class="info-value"> 550 550 <div class="selection-display"> 551 - #set($allBpOpts = ["各部・委員会等への予算希望額調査","予算額調整(折衝等)","生徒会予算案の作成","生徒総会での議決","生徒関与なし","その他"]) 552 - #foreach($bpOpt in $allBpOpts) 553 - #if($budgetProcess.contains($bpOpt)) 554 - <span class="selection-item">$!escapetool.xml($bpOpt)</span> 671 + #foreach($afo in ["全生徒の対面開催","オンラインと併用","完全オンライン開催","開催なし","その他"]) 672 + #if($assemblyFormat == $afo) 673 + <span class="selection-item">$!escapetool.xml($afo)</span> 555 555 #else 556 - <span class="selection-item selection-item-off">$!escapetool.xml($ bpOpt)</span>675 + <span class="selection-item selection-item-off">$!escapetool.xml($afo)</span> 557 557 #end 558 558 #end 559 559 </div> ... ... @@ -560,40 +560,87 @@ 560 560 </span> 561 561 </div> 562 562 #end 563 - #if($s tudentFee&& $studentFee!='')682 + #if($assemblyCount && $assemblyCount > 0) 564 564 <div class="info-row"> 565 - <span class="info-label"> 生徒会費(年額)</span>566 - <span class="info-value">$!escapetool.xml($ !studentFee)</span>684 + <span class="info-label">開催回数(年)</span> 685 + <span class="info-value">$!escapetool.xml($assemblyCount)回</span> 567 567 </div> 568 568 #end 569 - #if($b udgetScale&& $budgetScale != '')688 + #if($assemblyAgenda && !$assemblyAgenda.isEmpty()) 570 570 <div class="info-row"> 571 - <span class="info-label">予算規模</span> 572 - <span class="info-value">$!escapetool.xml($!budgetScale)</span> 690 + <span class="info-label">議案の集め方</span> 691 + <span class="info-value"> 692 + <div class="selection-display"> 693 + #foreach($aao in ["教員からの提案","執行部からの提案","クラスごとの討議","目安箱","アンケート","総会時の発議","その他"]) 694 + #if($assemblyAgenda.contains($aao)) 695 + <span class="selection-item">$!escapetool.xml($aao)</span> 696 + #else 697 + <span class="selection-item selection-item-off">$!escapetool.xml($aao)</span> 698 + #end 699 + #end 700 + </div> 701 + </span> 573 573 </div> 574 574 #end 575 - #if($ budgetAllocation&& !$budgetAllocation.isEmpty())704 + #if($assemblyTopics && !$assemblyTopics.isEmpty()) 576 576 <div class="info-row"> 577 - <span class="info-label"> 主な予算配分</span>706 + <span class="info-label">扱う内容</span> 578 578 <span class="info-value"> 579 579 <div class="selection-display"> 580 - #foreach($ba in $budgetAllocation) 581 - <span class="selection-item">$!escapetool.xml($ba.trim())</span> 709 + #foreach($ato in ["生徒会決算案","生徒会予算案","会則/校則の改正","生徒会の活動方針","学校への要望事項","外部へのアピール(宣言の採択など)","その他"]) 710 + #if($assemblyTopics.contains($ato)) 711 + <span class="selection-item">$!escapetool.xml($ato)</span> 712 + #else 713 + <span class="selection-item selection-item-off">$!escapetool.xml($ato)</span> 714 + #end 582 582 #end 583 583 </div> 584 584 </span> 585 585 </div> 586 586 #end 587 - #if($budgetNote && $budgetNote.trim() != '') 588 - <div class="free-note">$!escapetool.xml($budgetNote)</div> 720 + #if($assemblyNote && $assemblyNote != '') 721 + <div class="info-row"> 722 + <span class="info-label">自由記述</span> 723 + <span class="info-value free-text-value">$!escapetool.xml($assemblyNote)</span> 724 + </div> 589 589 #end 590 590 </div> 591 591 </div> 592 592 #else 593 - <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>729 + <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> 594 594 #end 595 595 #end 596 596 733 + ## --- 選挙 --- 734 + #if($electionExists && $electionExists != '') 735 + #set($canViewEL = true) 736 + #if($visibilityElection == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEL = false) 737 + #elseif($visibilityElection == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEL = false) 738 + #end 739 + #if($canViewEL) 740 + <div class="seitokai-subsection"> 741 + <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> 742 + <div class="seitokai-subsection-content"> 743 + <div class="info-row"> 744 + <span class="info-label">役員選挙</span> 745 + <span class="info-value">$!escapetool.xml($!electionExists)</span> 746 + </div> 747 + #if($electionType && $electionType != '') 748 + <div class="info-row"> 749 + <span class="info-label">直近の選挙方式</span> 750 + <span class="info-value">$!escapetool.xml($!electionType)</span> 751 + </div> 752 + #end 753 + #if($electionNote && $electionNote.trim() != '') 754 + <div class="free-note">$!escapetool.xml($electionNote)</div> 755 + #end 756 + </div> 757 + </div> 758 + #else 759 + <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> 760 + #end 761 + #end 762 + 597 597 ## --- 校則・生徒会会則の見直し --- 598 598 #if($ruleReviewStatus && $ruleReviewStatus != '') 599 599 #set($canViewRuleReview = true) ... ... @@ -614,8 +614,12 @@ 614 614 <span class="info-label">見直しの内容</span> 615 615 <span class="info-value"> 616 616 <div class="selection-display"> 617 - #foreach($rc in $ruleReviewContent) 618 - <span class="selection-item">$!escapetool.xml($rc.trim())</span> 783 + #foreach($rco in ["服飾規定(制服など)","持ち物規定","校則改正の仕組み","生徒会の仕組み","その他"]) 784 + #if($ruleReviewContent.contains($rco)) 785 + <span class="selection-item">$!escapetool.xml($rco)</span> 786 + #else 787 + <span class="selection-item selection-item-off">$!escapetool.xml($rco)</span> 788 + #end 619 619 #end 620 620 </div> 621 621 </span> ... ... @@ -626,8 +626,12 @@ 626 626 <span class="info-label">見直しの提案者</span> 627 627 <span class="info-value"> 628 628 <div class="selection-display"> 629 - #foreach($rp in $ruleReviewProposer) 630 - <span class="selection-item">$!escapetool.xml($rp.trim())</span> 799 + #foreach($rpo in ["教員","生徒会役員","専門委員会","その他の生徒","その他"]) 800 + #if($ruleReviewProposer.contains($rpo)) 801 + <span class="selection-item">$!escapetool.xml($rpo)</span> 802 + #else 803 + <span class="selection-item selection-item-off">$!escapetool.xml($rpo)</span> 804 + #end 631 631 #end 632 632 </div> 633 633 </span> ... ... @@ -638,8 +638,12 @@ 638 638 <span class="info-label">見直しの実施者</span> 639 639 <span class="info-value"> 640 640 <div class="selection-display"> 641 - #foreach($ri in $ruleReviewImplementer) 642 - <span class="selection-item">$!escapetool.xml($ri.trim())</span> 815 + #foreach($rio in ["教員","生徒会役員","専門委員会","その他の生徒","その他"]) 816 + #if($ruleReviewImplementer.contains($rio)) 817 + <span class="selection-item">$!escapetool.xml($rio)</span> 818 + #else 819 + <span class="selection-item selection-item-off">$!escapetool.xml($rio)</span> 820 + #end 643 643 #end 644 644 </div> 645 645 </span> ... ... @@ -659,151 +659,69 @@ 659 659 #end 660 660 #end 661 661 662 - ## --- 活動環境---663 - #set($has ActivityEnv= ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '')|| ($ictTools && !$ictTools.isEmpty()) || ($ictUsage && !$ictUsage.isEmpty()))664 - #if($has ActivityEnv)665 - #set($canView AE= true)666 - #if($visibility ActivityEnv== 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAE= false)667 - #elseif($visibility ActivityEnv== 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAE= false)840 + ## --- 予算 --- 841 + #set($hasBudget = ($budgetProcess && !$budgetProcess.isEmpty()) || ($studentFee && $studentFee != '') || ($budgetScale && $budgetScale != '')) 842 + #if($hasBudget) 843 + #set($canViewBudget = true) 844 + #if($visibilityBudget == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewBudget = false) 845 + #elseif($visibilityBudget == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewBudget = false) 668 668 #end 669 - #if($canView AE)847 + #if($canViewBudget) 670 670 <div class="seitokai-subsection"> 671 - <h3 class="seitokai-subsection-title"><svg class="ico" viewBox="0 0 24 24">< pathd="M39l9-7 9 7v11a220 01-2 2H5a22 0 01-2-2z"/><polyline points="92291215121522"/></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>849 + <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> 672 672 <div class="seitokai-subsection-content"> 673 - #if($ activityPlace && !$activityPlace.isEmpty())851 + #if($budgetProcess && !$budgetProcess.isEmpty()) 674 674 <div class="info-row"> 675 - <span class="info-label"> 普段の活動場所</span>853 + <span class="info-label">作成過程の生徒関与</span> 676 676 <span class="info-value"> 677 677 <div class="selection-display"> 678 - #foreach($ap in $activityPlace) 679 - <span class="selection-item">$!escapetool.xml($ap.trim())</span> 856 + #set($allBpOpts = ["各部・委員会等への予算希望額調査","予算額調整(折衝等)","生徒会予算案の作成","生徒総会での議決","生徒関与なし","その他"]) 857 + #foreach($bpOpt in $allBpOpts) 858 + #if($budgetProcess.contains($bpOpt)) 859 + <span class="selection-item">$!escapetool.xml($bpOpt)</span> 860 + #else 861 + <span class="selection-item selection-item-off">$!escapetool.xml($bpOpt)</span> 862 + #end 680 680 #end 681 681 </div> 682 682 </span> 683 683 </div> 684 684 #end 685 - #if($ activityRoomEquipment && $activityRoomEquipment != '')868 + #if($studentFee && $studentFee != '') 686 686 <div class="info-row"> 687 - <span class="info-label">生徒会 室の設備</span>688 - <span class="info-value free-text-value">$!escapetool.xml($activityRoomEquipment)</span>870 + <span class="info-label">生徒会費(年額)</span> 871 + <span class="info-value">$!escapetool.xml($!studentFee)</span> 689 689 </div> 690 690 #end 691 - #if($ activityRoomImage && $activityRoomImage != '')874 + #if($budgetScale && $budgetScale != '') 692 692 <div class="info-row"> 693 - <span class="info-label"> 活動場所の写真</span>694 - <span class="info-value"> <div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span>876 + <span class="info-label">予算規模</span> 877 + <span class="info-value">$!escapetool.xml($!budgetScale)</span> 695 695 </div> 696 696 #end 697 - #if($ ictTools&& !$ictTools.isEmpty())880 + #if($budgetAllocation && !$budgetAllocation.isEmpty()) 698 698 <div class="info-row"> 699 - <span class="info-label"> 利用しているICTツール</span>882 + <span class="info-label">主な予算配分</span> 700 700 <span class="info-value"> 701 - #set($ictCatDisplay = [ 702 - ["連絡ツール", ["メール","LINE","LINE WORKS","Discord","Slack","Microsoft Teams","Google Chat","InstagramのDM","XのDM","その他(連絡)"]], 703 - ["ドキュメント作成・共有", ["Googleドキュメント","Googleスプレッドシート","Googleスライド","Googleドライブ","Word","Excel","PowerPoint","OneDrive","SharePoint","Notion","Pages","Numbers","Keynote","Dropbox","Box","その他(ドキュメント)"]], 704 - ["タスク管理", ["Googleカレンダー","Google ToDoリスト","Trello","Asana","Excel等スプレッドシート","その他(タスク管理)"]], 705 - ["ビデオ会議ツール", ["Zoom","Google Meet","その他(ビデオ会議)"]], 706 - ["アンケート", ["Googleフォーム","Microsoft Forms","その他(アンケート)"]], 707 - ["デザイン・クリエイティブ", ["Canva","各種Adobe","CapCut","LumaFusion","AviUtl","ibisPaint","その他(デザイン)"]], 708 - ["その他", ["独自のWebシステム・自作アプリ"]] 709 - ]) 710 - #foreach($catD in $ictCatDisplay) 711 - #set($catHasItems = false) 712 - #foreach($t in $catD.get(1)) 713 - #if($ictTools.contains($t)) #set($catHasItems = true) #end 714 - #end 715 - #if($catHasItems) 716 - <div style="margin-bottom:6px"> 717 - <span style="font-size:0.8em;font-weight:600;color:var(--text-mid)">$catD.get(0):</span> 718 - <div class="selection-display" style="margin-top:2px"> 719 - #foreach($t in $catD.get(1)) 720 - #if($ictTools.contains($t)) 721 - <span class="selection-item">$!escapetool.xml($t)</span> 722 - #end 723 - #end 724 - </div> 725 - </div> 726 - #end 727 - #end 728 - </span> 729 - </div> 730 - #end 731 - #if($ictUsage && !$ictUsage.isEmpty()) 732 - <div class="info-row"> 733 - <span class="info-label">ICT活用している場面</span> 734 - <span class="info-value"> 735 735 <div class="selection-display"> 736 - #foreach($iu in $ictUsage) 737 - <span class="selection-item">$!escapetool.xml($iu.trim())</span> 885 + #foreach($bao in ["行事費用","部活動","寄付","HR活動","執行部等","委員会活動","その他"]) 886 + #if($budgetAllocation.contains($bao)) 887 + <span class="selection-item">$!escapetool.xml($bao)</span> 888 + #else 889 + <span class="selection-item selection-item-off">$!escapetool.xml($bao)</span> 890 + #end 738 738 #end 739 739 </div> 740 740 </span> 741 741 </div> 742 742 #end 743 - </div> 744 - </div> 745 - #else 746 - <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> 747 - #end 748 - #end 749 - 750 - ## --- 生徒総会 --- 751 - #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != '')) 752 - #if($hasAssembly) 753 - #set($canViewAS = true) 754 - #if($visibilityAssembly == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAS = false) 755 - #elseif($visibilityAssembly == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAS = false) 756 - #end 757 - #if($canViewAS) 758 - <div class="seitokai-subsection"> 759 - <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> 760 - <div class="seitokai-subsection-content"> 761 - #if($assemblyFormat && $assemblyFormat != '') 762 - <div class="info-row"> 763 - <span class="info-label">開催方式</span> 764 - <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($assemblyFormat)</span></span> 765 - </div> 896 + #if($budgetNote && $budgetNote.trim() != '') 897 + <div class="free-note">$!escapetool.xml($budgetNote)</div> 766 766 #end 767 - #if($assemblyCount && $assemblyCount > 0) 768 - <div class="info-row"> 769 - <span class="info-label">開催回数(年)</span> 770 - <span class="info-value">$!escapetool.xml($assemblyCount)回</span> 771 - </div> 772 - #end 773 - #if($assemblyAgenda && !$assemblyAgenda.isEmpty()) 774 - <div class="info-row"> 775 - <span class="info-label">議案の集め方</span> 776 - <span class="info-value"> 777 - <div class="selection-display"> 778 - #foreach($aa in $assemblyAgenda) 779 - <span class="selection-item">$!escapetool.xml($aa.trim())</span> 780 - #end 781 - </div> 782 - </span> 783 - </div> 784 - #end 785 - #if($assemblyTopics && !$assemblyTopics.isEmpty()) 786 - <div class="info-row"> 787 - <span class="info-label">扱う内容</span> 788 - <span class="info-value"> 789 - <div class="selection-display"> 790 - #foreach($at in $assemblyTopics) 791 - <span class="selection-item">$!escapetool.xml($at.trim())</span> 792 - #end 793 - </div> 794 - </span> 795 - </div> 796 - #end 797 - #if($assemblyNote && $assemblyNote != '') 798 - <div class="info-row"> 799 - <span class="info-label">自由記述</span> 800 - <span class="info-value free-text-value">$!escapetool.xml($assemblyNote)</span> 801 - </div> 802 - #end 803 803 </div> 804 804 </div> 805 805 #else 806 - <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>902 + <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> 807 807 #end 808 808 #end 809 809 ... ... @@ -863,7 +863,17 @@ 863 863 #if($externalCooperation && $externalCooperation != '') 864 864 <div class="info-row"> 865 865 <span class="info-label">他校の生徒会との連携</span> 866 - <span class="info-value"><span class="tag tag-primary tag-sm">$!escapetool.xml($externalCooperation)</span></span> 962 + <span class="info-value"> 963 + <div class="selection-display"> 964 + #foreach($eco in ["定期的な連盟等の会合への参加","自治体等が主催するイベントへの参加","個別学校との交流","なし","その他"]) 965 + #if($externalCooperation == $eco) 966 + <span class="selection-item">$!escapetool.xml($eco)</span> 967 + #else 968 + <span class="selection-item selection-item-off">$!escapetool.xml($eco)</span> 969 + #end 970 + #end 971 + </div> 972 + </span> 867 867 </div> 868 868 #end 869 869 #if($externalOrgName && $externalOrgName != '') ... ... @@ -877,8 +877,12 @@ 877 877 <span class="info-label">社会参加・地域連携・ボランティア</span> 878 878 <span class="info-value"> 879 879 <div class="selection-display"> 880 - #foreach($sp2 in $socialParticipation) 881 - <span class="selection-item">$!escapetool.xml($sp2.trim())</span> 986 + #foreach($spo in ["三者協議会等","学校運営協議会等","町内会や商工会等との意見交換","企業や地域との商品開発","ゴミ拾い・地域清掃","募金","あいさつ運動","地域のお祭り・イベント等への協力・出展","その他"]) 987 + #if($socialParticipation.contains($spo)) 988 + <span class="selection-item">$!escapetool.xml($spo)</span> 989 + #else 990 + <span class="selection-item selection-item-off">$!escapetool.xml($spo)</span> 991 + #end 882 882 #end 883 883 </div> 884 884 </span> ... ... @@ -891,35 +891,6 @@ 891 891 #end 892 892 #end 893 893 894 - ## --- 年間主要行事 --- 895 - #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]]) 896 - #set($hasAnyEvent = false) 897 - #foreach($m in $months) 898 - #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end 899 - #end 900 - #if($hasAnyEvent) 901 - #set($canViewAN = true) 902 - #if($visibilityAnnualEvents == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAN = false) 903 - #elseif($visibilityAnnualEvents == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAN = false) 904 - #end 905 - #if($canViewAN) 906 - <div class="seitokai-subsection"> 907 - <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> 908 - <div class="seitokai-subsection-content"> 909 - <table class="wiki-table school-info-table" style="margin:0"> 910 - #foreach($m in $months) 911 - #if($m.get(1) && $m.get(1) != '') 912 - <tr><td style="width:60px;font-weight:600;white-space:nowrap">$m.get(0)</td><td>$!escapetool.xml($m.get(1))</td></tr> 913 - #end 914 - #end 915 - </table> 916 - </div> 917 - </div> 918 - #else 919 - <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> 920 - #end 921 - #end 922 - 923 923 ## --- 生徒会の課題意識 --- 924 924 #if($challenges && $challenges != '') 925 925 #set($canViewChallenges = true) ... ... @@ -991,13 +991,13 @@ 991 991 992 992 <div class="activity-toolbar"> 993 993 <div class="activity-fy-tabs"> 994 - <button class="activity-fy-tab active" onclick="switchActivityFY('$currentFYStr', this)">$currentFYStr 年度</button>1075 + <button class="activity-fy-tab" onclick="switchActivityFY('$currentFYStr', this)">$currentFYStr 年度</button> 995 995 #foreach($fy in $fySet) 996 996 #if($fy != $currentFYStr) 997 997 <button class="activity-fy-tab" onclick="switchActivityFY('$fy', this)">$fy 年度</button> 998 998 #end 999 999 #end 1000 - <button class="activity-fy-tab" onclick="switchActivityFY('all', this)">全期間</button> 1081 + <button class="activity-fy-tab active" onclick="switchActivityFY('all', this)">全期間</button> 1001 1001 </div> 1002 1002 <div class="activity-toolbar-right"> 1003 1003 <button class="btn-view-toggle" id="btnViewToggle" onclick="toggleCompactView()" title="タイトルのみ表示"> ... ... @@ -1036,22 +1036,67 @@ 1036 1036 1037 1037 {{/html}} 1038 1038 1039 -## 特色ある活動を先頭に表示するため、並び替え用リストを作成 1040 -#set($featuredActivities = []) 1041 -#set($normalActivities = []) 1042 -#if($activities && $activities.size() > 0) 1043 - #foreach($act in $activities) 1044 - #set($isFeatured = $!act.getValue('featured')) 1045 - #if($isFeatured == '1') 1046 - #set($discard = $featuredActivities.add($foreach.index)) 1120 +## 活動を「年度降順 + 特色あり先頭」で並び替え 1121 +## Step1: fySet から年度を降順ソート(Velocity ネイティブ実装) 1122 +#set($fyNums = []) 1123 +#foreach($fy in $fySet) 1124 + #if($fy && $fy != '' && $fy != 'unknown') 1125 + #set($fyInt = $mathtool.toInteger($fy)) 1126 + #if($fyInt) 1127 + #set($discard = $fyNums.add($fyInt)) 1128 + #end 1129 + #end 1130 +#end 1131 +## 最大値を順番に取り出して降順リストを構築(最大20年度まで対応) 1132 +#set($fyDesc = []) 1133 +#set($fyRemaining = []) 1134 +#foreach($fy in $fyNums) 1135 + #set($discard = $fyRemaining.add($fy)) 1136 +#end 1137 +#foreach($dummy in [1..20]) 1138 + #if($fyRemaining.isEmpty())#break#end 1139 + #set($fyMax = $fyRemaining.get(0)) 1140 + #foreach($fy in $fyRemaining) 1141 + #if($fy > $fyMax)#set($fyMax = $fy)#end 1142 + #end 1143 + #set($discard = $fyDesc.add($fyMax)) 1144 + #set($fyNextRem = []) 1145 + #set($fyMaxRemoved = false) 1146 + #foreach($fy in $fyRemaining) 1147 + #if(!$fyMaxRemoved && $fy == $fyMax) 1148 + #set($fyMaxRemoved = true) 1047 1047 #else 1048 - #set($discard = $ normalActivities.add($foreach.index))1150 + #set($discard = $fyNextRem.add($fy)) 1049 1049 #end 1050 1050 #end 1153 + #set($fyRemaining = $fyNextRem) 1051 1051 #end 1155 +## 年度未設定の活動は末尾に表示(fySetに'unknown'は入らないため無条件追加) 1156 +#set($discard = $fyDesc.add('unknown')) 1157 +## Step2: 年度降順で featured → normal の順にインデックスを収集 1052 1052 #set($orderedActivityIndices = []) 1053 -#set($discard = $orderedActivityIndices.addAll($featuredActivities)) 1054 -#set($discard = $orderedActivityIndices.addAll($normalActivities)) 1159 +#foreach($curFY in $fyDesc) 1160 + ## 同年度の特色あり活動を先頭に 1161 + #set($actIdx2 = 0) 1162 + #foreach($act in $activities) 1163 + #set($aFY2 = $!act.getValue('fiscalYear')) 1164 + #if(!$aFY2 || $aFY2 == '') #set($aFY2 = 'unknown') #end 1165 + #if($aFY2 == $curFY && $act.getValue('featured') == '1') 1166 + #set($discard = $orderedActivityIndices.add($actIdx2)) 1167 + #end 1168 + #set($actIdx2 = $actIdx2 + 1) 1169 + #end 1170 + ## 同年度の通常活動 1171 + #set($actIdx2 = 0) 1172 + #foreach($act in $activities) 1173 + #set($aFY2 = $!act.getValue('fiscalYear')) 1174 + #if(!$aFY2 || $aFY2 == '') #set($aFY2 = 'unknown') #end 1175 + #if($aFY2 == $curFY && $act.getValue('featured') != '1') 1176 + #set($discard = $orderedActivityIndices.add($actIdx2)) 1177 + #end 1178 + #set($actIdx2 = $actIdx2 + 1) 1179 + #end 1180 +#end 1055 1055 1056 1056 #if($activities && $activities.size() > 0) 1057 1057 #foreach($actIdx in $orderedActivityIndices) ... ... @@ -1316,6 +1316,25 @@ 1316 1316 #if($postVis != 'public') 1317 1317 <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> 1318 1318 #end 1445 + ## いいねボタン 1446 + #set($postLikeCount = $!post.getValue('likeCount')) 1447 + #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end 1448 + #set($postLikedBy = $!post.getValue('likedBy')) 1449 + #set($isLikedByMe = false) 1450 + #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end 1451 + <div class="post-like-row post-action-mt"> 1452 + #if($xcontext.user != 'XWiki.XWikiGuest') 1453 + <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)"> 1454 + <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> 1455 + <span class="like-count">$postLikeCount</span> 1456 + </button> 1457 + #else 1458 + <span class="btn-like disabled"> 1459 + <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> 1460 + <span class="like-count">$postLikeCount</span> 1461 + </span> 1462 + #end 1463 + </div> 1319 1319 ## 固定/編集/削除/通報/非表示ボタン(横並び) 1320 1320 #set($postAuthorRef = $!post.getValue('authorRef')) 1321 1321 #set($postObjNumED = $post.number) ... ... @@ -1436,10 +1436,68 @@ 1436 1436 {{/html}} 1437 1437 #end 1438 1438 1584 +## --- OGP / SNSシェア対応 --- 1585 +#set($ogpTitle = "${schoolName} — 生徒会Wiki") 1586 +#set($ogpDesc = "${schoolName}の生徒会活動情報。") 1587 +#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end 1588 +#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end 1589 +#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end 1590 +#set($ogpUrl = "https://${request.serverName}${doc.getURL()}") 1591 + 1439 1439 ## --- 年度タブ切り替え JavaScript --- 1440 1440 {{html clean="false"}} 1441 1441 <script> 1595 +// OGPメタタグ挿入 1596 +(function() { 1597 + var ogp = { 1598 + 'og:title': '$escapetool.javascript($ogpTitle)', 1599 + 'og:description': '$escapetool.javascript($ogpDesc)', 1600 + 'og:type': 'article', 1601 + 'og:url': '$escapetool.javascript($ogpUrl)', 1602 + 'og:site_name': '生徒会Wiki', 1603 + 'twitter:card': 'summary' 1604 + }; 1605 + for (var p in ogp) { 1606 + var meta = document.createElement('meta'); 1607 + meta.setAttribute('property', p); 1608 + meta.setAttribute('content', ogp[p]); 1609 + document.head.appendChild(meta); 1610 + } 1611 + // twitter用 1612 + var tw = document.createElement('meta'); 1613 + tw.setAttribute('name', 'twitter:card'); 1614 + tw.setAttribute('content', 'summary'); 1615 + document.head.appendChild(tw); 1616 +})(); 1442 1442 // コンパクト表示(タイトルのみ)トグル 1618 +// いいねトグル 1619 +function toggleLike(btn) { 1620 + var page = btn.getAttribute('data-page'); 1621 + var obj = btn.getAttribute('data-obj'); 1622 + var csrf = btn.getAttribute('data-csrf'); 1623 + btn.disabled = true; 1624 + var fd = new FormData(); 1625 + fd.append('page', page); 1626 + fd.append('obj', obj); 1627 + fd.append('form_token', csrf); 1628 + fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd }) 1629 + .then(function(r) { return r.json(); }) 1630 + .then(function(data) { 1631 + btn.querySelector('.like-count').textContent = data.count; 1632 + if (data.action === 'liked') { 1633 + btn.classList.add('liked'); 1634 + btn.querySelector('svg').setAttribute('fill', 'currentColor'); 1635 + btn.querySelector('svg').setAttribute('stroke', 'none'); 1636 + } else { 1637 + btn.classList.remove('liked'); 1638 + btn.querySelector('svg').removeAttribute('fill'); 1639 + btn.querySelector('svg').setAttribute('stroke', 'currentColor'); 1640 + } 1641 + }) 1642 + .catch(function() { alert('エラーが発生しました'); }) 1643 + .finally(function() { btn.disabled = false; }); 1644 +} 1645 + 1443 1443 function toggleCompactView() { 1444 1444 var container = document.querySelector('.xwiki-content') || document.body; 1445 1445 var isCompact = container.classList.toggle('activity-compact-view'); ... ... @@ -1483,7 +1483,7 @@ 1483 1483 } 1484 1484 // ページ読み込み時の初期化 1485 1485 document.addEventListener('DOMContentLoaded', function() { 1486 - // 年度タブを降順にソート(「全期間」タブは 末尾に固定)1689 + // 年度タブを降順にソート(「全期間」タブは先頭に固定) 1487 1487 var tabContainer = document.querySelector('.activity-fy-tabs'); 1488 1488 if (tabContainer) { 1489 1489 var tabs = Array.from(tabContainer.querySelectorAll('.activity-fy-tab')); ... ... @@ -1500,11 +1500,11 @@ 1500 1500 var bYear = parseInt(b.textContent) || 0; 1501 1501 return bYear - aYear; 1502 1502 }); 1503 - // DOM再配置 1504 - fyTabs.forEach(function(t) { tabContainer.appendChild(t); }); 1706 + // DOM再配置(全期間を先頭、年度タブを降順で続ける) 1505 1505 if (allTab) { tabContainer.appendChild(allTab); } 1708 + fyTabs.forEach(function(t) { tabContainer.appendChild(t); }); 1506 1506 } 1507 - // デフォルトで 現在の年度を表示1710 + // デフォルトで全期間を表示 1508 1508 var defaultTab = document.querySelector('.activity-fy-tab.active'); 1509 1509 if (defaultTab) { defaultTab.click(); } 1510 1510 // 保存成功時のトースト通知 ... ... @@ -1557,7 +1557,15 @@ 1557 1557 }; 1558 1558 var toast = document.createElement('div'); 1559 1559 toast.className = 'toast toast-' + type; 1560 - toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>'; 1763 + var iconSvg = icons[type] || ''; 1764 + if (iconSvg) { 1765 + var iconSpan = document.createElement('span'); 1766 + iconSpan.innerHTML = iconSvg; 1767 + toast.appendChild(iconSpan); 1768 + } 1769 + var msgSpan = document.createElement('span'); 1770 + msgSpan.textContent = message; 1771 + toast.appendChild(msgSpan); 1561 1561 container.appendChild(toast); 1562 1562 setTimeout(function() { toast.remove(); }, 3200); 1563 1563 } ... ... @@ -1596,6 +1596,7 @@ 1596 1596 var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>'; 1597 1597 1598 1598 // コメント以外は添付ファイル編集を表示 1810 + function escAttr(s) { return s.replace(/&/g,'&').replace(/"/g,'"').replace(/'/g,''').replace(/</g,'<').replace(/>/g,'>'); } 1599 1599 if (postType !== 'comment') { 1600 1600 // 既存画像 1601 1601 html += '<div class="edit-attachments">'; ... ... @@ -1605,10 +1605,10 @@ 1605 1605 for (var i = 0; i < imgs.length; i++) { 1606 1606 var img = imgs[i].trim(); 1607 1607 if (!img) continue; 1608 - html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'"') + '">' +1820 + html += '<div class="edit-attach-item" data-name="' + escAttr(img) + '">' + 1609 1609 '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' + 1610 1610 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1611 - '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'"') + '" />' +1823 + '<input type="hidden" name="keepImages" value="' + escAttr(img) + '" />' + 1612 1612 '</div>'; 1613 1613 } 1614 1614 html += '</div>'; ... ... @@ -1622,10 +1622,10 @@ 1622 1622 if (!f) continue; 1623 1623 var displayName = f; 1624 1624 if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, ''); 1625 - html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'"') + '">' +1626 - '<span class="edit-attach-fname">' + displayName .replace(/</g,'<').replace(/>/g,'>')+ '</span>' +1837 + html += '<div class="edit-attach-item" data-name="' + escAttr(f) + '">' + 1838 + '<span class="edit-attach-fname">' + escAttr(displayName) + '</span>' + 1627 1627 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1628 - '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'"') + '" />' +1840 + '<input type="hidden" name="keepFiles" value="' + escAttr(f) + '" />' + 1629 1629 '</div>'; 1630 1630 } 1631 1631 html += '</div>';