Skip to Content

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

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

From 104.1 to 105.1 From 110.1 to 111.1

From version

edited by Super Admin
on 2026/03/22 00:39

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,6 +396,106 @@
  </div>
  #end
++## --- 入力進捗ガイド（自校ユーザー向け） ---
++#if(!$isGuest && $canEdit)
++  #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 = $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
++
  ## --- ① 学校基本情報 ---
  <div class="school-info-card collapsed" id="card-basic-info">
    <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>
@@ -1316,6 +1316,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)
@@ -1436,10 +1436,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');
@@ -1557,7 +1557,15 @@
    };
    var toast = document.createElement('div');
    toast.className = 'toast toast-' + type;
--  toast.innerHTML = (icons[type] || '') + '<span>' + message + '</span>';
++  var iconSvg = icons[type] || '';
++  if (iconSvg) {
++    var iconSpan = document.createElement('span');
++    iconSpan.innerHTML = iconSvg;
++    toast.appendChild(iconSpan);
++  }
++  var msgSpan = document.createElement('span');
++  msgSpan.textContent = message;
++  toast.appendChild(msgSpan);
    container.appendChild(toast);
    setTimeout(function() { toast.remove(); }, 3200);
  }
@@ -1596,6 +1596,7 @@
    var html = '<textarea id="editContent_' + postObjNum + '">' + currentContent.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</textarea>';
    // コメント以外は添付ファイル編集を表示
++  function escAttr(s) { return s.replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/'/g,'&#39;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
    if (postType !== 'comment') {
      // 既存画像
      html += '<div class="edit-attachments">';
@@ -1605,10 +1605,10 @@
        for (var i = 0; i < imgs.length; i++) {
          var img = imgs[i].trim();
          if (!img) continue;
--        html += '<div class="edit-attach-item" data-name="' + img.replace(/"/g,'&quot;') + '">' +
++        html += '<div class="edit-attach-item" data-name="' + escAttr(img) + '">' +
            '<img src="/xwiki/bin/download/' + schoolPage.replace(/\./g,'/') + '/' + encodeURIComponent(img) + '" class="edit-attach-thumb" />' +
            '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' +
--          '<input type="hidden" name="keepImages" value="' + img.replace(/"/g,'&quot;') + '" />' +
++          '<input type="hidden" name="keepImages" value="' + escAttr(img) + '" />' +
            '</div>';
        }
        html += '</div>';
@@ -1622,10 +1622,10 @@
          if (!f) continue;
          var displayName = f;
          if (/^file_\d{14}_\d+_/.test(f)) displayName = f.replace(/^file_\d{14}_\d+_/, '');
--        html += '<div class="edit-attach-item" data-name="' + f.replace(/"/g,'&quot;') + '">' +
--          '<span class="edit-attach-fname">' + displayName.replace(/</g,'&lt;').replace(/>/g,'&gt;') + '</span>' +
++        html += '<div class="edit-attach-item" data-name="' + escAttr(f) + '">' +
++          '<span class="edit-attach-fname">' + escAttr(displayName) + '</span>' +
            '<button type="button" class="edit-attach-remove" onclick="removeEditAttach(this)" title="削除">✕</button>' +
--          '<input type="hidden" name="keepFiles" value="' + f.replace(/"/g,'&quot;') + '" />' +
++          '<input type="hidden" name="keepFiles" value="' + escAttr(f) + '" />' +
            '</div>';
        }
        html += '</div>';