Skip to Content
Last modified by Super Admin on 2026/04/05 18:59
From version Icon 62.1 Icon
edited by Super Admin
on 2026/03/17 17:13
Change comment: There is no comment for this version
To version Icon 65.1 Icon
edited by Super Admin
on 2026/03/18 08:56
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -574,6 +574,13 @@
574 574   #end
575 575   <button class="activity-fy-tab" onclick="switchActivityFY('all', this)">全期間</button>
576 576   </div>
577 + <div class="activity-toolbar-right">
578 + <button class="btn-view-toggle" id="btnViewToggle" onclick="toggleCompactView()" title="タイトルのみ表示">
579 + <svg class="ico-list" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
580 + <svg class="ico-detail" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
581 + <span class="toggle-label">一覧表示</span>
582 + </button>
583 + </div>
577 577   <div class="author-legend-wrapper">
578 578   <button class="author-legend-toggle" onclick="this.classList.toggle('open');this.nextElementSibling.classList.toggle('open')"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg> バッジの見方 <span class="chevron">▼</span></button>
579 579   <div class="author-legend-body">
... ... @@ -983,6 +983,35 @@
983 983  ## --- 年度タブ切り替え JavaScript ---
984 984  {{html clean="false"}}
985 985  <script>
993 +// コンパクト表示（タイトルのみ）トグル
994 +function toggleCompactView() {
995 + var container = document.querySelector('.xwiki-content') || document.body;
996 + var isCompact = container.classList.toggle('activity-compact-view');
997 + var btn = document.getElementById('btnViewToggle');
998 + if (btn) {
999 + btn.querySelector('.toggle-label').textContent = isCompact ? '詳細表示' : '一覧表示';
1000 + btn.title = isCompact ? '詳細表示に戻す' : 'タイトルのみ表示';
1001 + }
1002 + // コンパクトモードでは各スレッドヘッダーをクリックで個別展開可能にする
1003 + document.querySelectorAll('.activity-thread').forEach(function(thread) {
1004 + if (isCompact) {
1005 + thread.classList.remove('compact-expanded');
1006 + }
1007 + });
1008 +}
1009 +
1010 +// コンパクトモードで個別スレッドを展開/折りたたみ
1011 +function toggleThreadExpand(e) {
1012 + var container = document.querySelector('.xwiki-content') || document.body;
1013 + if (!container.classList.contains('activity-compact-view')) return;
1014 + // リンクやボタンのクリックはスルー
1015 + if (e.target.closest('a, button, .btn-featured-toggle')) return;
1016 + var thread = e.target.closest('.activity-thread');
1017 + if (thread) {
1018 + thread.classList.toggle('compact-expanded');
1019 + }
1020 +}
1021 +
986 986  function switchActivityFY(fy, btn) {
987 987   // タブのアクティブ状態を切り替え
988 988   document.querySelectorAll('.activity-fy-tab').forEach(function(t) { t.classList.remove('active'); });
... ... @@ -1009,6 +1009,10 @@
1009 1009   window.history.replaceState({}, document.title, window.location.pathname);
1010 1010   }
1011 1011   }
1048 + // コンパクトモード: スレッドヘッダークリックで個別展開
1049 + document.querySelectorAll('.activity-thread-header').forEach(function(header) {
1050 + header.addEventListener('click', toggleThreadExpand);
1051 + });
1012 1012   // 長文投稿の折りたたみ初期化
1013 1013   document.querySelectorAll('.thread-post-body').forEach(function(body) {
1014 1014   // 先にtruncatedを仮適用してline-clampを有効にし、高さの差分で判定