Skip to Content

Changes for page 学校ページテンプレート

Last modified by Super Admin on 2026/04/05 18:59

From 106.1 to 107.1 From 110.1 to 111.1

From version

edited by Super Admin
on 2026/03/24 15:28

Change comment: There is no comment for this version

To version

edited by Super Admin
on 2026/03/24 19:13

Change comment: There is no comment for this version

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -7,6 +7,19 @@
    #stop
  #end
  {{html clean="false"}}
++## --- OGP メタタグ（SNSシェア対応） ---
++#set($ogTitle = "$!{schoolName} — 生徒会Wiki")
++#set($ogDesc = "$!{schoolName}の生徒会活動情報。全国の高校の生徒会活動事例を集積・共有するプラットフォーム。")
++#set($ogUrl = "https://${request.serverName}${doc.getURL('view')}")
++<meta property="og:type" content="article" />
++<meta property="og:title" content="$escapetool.xml($ogTitle)" />
++<meta property="og:description" content="$escapetool.xml($ogDesc)" />
++<meta property="og:url" content="$escapetool.xml($ogUrl)" />
++<meta property="og:site_name" content="生徒会Wiki" />
++<meta property="og:locale" content="ja_JP" />
++<meta name="twitter:card" content="summary" />
++<meta name="twitter:title" content="$escapetool.xml($ogTitle)" />
++<meta name="twitter:description" content="$escapetool.xml($ogDesc)" />
  ## メンテナンスバナー（{{include}}ではなくインラインで記述し、<p>タグ挿入を回避）
  #set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner'))
  #set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass'))
@@ -396,23 +396,102 @@
  </div>
  #end
--## --- 未入力ガイド（自校ユーザー向け） ---
++## --- 入力進捗ガイド（自校ユーザー向け） ---
  #if(!$isGuest && $canEdit)
--  #set($missingItems = [])
--  #if(!$studentCount || $studentCount == '' || $studentCount == '0') #set($discard = $missingItems.add('生徒数')) #end
--  #if(!$orgChart || $orgChart == '') #set($discard = $missingItems.add('生徒会組織')) #end
--  #if(!$dailyActivities || $dailyActivities == '') #set($discard = $missingItems.add('日常の活動')) #end
--  #if(!$ruleReviewStatus || $ruleReviewStatus == '') #set($discard = $missingItems.add('校則・生徒会会則の見直し')) #end
++  #set($stepItems = [])
++  #set($completedCount = 0)
++  #set($totalSteps = 8)
++  ## 1. 基本情報（生徒数）
++  #if($studentCount && $studentCount != '' && $studentCount != '0')
++    #set($discard = $stepItems.add({'name': '基本情報（生徒数・学級数）', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '基本情報（生徒数・学級数）', 'done': false}))
++  #end
++  ## 2. 生徒会組織
++  #if($orgChart && $orgChart != '')
++    #set($discard = $stepItems.add({'name': '生徒会組織', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '生徒会組織', 'done': false}))
++  #end
++  ## 3. 日常の活動
++  #if($dailyActivities && $dailyActivities != '')
++    #set($discard = $stepItems.add({'name': '日常の活動', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '日常の活動', 'done': false}))
++  #end
++  ## 4. 選挙
++  #if($electionExists && $electionExists != '')
++    #set($discard = $stepItems.add({'name': '選挙', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '選挙', 'done': false}))
++  #end
++  ## 5. 予算
++  #set($budgetFilled = false)
++  #if(($budgetScale && $budgetScale != '') || ($studentFee && $studentFee != '')) #set($budgetFilled = true) #end
++  #if($budgetFilled)
++    #set($discard = $stepItems.add({'name': '予算', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '予算', 'done': false}))
++  #end
++  ## 6. 校則の見直し
++  #if($ruleReviewStatus && $ruleReviewStatus != '')
++    #set($discard = $stepItems.add({'name': '校則・生徒会会則の見直し', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '校則・生徒会会則の見直し', 'done': false}))
++  #end
++  ## 7. 生徒総会
++  #if($assemblyFormat && $assemblyFormat != '')
++    #set($discard = $stepItems.add({'name': '生徒総会', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '生徒総会', 'done': false}))
++  #end
++  ## 8. 活動報告
    #set($activityCount = $doc.getObjects('SeitokaiCode.ActivityClass').size())
--  #if($activityCount == 0) #set($discard = $missingItems.add('活動報告（まだ投稿がありません）')) #end
--  #if($missingItems.size() > 0)
--<div class="form-message-info" style="margin-bottom:var(--sp-4);">
--  <strong>入力のお願い</strong> — 以下の項目がまだ入力されていません。<a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')">編集画面</a>から入力すると、他校の生徒会の参考になります。
--  <ul style="margin:var(--sp-2) 0 0; padding-left:var(--sp-5);">
--    #foreach($item in $missingItems)
--    <li>$item</li>
++  #if($activityCount > 0)
++    #set($discard = $stepItems.add({'name': '活動報告', 'done': true}))
++    #set($completedCount = $completedCount + 1)
++  #else
++    #set($discard = $stepItems.add({'name': '活動報告（まだ投稿がありません）', 'done': false}))
++  #end
++  ## 全完了なら非表示
++  #if($completedCount < $totalSteps)
++    #set($progressPct = $mathtool.mul($mathtool.div($completedCount, $totalSteps), 100))
++    #set($progressPctInt = $mathtool.toInteger($progressPct))
++    #set($firstMissing = false)
++<div class="progress-guide" style="margin-bottom:var(--sp-4);">
++  <div class="progress-guide-header">
++    <span class="progress-guide-title"><svg class="ico" viewBox="0 0 24 24" style="width:1.1em;height:1.1em;vertical-align:-2px;"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 学校情報の入力状況</span>
++    <span class="progress-guide-count">${completedCount} / ${totalSteps} 完了</span>
++  </div>
++  <div class="progress-bar-track">
++    <div class="progress-bar-fill" style="width:${progressPctInt}%"></div>
++  </div>
++  <ul class="progress-step-list">
++    #foreach($step in $stepItems)
++      #if($step.done)
++    <li class="progress-step done"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><path d="M20 6L9 17l-5-5"/></svg> $step.name</li>
++      #else
++        #if(!$firstMissing)
++    <li class="progress-step next"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><circle cx="12" cy="12" r="10"/></svg> $step.name <span class="progress-next-label">← 次はここ！</span></li>
++          #set($firstMissing = true)
++        #else
++    <li class="progress-step pending"><svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><rect x="3" y="3" width="18" height="18" rx="2"/></svg> $step.name</li>
++        #end
++      #end
      #end
    </ul>
++  <div style="margin-top:var(--sp-3);">
++    <a href="$doc.getURL('view', 'sheet=SeitokaiCode.SchoolEditForm')" class="btn-primary-sm">
++      <svg class="ico" viewBox="0 0 24 24" style="width:0.9em;height:0.9em;"><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>
++  </div>
  </div>
    #end
  #end
@@ -1337,6 +1337,25 @@
        #if($postVis != 'public')
        <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>
        #end
++      ## いいねボタン
++      #set($postLikeCount = $!post.getValue('likeCount'))
++      #if(!$postLikeCount || $postLikeCount == '') #set($postLikeCount = 0) #end
++      #set($postLikedBy = $!post.getValue('likedBy'))
++      #set($isLikedByMe = false)
++      #if($postLikedBy && $postLikedBy.contains($xcontext.user)) #set($isLikedByMe = true) #end
++      <div class="post-like-row post-action-mt">
++        #if($xcontext.user != 'XWiki.XWikiGuest')
++        <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)">
++          <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>
++          <span class="like-count">$postLikeCount</span>
++        </button>
++        #else
++        <span class="btn-like disabled">
++          <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>
++          <span class="like-count">$postLikeCount</span>
++        </span>
++        #end
++      </div>
        ## 固定/編集/削除/通報/非表示ボタン（横並び）
        #set($postAuthorRef = $!post.getValue('authorRef'))
        #set($postObjNumED = $post.number)
@@ -1457,10 +1457,68 @@
  {{/html}}
  #end
++## --- OGP / SNSシェア対応 ---
++#set($ogpTitle = "${schoolName} — 生徒会Wiki")
++#set($ogpDesc = "${schoolName}の生徒会活動情報。")
++#if($prefecture && $prefecture != '') #set($ogpDesc = "${ogpDesc}${prefecture}") #end
++#if($city && $city != '') #set($ogpDesc = "${ogpDesc}${city}。") #end
++#if($dailyActivities && $dailyActivities != '') #set($ogpDesc = "${ogpDesc} 主な活動: ${dailyActivities}") #end
++#set($ogpUrl = "https://${request.serverName}${doc.getURL()}")
++
  ## --- 年度タブ切り替え JavaScript ---
  {{html clean="false"}}
  <script>
++// OGPメタタグ挿入
++(function() {
++  var ogp = {
++    'og:title': '$escapetool.javascript($ogpTitle)',
++    'og:description': '$escapetool.javascript($ogpDesc)',
++    'og:type': 'article',
++    'og:url': '$escapetool.javascript($ogpUrl)',
++    'og:site_name': '生徒会Wiki',
++    'twitter:card': 'summary'
++  };
++  for (var p in ogp) {
++    var meta = document.createElement('meta');
++    meta.setAttribute('property', p);
++    meta.setAttribute('content', ogp[p]);
++    document.head.appendChild(meta);
++  }
++  // twitter用
++  var tw = document.createElement('meta');
++  tw.setAttribute('name', 'twitter:card');
++  tw.setAttribute('content', 'summary');
++  document.head.appendChild(tw);
++})();
  // コンパクト表示（タイトルのみ）トグル
++// いいねトグル
++function toggleLike(btn) {
++  var page = btn.getAttribute('data-page');
++  var obj = btn.getAttribute('data-obj');
++  var csrf = btn.getAttribute('data-csrf');
++  btn.disabled = true;
++  var fd = new FormData();
++  fd.append('page', page);
++  fd.append('obj', obj);
++  fd.append('form_token', csrf);
++  fetch('/bin/SeitokaiCode/LikePost', { method: 'POST', body: fd })
++    .then(function(r) { return r.json(); })
++    .then(function(data) {
++      btn.querySelector('.like-count').textContent = data.count;
++      if (data.action === 'liked') {
++        btn.classList.add('liked');
++        btn.querySelector('svg').setAttribute('fill', 'currentColor');
++        btn.querySelector('svg').setAttribute('stroke', 'none');
++      } else {
++        btn.classList.remove('liked');
++        btn.querySelector('svg').removeAttribute('fill');
++        btn.querySelector('svg').setAttribute('stroke', 'currentColor');
++      }
++    })
++    .catch(function() { alert('エラーが発生しました'); })
++    .finally(function() { btn.disabled = false; });
++}
++
  function toggleCompactView() {
    var container = document.querySelector('.xwiki-content') || document.body;
    var isCompact = container.classList.toggle('activity-compact-view');