Skip to Content

Changes for page 学校一覧

Last modified by Super Admin on 2026/03/23 10:15
From version Icon 10.1 Icon
edited by Super Admin
on 2026/03/06 22:09
Change comment: There is no comment for this version
To version Icon 11.1 Icon
edited by Super Admin
on 2026/03/06 22:14
Change comment: There is no comment for this version

Summary

Details

Icon Page properties
Content
... ... @@ -18,20 +18,18 @@
18 18  #set($results = $query.execute())
19 19  
20 20  {{html clean="false"}}
21 -<h1 class="home-section-title" style="font-size:1.4em;margin-bottom:20px;">登録されている学校</h1>
22 -<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;">
23 - <div style="font-size:0.9em;color:#64748b;">
21 +<h1 class="home-section-title">登録されている学校</h1>
22 +<div class="sort-header">
23 + <div class="school-count">
24 24   $results.size() 校が登録されています
25 25   </div>
26 - <div style="display:flex;gap:4px;background:#f1f5f9;border-radius:8px;padding:3px;">
26 + <div class="sort-toggle-group">
27 27   <a href="$doc.getURL('view', 'sort=updated')"
28 - style="padding:6px 14px;border-radius:6px;font-size:0.84em;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px;
29 - #if($sortParam == 'updated')background:#fff;color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,0.1);#else color:#64748b;#end">
28 + class="sort-toggle #if($sortParam == 'updated')active#end">
30 30   <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 更新順
31 31   </a>
32 32   <a href="$doc.getURL('view', 'sort=pref')"
33 - style="padding:6px 14px;border-radius:6px;font-size:0.84em;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px;
34 - #if($sortParam == 'pref')background:#fff;color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,0.1);#else color:#64748b;#end">
32 + class="sort-toggle #if($sortParam == 'pref')active#end">
35 35   <svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg> 都道府県順
36 36   </a>
37 37   </div>
... ... @@ -44,7 +44,7 @@
44 44  #set($currentPref = '')
45 45  
46 46  {{html clean="false"}}
47 -<div style="display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px;">
45 +<div class="school-card-grid">
48 48  #foreach($docName in $results)
49 49   #set($schoolDoc = $xwiki.getDocument($docName))
50 50   #set($schoolObj = $schoolDoc.getObject('SeitokaiCode.SchoolClass'))
... ... @@ -75,25 +75,20 @@
75 75   ## 都道府県グループヘッダー（都道府県順の場合）
76 76   #if($sortParam == 'pref' && $sPref != $currentPref)
77 77   #set($currentPref = $sPref)
78 - <div style="grid-column:1/-1;margin-top:12px;padding:8px 0;border-bottom:2px solid #e2e8f0;">
79 - <span style="font-size:1.05em;font-weight:700;color:#1e293b;display:inline-flex;align-items:center;gap:4px;"><svg class="ico ico-fixed-16" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg> $!escapetool.xml($currentPref)</span>
76 + <div class="pref-group-header">
77 + <span class="pref-group-label"><svg class="ico ico-fixed-16" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg> $!escapetool.xml($currentPref)</span>
80 80   </div>
81 81   #end
82 82  
83 - <a href="$schoolDoc.getURL('view')" style="text-decoration:none;color:inherit;display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow 0.2s,transform 0.1s;"
84 - onmouseover="this.style.boxShadow='0 4px 12px rgba(0,0,0,0.08)';this.style.transform='translateY(-1px)'"
85 - onmouseout="this.style.boxShadow='';this.style.transform=''">
86 - <div style="padding:16px 20px;">
87 - <div style="display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap;">
88 - <div style="font-weight:700;font-size:0.95em;color:#1e293b;">$!escapetool.xml($sName)</div>
81 + <a href="$schoolDoc.getURL('view')" class="school-card">
82 + <div class="school-card-body">
83 + <div class="school-card-header-row">
84 + <div class="school-card-name">$!escapetool.xml($sName)</div>
89 89   #if($sEst)
90 - <span style="font-size:0.72em;padding:2px 8px;border-radius:4px;font-weight:600;
91 - #if($sEst == '公立')background:#dbeafe;color:#1d4ed8;
92 - #elseif($sEst == '私立')background:#fce7f3;color:#be185d;
93 - #else background:#f3e8ff;color:#7c3aed;#end">$!escapetool.xml($sEst)</span>
86 + <span class="school-card-badge #if($sEst == '公立')public#elseif($sEst == '私立')private#else national#end">$!escapetool.xml($sEst)</span>
94 94   #end
95 95   </div>
96 - <div style="font-size:0.82em;color:#94a3b8;margin-bottom:8px;">
89 + <div class="school-card-meta">
97 97   $!escapetool.xml($sPref) $!escapetool.xml($sCity)
98 98   #if($sCoed) ・ $!escapetool.xml($sCoed)#end
99 99   #if($sSystem) ・ $!escapetool.xml($sSystem)#end
... ... @@ -100,14 +100,14 @@
100 100   </div>
101 101   ## 特色ある活動バッジ
102 102   #if($featuredCount > 0)
103 - <div style="display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px;">
104 - <span style="font-size:0.72em;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;gap:3px;"><svg class="ico ico-fixed-14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 特色ある活動 ${featuredCount}件</span>
96 + <div class="school-card-featured-wrap">
97 + <span class="badge-featured"><svg class="ico ico-fixed-14" viewBox="0 0 24 24" fill="currentColor" stroke="none"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 特色ある活動 ${featuredCount}件</span>
105 105   </div>
106 106   #end
107 - <div style="display:flex;gap:14px;font-size:0.8em;color:#94a3b8;">
108 - <span style="display:inline-flex;align-items:center;gap:3px;"><svg class="ico ico-fixed-14" 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> 活動 <strong style="color:#334155;">$actCount</strong>件</span>
109 - <span style="display:inline-flex;align-items:center;gap:3px;"><svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> 投稿 <strong style="color:#334155;">$postCount</strong>件</span>
110 - <span style="display:inline-flex;align-items:center;gap:3px;"><svg class="ico ico-fixed-14" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 更新 $lastUpdate</span>
100 + <div class="school-card-stats">
101 + <span><svg class="ico ico-fixed-14" 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> 活動 <span class="num">$actCount</span>件</span>
102 + <span><svg class="ico ico-fixed-14" viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> 投稿 <span class="num">$postCount</span>件</span>
103 + <span><svg class="ico ico-fixed-14" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> 更新 $lastUpdate</span>
111 111   </div>
112 112   </div>
113 113   </a>