Changes for page 生徒会Wiki
Last modified by Super Admin on 2026/04/01 16:27
From version
14.1
edited by Super Admin
on 2026/03/06 22:09
on 2026/03/06 22:09
Change comment:
There is no comment for this version
To version
31.1
edited by Super Admin
on 2026/03/17 13:52
on 2026/03/17 13:52
Change comment:
There is no comment for this version
Summary
Details
- Page properties
-
- Content
-
... ... @@ -1,8 +1,22 @@ 1 1 {{velocity}} 2 -## メンテナンスバナー 3 -{{include reference="SeitokaiCode.MaintenanceBannerInclude" /}} 4 - 2 +## ユーザーごとに異なるコンテンツ(ゲストCTA等)があるためキャッシュ無効化 3 +#set($discard = $xcontext.put('rendering.cache.disabled', true)) 5 5 {{html clean="false"}} 5 +## メンテナンスバナー(インラインで記述し、<p>タグ挿入を回避) 6 +#set($bannerDoc = $xwiki.getDocument('SeitokaiAdmin.MaintenanceBanner')) 7 +#set($bannerObj = $bannerDoc.getObject('SeitokaiCode.MaintenanceBannerClass')) 8 +#if($bannerObj && $bannerObj.getValue('enabled') == 1) 9 +#set($bannerMsg = $bannerObj.getValue('message')) 10 +#set($bannerLevel = $bannerObj.getValue('level')) 11 +#if(!$bannerLevel || $bannerLevel == '')#set($bannerLevel = 'warning')#end 12 +<div class="maintenance-banner active maintenance-${bannerLevel}" id="maintenance-banner"> 13 + <div class="maintenance-banner-inner"> 14 + <span class="maintenance-icon">#if($bannerLevel == 'urgent')<svg class="ico-banner" viewBox="0 0 24 24"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>#elseif($bannerLevel == 'info')<svg class="ico-banner" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>#else<svg class="ico-banner" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/></svg>#end</span> 15 + <span class="maintenance-text">$!escapetool.xml($bannerMsg)</span> 16 + <button class="maintenance-close" onclick="document.getElementById('maintenance-banner').style.display='none'">×</button> 17 + </div> 18 +</div> 19 +#end 6 6 <div class="home-hero"> 7 7 <span class="home-hero-icon"><svg class="ico ico-hero" viewBox="0 0 24 24"><path d="M2 20h20"/><path d="M5 20V10l7-5 7 5v10"/><path d="M9 20v-5h6v5"/></svg></span> 8 8 <h1>生徒会Wiki</h1> ... ... @@ -9,6 +9,27 @@ 9 9 <p>全国の学校の生徒会活動を共有するプラットフォーム</p> 10 10 </div> 11 11 26 +#if($xcontext.user == "XWiki.XWikiGuest") 27 +<div class="home-guest-cta"> 28 + <div class="home-guest-cta-inner"> 29 + <div class="home-guest-cta-content"> 30 + <h2 class="home-guest-cta-title">アカウントを作成して、全国の生徒会と情報を共有しましょう</h2> 31 + <p class="home-guest-cta-desc">ログインすると、自分の学校ページの作成・編集や活動報告の投稿ができるようになります。</p> 32 + </div> 33 + <div class="home-guest-cta-buttons"> 34 + <a href="$xwiki.getURL('XWiki.XWikiLogin', 'login', 'loginLink=1')" class="btn-guest-register"> 35 + <svg class="login-icon" viewBox="0 0 24 24"><path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="11" x2="20" y2="17"/><line x1="17" y1="14" x2="23" y2="14"/></svg> 36 + アカウントを作成 37 + </a> 38 + <a href="$xwiki.getURL('XWiki.XWikiLogin', 'login')" class="btn-guest-login"> 39 + <svg class="login-icon" viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> 40 + ログイン 41 + </a> 42 + </div> 43 + </div> 44 +</div> 45 +#end 46 + 12 12 <div class="home-cards"> 13 13 <a href="$xwiki.getURL('Schools.WebHome', 'view')" class="home-card"> 14 14 <div class="home-card-icon"><svg class="ico" 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></div> ... ... @@ -37,7 +37,7 @@ 37 37 #end 38 38 </div> 39 39 40 -<div style="margin-top:32px;">75 +<div class="home-recent-section"> 41 41 <h2 class="home-section-title">最近の更新</h2> 42 42 #set($recentDocs = $xwiki.searchDocuments("where (doc.fullName like 'Main.%' or doc.fullName like 'Schools.%') and doc.fullName not like '%.WebPreferences' order by doc.date desc", 10)) 43 43 #if($recentDocs.size() > 0) ... ... @@ -47,17 +47,40 @@ 47 47 <li class="recent-changes-item"> 48 48 <span class="recent-changes-icon"></span> 49 49 <span class="recent-changes-title"><a href="$rdoc.getURL('view')">$!escapetool.xml($rdoc.displayTitle)</a> が更新されました</span> 50 - <span class="recent-changes-meta" >$xwiki.formatDate($rdoc.date,'yyyy/MM/dd HH:mm')</span>85 + <span class="recent-changes-meta" data-ts="$rdoc.date.time">$datetool.format('yyyy/MM/dd HH:mm', $rdoc.date)</span> 51 51 </li> 52 52 #end 53 53 </ul> 54 54 #else 55 - <div style="text-align:center;padding:40px 20px;color:var(--text-light);">56 - <svg style="width:3em;height:3em;display:block;margin:0 auto 12px;opacity:0.4;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;" 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"/></svg>90 + <div class="home-empty-state"> 91 + <svg class="home-empty-icon" 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"/></svg> 57 57 <p>まだ更新はありません。</p> 58 - <p style="font-size:0.9em;">学校ページを作成して、活動を共有しましょう!</p>93 + <p class="home-empty-sub">学校ページを作成して、活動を共有しましょう!</p> 59 59 </div> 60 60 #end 61 61 </div> 97 + 98 +<div class="home-bottom-cta"> 99 + <a href="$xwiki.getURL('Schools.WebHome', 'view')" class="home-bottom-cta-btn"> 100 + <svg class="ico" 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> 101 + 学校一覧を見る 102 + <svg class="ico ico-fixed-12" viewBox="0 0 24 24"><polyline points="9 18 15 12 9 6"/></svg> 103 + </a> 104 +</div> 105 + 106 +<script> 107 +// タイムスタンプをユーザーのローカルタイムゾーンで表示 108 +document.querySelectorAll('[data-ts]').forEach(function(el) { 109 + var ts = parseInt(el.getAttribute('data-ts')); 110 + if (isNaN(ts)) return; 111 + var d = new Date(ts); 112 + var y = d.getFullYear(); 113 + var m = ('0' + (d.getMonth() + 1)).slice(-2); 114 + var day = ('0' + d.getDate()).slice(-2); 115 + var h = ('0' + d.getHours()).slice(-2); 116 + var min = ('0' + d.getMinutes()).slice(-2); 117 + el.textContent = y + '/' + m + '/' + day + ' ' + h + ':' + min; 118 +}); 119 +</script> 62 62 {{/html}} 63 63 {{/velocity}}