157 lines
6.7 KiB
HTML
157 lines
6.7 KiB
HTML
<style>
|
|
.coaching-coach-dashboard > header {
|
|
background: url('/app/assets/images/cards/applicant-dashboard.jpg');
|
|
background-position: center;
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat;
|
|
border-bottom: 4px solid white !important;
|
|
}
|
|
.coaching-coach-dashboard .list {
|
|
display: grid;
|
|
grid-gap: var(--eicui-base-spacing-m);
|
|
grid-template-columns: repeat(auto-fill, 240px);
|
|
}
|
|
.coaching-coach-dashboard .profile {
|
|
min-width: 320px;
|
|
max-height: 380px;
|
|
overflow: visible !important;
|
|
overflow-y: auto !important;
|
|
|
|
}
|
|
</style>
|
|
<article eiccard media class="coaching-coach-dashboard">
|
|
<header>
|
|
<h1>My Coaching activities</h1>
|
|
<h2>(for Coaches)</h2>
|
|
</header>
|
|
<section>
|
|
<div class="cols-2 left">
|
|
<div>
|
|
<article eiccard collapsable collapsed class="profile">
|
|
<header>
|
|
<h1>My Profile</h1>
|
|
<h2>
|
|
<span xsmall info danger eicchip>ending 3 march 2024</span>
|
|
</h2>
|
|
</header>
|
|
<section>
|
|
<label xsmall>Industrial domains</label>
|
|
<div>
|
|
<span xsmall info eicchip>Biotechnology</span>
|
|
</div>
|
|
<label xsmall>Countries of expertise</label>
|
|
<div>
|
|
<span xsmall info eicchip>Belgium</span>
|
|
<span xsmall info eicchip>Germany</span>
|
|
<span xsmall info eicchip badge="+2">France</span>
|
|
</div>
|
|
<label xsmall>Summary</label>
|
|
<div small info>
|
|
Lorem ipsum sit amet doloris que...
|
|
</div>
|
|
<label xsmall>keywords</label>
|
|
<div>
|
|
<span xsmall info eicchip>EIC expert</span>
|
|
<span xsmall info eicchip>track record</span>
|
|
<span xsmall info eicchip badge="+14">climate tech</span>
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div class="cols-1 right">
|
|
<button eicbutton xsmall primary>Edit my profile</button>
|
|
</div>
|
|
</footer>
|
|
</article>
|
|
<article eiccard danger class="todos">
|
|
<header>
|
|
<h1>TODO List</h1>
|
|
</header>
|
|
<section>
|
|
<ul bulleted>
|
|
<li>1 invitation pending</li>
|
|
<li>A timesheet has been approved</li>
|
|
<li>A timesheet has been rejected</li>
|
|
</ul>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
<div>
|
|
<article eiccard class="invitations" collapsable>
|
|
<header>
|
|
<h1>Invitations</h1>
|
|
<h2>
|
|
<span eicchip xsmall warning>1 invitation pending</span>
|
|
</h2>
|
|
</header>
|
|
<section>
|
|
<div class="list">
|
|
<article eiccard>
|
|
<header>
|
|
<h1>adasd</h1>
|
|
<h2>190200064</h2>
|
|
</header>
|
|
<section>
|
|
<span eicchip xsmall primary>short 1.0</span>
|
|
<span eicchip xsmall info>evaluation-finalised</span>
|
|
</section>
|
|
<footer>
|
|
<div class="cols-2 center noflex"><button eicbutton primary xsmall aria-enabled="true" role="button" aria-label="Button"><span>view</span></button></div>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
<article eiccard class="coachings" collapsable>
|
|
<header>
|
|
<h1>Ongoing coachings</h1>
|
|
<h2>
|
|
<span eicchip xsmall warning>1 timesheet approved</span>
|
|
<span eicchip xsmall info>1 evaluated</span>
|
|
|
|
</h2>
|
|
</header>
|
|
<section>
|
|
<div class="list">
|
|
<article eiccard>
|
|
<header>
|
|
<h1>Betacom</h1>
|
|
<h2>192300067</h2>
|
|
</header>
|
|
<section>
|
|
<span eicchip xsmall info>evaluated</span>
|
|
</section>
|
|
<footer>
|
|
<div class="cols-2 center noflex"><button eicbutton primary xsmall aria-enabled="true" role="button" aria-label="Button"><span>view</span></button></div>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
</article>
|
|
<article eiccard class="archives" collapsable collapsed>
|
|
<header>
|
|
<h1>Past coachings</h1>
|
|
<h2></h2>
|
|
</header>
|
|
<section>
|
|
<div class="list">
|
|
<article eiccard>
|
|
<header>
|
|
<h1>Betacom</h1>
|
|
<h2>192300067</h2>
|
|
</header>
|
|
<section>
|
|
<span eicchip xsmall info>evaluated</span>
|
|
</section>
|
|
<footer>
|
|
<div class="cols-2 center noflex"><button eicbutton primary xsmall aria-enabled="true" role="button" aria-label="Button"><span>view</span></button></div>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article> |