Files
P42_UI/app/views/coachings/admin/CoachingAdminDashboardView.html
T
2025-08-27 07:03:09 +00:00

97 lines
4.3 KiB
HTML

<style>
.coaching-admin-dashboard .filter { min-height: 380px; }
.coaching-admin-dashboard .metrics { min-width: 240px; }
.coaching-admin-dashboard .coachings .row { grid-template-columns: 106px 1fr 3fr 3fr 2fr 1fr 1fr 88px; }
.coaching-admin-dashboard .organisations .row { grid-template-columns: 1fr 5fr 1fr 48px; }
.coaching-admin-dashboard .organisations .sublist .row { grid-template-columns: 106px 3fr 1fr 2fr 1fr 1fr 88px; }
.coaching-admin-dashboard .coaches .row { grid-template-columns: 1fr 4fr 4fr 1fr 1fr 48px; }
.coaching-admin-dashboard .coachings .row .cell:nth-child(3),
.coaching-admin-dashboard .coachings .row .cell:nth-child(6),
.coaching-admin-dashboard .coachings .row .cell:nth-child(7),
.coaching-admin-dashboard .coachings .row .cell:nth-child(8)
{ text-align: center; }
.coaching-admin-dashboard .organisations .row .cell:nth-child(4)
{ text-align: center; }
.coaching-admin-dashboard .organisations .sublist header .row { background: none;}
.coaching-admin-dashboard .organisations .sublist .row .cell:nth-child(4),
.coaching-admin-dashboard .organisations .sublist .row .cell:nth-child(5),
.coaching-admin-dashboard .organisations .sublist .row .cell:nth-child(6),
.coaching-admin-dashboard .organisations .sublist .row .cell:nth-child(7)
{ text-align: center; }
.coaching-admin-dashboard .coaches .row .cell:nth-child(5),
.coaching-admin-dashboard .coaches .row .cell:nth-child(6)
{ text-align: center; }
</style>
<article eiccard class="coaching-admin-dashboard">
<header>
<h1>Coaching Activities Monitoring</h1>
<h2>(for admins)</h2>
</header>
<section>
<article eiccard class="filter chart">
<section>
<div class="cols-2 right top">
<div eicnodemap></div>
<button eicbutton small rounded primary class="menu icon-search"></button>
</div>
</section>
</article>
<article eiccard class="filter search">
<section>
<div class="cols-2 left top">
<button eicbutton small rounded primary class="menu icon-angle-left"></button>
<div>
<input eicinput type="search" name="q" placeholder="free search" />
<div class="cols-4">
<div>
<label small>cutoff</label>
<select eicselect></select>
</div>
<div>
<label small>status</label>
<select eicselect></select>
</div>
</div>
</div>
</div>
</section>
</article>
<div class="cols-2 left">
<div class="metrics">
<article eiccard danger>
<header>
<h1>TODO List</h1>
</header>
<section>
<ul bulleted xsmall>
<li>Plans need approval</li>
<li>Coaching requests</li>
</ul>
</section>
</article>
</div>
<article eiccard >
<section>
<div class="result-menu tabs-extended">
<menu eictab small badges>
<li>Coachings<span xxsmall eicbadge danger>2</span></li>
<li>Organisations<span xxsmall eicbadge danger>2</span></li>
<li>Coaches<span xxsmall eicbadge danger>1</span></li>
</menu>
</div>
<div class="result coachings">
<div eicdatagrid></div>
</div>
<div class="result organisations">
<div eicdatagrid></div>
</div>
<div class="result coaches">
<div eicdatagrid></div>
</div>
</section>
</article>
</div>
</section>
</article>