unclean SPARC
This commit is contained in:
@@ -0,0 +1,157 @@
|
||||
<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>
|
||||
@@ -0,0 +1,37 @@
|
||||
class CoachingCoachDashboardView extends EICDomContent {
|
||||
|
||||
DOMContentLoaded() {
|
||||
|
||||
let profileBt = this.find('.profile button');
|
||||
profileBt.addEventListener('click', this.onProfileEdit.bind(this));
|
||||
|
||||
let coachings = this.findAll('.list button')
|
||||
|
||||
for(let button of coachings) {
|
||||
button.addEventListener('click', this.onCoachingSelect.bind(this));
|
||||
}
|
||||
|
||||
this.components = ui.eicfy(this.el);
|
||||
|
||||
}
|
||||
|
||||
onProfileEdit(event) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
|
||||
let id = 1;
|
||||
|
||||
app.Router.route(`/coachings/coaches/${id}`, { });
|
||||
}
|
||||
|
||||
onCoachingSelect(event) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
//let id = event.dataset.id;
|
||||
|
||||
app.Router.route(`/coachings/coaching/1`, { });
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
app.registerClass('CoachingCoachDashboardView', CoachingCoachDashboardView);
|
||||
@@ -0,0 +1,12 @@
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<article eiccard class="coaching-coach-activity">
|
||||
<header>
|
||||
<h1>My Coaching activity</h1>
|
||||
<h2></h2>
|
||||
</header>
|
||||
<section>
|
||||
|
||||
</section>
|
||||
</article>
|
||||
@@ -0,0 +1,9 @@
|
||||
class CoachingCoachView extends EICDomContent {
|
||||
|
||||
DOMContentLoaded() {
|
||||
ui.eicfy(this.el)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
app.registerClass('CoachingCoachView', CoachingCoachView);
|
||||
Reference in New Issue
Block a user