Changes for page 学校ページ テンプレート
Last modified by Super Admin on 2026/04/05 18:59
From version
95.1
edited by Super Admin
on 2026/03/20 18:03
on 2026/03/20 18:03
Change comment:
There is no comment for this version
To version
108.1
edited by Super Admin
on 2026/03/24 17:20
on 2026/03/24 17:20
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -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')) 71 +#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')) 129 +#set($visibilityDailyActivities = $!doc.getValue('visibilityDailyActivities')) 130 +#set($visibilityElection = $!doc.getValue('visibilityElection')) 131 +#set($visibilityMeeting = $!doc.getValue('visibilityMeeting')) 132 +#set($visibilityActivityEnv = $!doc.getValue('visibilityActivityEnv')) 133 +#set($visibilityAssembly = $!doc.getValue('visibilityAssembly')) 134 +#set($visibilityPublicity = $!doc.getValue('visibilityPublicity')) 135 +#set($visibilityExternal = $!doc.getValue('visibilityExternal')) 136 +#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 = '') 148 +#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 158 + ## 第2所属校の在学年数超過チェック 159 + #set($viewerSecEnrollYear = $!viewerDoc.getValue('secondaryEnrollmentYear')) 160 + #if($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecEnrollYear && $viewerSecEnrollYear != '') 161 + #set($vNow = $datetool.date) 162 + #set($vCurYear = $mathtool.toInteger($datetool.format('yyyy', $vNow))) 163 + #set($vCurMonth = $mathtool.toInteger($datetool.format('MM', $vNow))) 164 + #if($vCurMonth >= 4)#set($vSchoolYear = $vCurYear)#else#set($vSchoolYear = $mathtool.sub($vCurYear, 1))#end 165 + #set($vSecEnroll = $mathtool.toInteger($viewerSecEnrollYear)) 166 + #set($vSecMax = 3) 167 + #if($viewerSecondarySchoolCode.length() >= 2) 168 + #set($vSecType = $viewerSecondarySchoolCode.substring(0, 2)) 169 + #if($vSecType == 'C2')#set($vSecMax = 9)#elseif($vSecType == 'D2')#set($vSecMax = 6)#end 170 + #end 171 + #set($vSecGrade = $mathtool.add($mathtool.sub($vSchoolYear, $vSecEnroll), 1)) 172 + #if($vSecGrade > $vSecMax) 173 + #set($viewerSecondaryGraduated = true) 174 + #end 175 + #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) 185 + #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) 195 + #elseif($viewerSecondarySchoolCode && $viewerSecondarySchoolCode != '' && $viewerSecondarySchoolCode == $schoolCode && !$viewerSecondaryGraduated) 168 168 #set($isSchoolMember = true) 169 169 #end 170 170 #end ... ... @@ -368,6 +368,27 @@ 368 368 </div> 369 369 #end 370 370 399 +## --- 未入力ガイド(自校ユーザー向け) --- 400 +#if(!$isGuest && $canEdit) 401 + #set($missingItems = []) 402 + #if(!$studentCount || $studentCount == '' || $studentCount == '0') #set($discard = $missingItems.add('生徒数')) #end 403 + #if(!$orgChart || $orgChart == '') #set($discard = $missingItems.add('生徒会組織')) #end 404 + #if(!$dailyActivities || $dailyActivities == '') #set($discard = $missingItems.add('日常の活動')) #end 405 + #if(!$ruleReviewStatus || $ruleReviewStatus == '') #set($discard = $missingItems.add('校則・生徒会会則の見直し')) #end 406 + #set($activityCount = $doc.getObjects('SeitokaiCode.ActivityClass').size()) 407 + #if($activityCount == 0) #set($discard = $missingItems.add('活動報告(まだ投稿がありません)')) #end 408 + #if($missingItems.size() > 0) 409 +<div class="form-message-info" style="margin-bottom:var(--sp-4);"> 410 + <strong>入力のお願い</strong> — 以下の項目がまだ入力されていません。<a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')">編集画面</a>から入力すると、他校の生徒会の参考になります。 411 + <ul style="margin:var(--sp-2) 0 0; padding-left:var(--sp-5);"> 412 + #foreach($item in $missingItems) 413 + <li>$item</li> 414 + #end 415 + </ul> 416 +</div> 417 + #end 418 +#end 419 + 371 371 ## --- ① 学校基本情報 --- 372 372 <div class="school-info-card collapsed" id="card-basic-info"> 373 373 <h2 role="button" tabindex="0" aria-expanded="false" onclick="toggleInfoCard('card-basic-info')" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();toggleInfoCard('card-basic-info')}"><span><svg class="ico ico-md" viewBox="0 0 24 24"><path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"/></svg> 学校基本情報</span><span class="collapse-toggle"><span class="collapse-label-open">たたむ</span><span class="collapse-label-closed">開く</span> <span class="collapse-arrow">▼</span></span></h2> ... ... @@ -426,8 +426,13 @@ 426 426 427 427 ## --- 日常の活動 --- 428 428 #if($dailyActivities && !$dailyActivities.isEmpty()) 478 + #set($canViewDA = true) 479 + #if($visibilityDailyActivities == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewDA = false) 480 + #elseif($visibilityDailyActivities == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewDA = false) 481 + #end 482 + #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> 484 + <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,12 +440,20 @@ 440 440 #end 441 441 </div> 442 442 </div> 497 + #else 498 + <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> 499 + #end 443 443 #end 444 444 445 445 ## --- 選挙 --- 446 446 #if($electionExists && $electionExists != '') 504 + #set($canViewEL = true) 505 + #if($visibilityElection == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEL = false) 506 + #elseif($visibilityElection == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEL = false) 507 + #end 508 + #if($canViewEL) 447 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> 510 + <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> 449 449 <div class="seitokai-subsection-content"> 450 450 <div class="info-row"> 451 451 <span class="info-label">役員選挙</span> ... ... @@ -462,12 +462,20 @@ 462 462 #end 463 463 </div> 464 464 </div> 527 + #else 528 + <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> 529 + #end 465 465 #end 466 466 467 467 ## --- 定例活動 --- 468 468 #if($meetingFrequency && $meetingFrequency != '') 534 + #set($canViewMT = true) 535 + #if($visibilityMeeting == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewMT = false) 536 + #elseif($visibilityMeeting == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewMT = false) 537 + #end 538 + #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> 540 + <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,6 +478,9 @@ 478 478 #end 479 479 </div> 480 480 </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($visibilityMeeting == 'school_trusted')校内の承認済み・紹介メンバー#else校内メンバー#end のみ閲覧可能です</div> 553 + #end 481 481 #end 482 482 483 483 ## --- 予算 --- ... ... @@ -608,10 +608,15 @@ 608 608 #end 609 609 610 610 ## --- 活動環境 --- 611 - #set($hasActivityEnv = ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictUsage && !$ictUsage.isEmpty())) 684 + #set($hasActivityEnv = ($activityPlace && !$activityPlace.isEmpty()) || ($activityRoomEquipment && $activityRoomEquipment != '') || ($activityRoomImage && $activityRoomImage != '') || ($ictTools && !$ictTools.isEmpty()) || ($ictUsage && !$ictUsage.isEmpty())) 612 612 #if($hasActivityEnv) 686 + #set($canViewAE = true) 687 + #if($visibilityActivityEnv == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAE = false) 688 + #elseif($visibilityActivityEnv == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAE = false) 689 + #end 690 + #if($canViewAE) 613 613 <div class="seitokai-subsection"> 614 - <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> 生徒会の活動環境</h3> 692 + <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> 615 615 <div class="seitokai-subsection-content"> 616 616 #if($activityPlace && !$activityPlace.isEmpty()) 617 617 <div class="info-row"> ... ... @@ -637,6 +637,40 @@ 637 637 <span class="info-value"><div class="school-org-img-wrap"><img src="$doc.getAttachmentURL($activityRoomImage)" alt="活動場所の写真" class="org-chart-img" /></div></span> 638 638 </div> 639 639 #end 718 + #if($ictTools && !$ictTools.isEmpty()) 719 + <div class="info-row"> 720 + <span class="info-label">利用しているICTツール</span> 721 + <span class="info-value"> 722 + #set($ictCatDisplay = [ 723 + ["連絡ツール", ["メール","LINE","LINE WORKS","Discord","Slack","Microsoft Teams","Google Chat","InstagramのDM","XのDM","その他(連絡)"]], 724 + ["ドキュメント作成・共有", ["Googleドキュメント","Googleスプレッドシート","Googleスライド","Googleドライブ","Word","Excel","PowerPoint","OneDrive","SharePoint","Notion","Pages","Numbers","Keynote","Dropbox","Box","その他(ドキュメント)"]], 725 + ["タスク管理", ["Googleカレンダー","Google ToDoリスト","Trello","Asana","Excel等スプレッドシート","その他(タスク管理)"]], 726 + ["ビデオ会議ツール", ["Zoom","Google Meet","その他(ビデオ会議)"]], 727 + ["アンケート", ["Googleフォーム","Microsoft Forms","その他(アンケート)"]], 728 + ["デザイン・クリエイティブ", ["Canva","各種Adobe","CapCut","LumaFusion","AviUtl","ibisPaint","その他(デザイン)"]], 729 + ["その他", ["独自のWebシステム・自作アプリ"]] 730 + ]) 731 + #foreach($catD in $ictCatDisplay) 732 + #set($catHasItems = false) 733 + #foreach($t in $catD.get(1)) 734 + #if($ictTools.contains($t)) #set($catHasItems = true) #end 735 + #end 736 + #if($catHasItems) 737 + <div style="margin-bottom:6px"> 738 + <span style="font-size:0.8em;font-weight:600;color:var(--text-mid)">$catD.get(0):</span> 739 + <div class="selection-display" style="margin-top:2px"> 740 + #foreach($t in $catD.get(1)) 741 + #if($ictTools.contains($t)) 742 + <span class="selection-item">$!escapetool.xml($t)</span> 743 + #end 744 + #end 745 + </div> 746 + </div> 747 + #end 748 + #end 749 + </span> 750 + </div> 751 + #end 640 640 #if($ictUsage && !$ictUsage.isEmpty()) 641 641 <div class="info-row"> 642 642 <span class="info-label">ICT活用している場面</span> ... ... @@ -651,13 +651,21 @@ 651 651 #end 652 652 </div> 653 653 </div> 766 + #else 767 + <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> 768 + #end 654 654 #end 655 655 656 656 ## --- 生徒総会 --- 657 657 #set($hasAssembly = ($assemblyFormat && $assemblyFormat != '') || ($assemblyCount && $assemblyCount > 0) || ($assemblyAgenda && !$assemblyAgenda.isEmpty()) || ($assemblyTopics && !$assemblyTopics.isEmpty()) || ($assemblyNote && $assemblyNote != '')) 658 658 #if($hasAssembly) 774 + #set($canViewAS = true) 775 + #if($visibilityAssembly == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAS = false) 776 + #elseif($visibilityAssembly == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAS = false) 777 + #end 778 + #if($canViewAS) 659 659 <div class="seitokai-subsection"> 660 - <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> 780 + <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> 661 661 <div class="seitokai-subsection-content"> 662 662 #if($assemblyFormat && $assemblyFormat != '') 663 663 <div class="info-row"> ... ... @@ -703,13 +703,21 @@ 703 703 #end 704 704 </div> 705 705 </div> 826 + #else 827 + <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> 828 + #end 706 706 #end 707 707 708 708 ## --- 広報 --- 709 709 #set($hasPublicity = ($publicityMethod && !$publicityMethod.isEmpty()) || ($publicityFrequency && $publicityFrequency != '') || ($publicityNote && $publicityNote != '')) 710 710 #if($hasPublicity) 834 + #set($canViewPB = true) 835 + #if($visibilityPublicity == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewPB = false) 836 + #elseif($visibilityPublicity == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewPB = false) 837 + #end 838 + #if($canViewPB) 711 711 <div class="seitokai-subsection"> 712 - <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> 840 + <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> 713 713 <div class="seitokai-subsection-content"> 714 714 #if($publicityMethod && !$publicityMethod.isEmpty()) 715 715 <div class="info-row"> ... ... @@ -737,13 +737,21 @@ 737 737 #end 738 738 </div> 739 739 </div> 868 + #else 869 + <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> 870 + #end 740 740 #end 741 741 742 742 ## --- 外部連携 --- 743 743 #set($hasExternal = ($externalCooperation && $externalCooperation != '') || ($externalOrgName && $externalOrgName != '') || ($socialParticipation && !$socialParticipation.isEmpty())) 744 744 #if($hasExternal) 876 + #set($canViewEX = true) 877 + #if($visibilityExternal == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewEX = false) 878 + #elseif($visibilityExternal == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewEX = false) 879 + #end 880 + #if($canViewEX) 745 745 <div class="seitokai-subsection"> 746 - <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> 882 + <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> 747 747 <div class="seitokai-subsection-content"> 748 748 #if($externalCooperation && $externalCooperation != '') 749 749 <div class="info-row"> ... ... @@ -771,6 +771,9 @@ 771 771 #end 772 772 </div> 773 773 </div> 910 + #else 911 + <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> 912 + #end 774 774 #end 775 775 776 776 ## --- 年間主要行事 --- ... ... @@ -780,8 +780,13 @@ 780 780 #if($m.get(1) && $m.get(1) != '') #set($hasAnyEvent = true) #end 781 781 #end 782 782 #if($hasAnyEvent) 922 + #set($canViewAN = true) 923 + #if($visibilityAnnualEvents == 'school' && ($isGuest || (!$isViewerAdmin && !$isSchoolMember))) #set($canViewAN = false) 924 + #elseif($visibilityAnnualEvents == 'school_trusted' && ($isGuest || (!$isViewerAdmin && ((!$isSchoolMember) || ($viewerAccountType != 'verified' && $viewerAccountType != 'referred'))))) #set($canViewAN = false) 925 + #end 926 + #if($canViewAN) 783 783 <div class="seitokai-subsection"> 784 - <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> 928 + <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> 785 785 <div class="seitokai-subsection-content"> 786 786 <table class="wiki-table school-info-table" style="margin:0"> 787 787 #foreach($m in $months) ... ... @@ -792,6 +792,9 @@ 792 792 </table> 793 793 </div> 794 794 </div> 939 + #else 940 + <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> 941 + #end 795 795 #end 796 796 797 797 ## --- 生徒会の課題意識 --- ... ... @@ -1190,6 +1190,25 @@ 1190 1190 #if($postVis != 'public') 1191 1191 <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> 1192 1192 #end 1340 + ## いいねボタン 1341 + #set($postLikeCount = $!post.getValue('likeCount')) 1342 + #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end 1343 + #set($postLikedBy = $!post.getValue('likedBy')) 1344 + #set($isLikedByMe = false) 1345 + #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end 1346 + <div class="post-like-row post-action-mt"> 1347 + #if($xcontext.user != 'XWiki.XWikiGuest') 1348 + <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)"> 1349 + <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> 1350 + <span class="like-count">$postLikeCount</span> 1351 + </button> 1352 + #else 1353 + <span class="btn-like disabled"> 1354 + <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> 1355 + <span class="like-count">$postLikeCount</span> 1356 + </span> 1357 + #end 1358 + </div> 1193 1193 ## 固定/編集/削除/通報/非表示ボタン(横並び) 1194 1194 #set($postAuthorRef = $!post.getValue('authorRef')) 1195 1195 #set($postObjNumED = $post.number) ... ... @@ -1310,10 +1310,68 @@ 1310 1310 {{/html}} 1311 1311 #end 1312 1312 1479 +## --- OGP / SNSシェア対応 --- 1480 +#set($ogpTitle = "${schoolName} — 生徒会Wiki") 1481 +#set($ogpDesc = "${schoolName}の生徒会活動情報。") 1482 +#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end 1483 +#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end 1484 +#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end 1485 +#set($ogpUrl = "https://${request.serverName}${doc.getURL()}") 1486 + 1313 1313 ## --- 年度タブ切り替え JavaScript --- 1314 1314 {{html clean="false"}} 1315 1315 <script> 1490 +// OGPメタタグ挿入 1491 +(function() { 1492 + var ogp = { 1493 + 'og:title': '$escapetool.javascript($ogpTitle)', 1494 + 'og:description': '$escapetool.javascript($ogpDesc)', 1495 + 'og:type': 'article', 1496 + 'og:url': '$escapetool.javascript($ogpUrl)', 1497 + 'og:site_name': '生徒会Wiki', 1498 + 'twitter:card': 'summary' 1499 + }; 1500 + for (var p in ogp) { 1501 + var meta = document.createElement('meta'); 1502 + meta.setAttribute('property', p); 1503 + meta.setAttribute('content', ogp[p]); 1504 + document.head.appendChild(meta); 1505 + } 1506 + // twitter用 1507 + var tw = document.createElement('meta'); 1508 + tw.setAttribute('name', 'twitter:card'); 1509 + tw.setAttribute('content', 'summary'); 1510 + document.head.appendChild(tw); 1511 +})(); 1316 1316 // コンパクト表示(タイトルのみ)トグル 1513 +// いいねトグル 1514 +function toggleLike(btn) { 1515 + var page = btn.getAttribute('data-page'); 1516 + var obj = btn.getAttribute('data-obj'); 1517 + var csrf = btn.getAttribute('data-csrf'); 1518 + btn.disabled = true; 1519 + var fd = new FormData(); 1520 + fd.append('page', page); 1521 + fd.append('obj', obj); 1522 + fd.append('form_token', csrf); 1523 + fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd }) 1524 + .then(function(r) { return r.json(); }) 1525 + .then(function(data) { 1526 + btn.querySelector('.like-count').textContent = data.count; 1527 + if (data.action === 'liked') { 1528 + btn.classList.add('liked'); 1529 + btn.querySelector('svg').setAttribute('fill', 'currentColor'); 1530 + btn.querySelector('svg').setAttribute('stroke', 'none'); 1531 + } else { 1532 + btn.classList.remove('liked'); 1533 + btn.querySelector('svg').removeAttribute('fill'); 1534 + btn.querySelector('svg').setAttribute('stroke', 'currentColor'); 1535 + } 1536 + }) 1537 + .catch(function() { alert('エラーが発生しました'); }) 1538 + .finally(function() { btn.disabled = false; }); 1539 +} 1540 + 1317 1317 function toggleCompactView() { 1318 1318 var container = document.querySelector('.xwiki-content') || document.body; 1319 1319 var isCompact = container.classList.toggle('activity-compact-view'); ... ... @@ -1431,7 +1431,15 @@ 1431 1431 }; 1432 1432 var toast = document.createElement('div'); 1433 1433 toast.className = 'toast toast-' + type; 1434 - toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>'; 1658 + var iconSvg = icons[type] || ''; 1659 + if (iconSvg) { 1660 + var iconSpan = document.createElement('span'); 1661 + iconSpan.innerHTML = iconSvg; 1662 + toast.appendChild(iconSpan); 1663 + } 1664 + var msgSpan = document.createElement('span'); 1665 + msgSpan.textContent = message; 1666 + toast.appendChild(msgSpan); 1435 1435 container.appendChild(toast); 1436 1436 setTimeout(function() { toast.remove(); }, 3200); 1437 1437 } ... ... @@ -1470,6 +1470,7 @@ 1470 1470 var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>') + '</textarea>'; 1471 1471 1472 1472 // コメント以外は添付ファイル編集を表示 1705 + function escAttr(s) { return s.replace(/&/g,'&').replace(/"/g,'"').replace(/'/g,''').replace(/</g,'<').replace(/>/g,'>'); } 1473 1473 if (postType !== 'comment') { 1474 1474 // 既存画像 1475 1475 html += '<div class="edit-attachments">'; ... ... @@ -1479,10 +1479,10 @@ 1479 1479 for (var i = 0; i < imgs.length; i++) { 1480 1480 var img = imgs[i].trim(); 1481 1481 if (!img) continue; 1482 - html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'"') + '">' +1715 + html += '<div class="edit-attach-item" data-name="' + escAttr(img) + '">' + 1483 1483 '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' + 1484 1484 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1485 - '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'"') + '" />' +1718 + '<input type="hidden" name="keepImages" value="' + escAttr(img) + '" />' + 1486 1486 '</div>'; 1487 1487 } 1488 1488 html += '</div>'; ... ... @@ -1496,10 +1496,10 @@ 1496 1496 if (!f) continue; 1497 1497 var displayName = f; 1498 1498 if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, ''); 1499 - html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'"') + '">' +1500 - '<span class="edit-attach-fname">' + displayName .replace(/</g,'<').replace(/>/g,'>')+ '</span>' +1732 + html += '<div class="edit-attach-item" data-name="' + escAttr(f) + '">' + 1733 + '<span class="edit-attach-fname">' + escAttr(displayName) + '</span>' + 1501 1501 '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' + 1502 - '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'"') + '" />' +1735 + '<input type="hidden" name="keepFiles" value="' + escAttr(f) + '" />' + 1503 1503 '</div>'; 1504 1504 } 1505 1505 html += '</div>';