Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Open sidebar
embl.org
html-sites
embl-jobs-pages
Commits
e6f96a91
Commit
e6f96a91
authored
Jun 17, 2021
by
Nitin Jadhav
Browse files
added testomonials
parent
a2e28f7c
Pipeline
#167145
passed with stages
in 4 minutes and 20 seconds
Changes
4
Pipelines
1
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
151 additions
and
29 deletions
+151
-29
src/components/job-details/JobDetails.jsx
src/components/job-details/JobDetails.jsx
+2
-29
src/components/job-details/Testimony.jsx
src/components/job-details/Testimony.jsx
+136
-0
src/helpers/helpers.js
src/helpers/helpers.js
+13
-0
src/images/patricio-mateus.jpg
src/images/patricio-mateus.jpg
+0
-0
No files found.
src/components/job-details/JobDetails.jsx
View file @
e6f96a91
...
...
@@ -15,6 +15,7 @@ import { EmblFooter } from "../EmblFooter";
import
{
EBICards
}
from
"
../EBICards
"
;
import
{
VfIntro
}
from
"
component-templates/VFIntro
"
;
import
{
useScrollToTop
}
from
"
../../helpers/useScrollToTop
"
;
import
Testimony
from
"
./Testimony
"
;
const
shortcutLinks
=
[
{
...
...
@@ -302,35 +303,7 @@ export function JobDetails({ location }) {
)
}
</
section
>
{
/* testimony */
}
{
isLocationHinxton
&&
currentJob
.
field_jobs_advertise_grade
.
includes
(
"
5 or 6
"
)
&&
currentJob
.
field_jobs_type
.
includes
(
"
Software Development and Engineering
"
)
&&
(
<
section
className
=
"embl-grid embl-grid--has-sidebar"
data
-
vf
-
google
-
analytics
-
region
=
"description-staff-image"
itemProp
=
"description"
>
<
div
>
{
/* empty */
}
</
div
>
<
div
className
=
"vf-content"
>
<
figure
className
=
"vf-figure"
>
<
img
className
=
"vf-figure__image"
src
=
"https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg"
alt
=
"Image of EMBL-EBI staff member at her desk"
loading
=
"lazy"
/>
<
figcaption
className
=
"vf-figure__caption vf-blockquote"
>
"Since my first day at EMBL-EBI, I have cherished how
friendly, helpful and talented everyone is. I particularly
like the lively exchange of knowledge on campus." Anja
Thormann, Software Developer
</
figcaption
>
</
figure
>
</
div
>
</
section
>
)
}
{
isLocationHinxton
&&
<
Testimony
job
=
{
currentJob
}
/>
}
{
/* what else you need to know */
}
<
section
...
...
src/components/job-details/Testimony.jsx
0 → 100644
View file @
e6f96a91
import
BioInformaticsMateus
from
"
images/patricio-mateus.jpg
"
;
import
{
parseGrade
}
from
"
../../helpers/helpers
"
;
export
default
function
Testimony
({
job
=
{}
})
{
const
{
field_jobs_type
:
jobType
,
title
}
=
job
;
// format of job grade string is "5 - 6 (monthly salary starting at $1234)". This converts it into a number
const
jobGrade
=
parseGrade
(
job
.
field_jobs_advertise_grade
);
// only if its a leader and grade is >= 9
if
(
title
?.
toLowerCase
()?.
includes
(
"
team leader
"
)
&&
jobGrade
>=
9
)
{
return
(
<
TestimonyComponent
image
=
{
"
https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/Jobs/YATES_Andy_DiNA_EMBL-EBI_2016.jpg
"
}
quote
=
"We have a lot of smart people here. I really enjoy making sure they have the right environment to maximise their potential."
author
=
"Andy Yates, Team Leader"
/>
);
}
if
(
jobType
.
includes
(
"
Software Development
"
))
{
// Grade 4, 5
if
(
jobGrade
===
4
||
jobGrade
===
5
)
{
return
(
<
TestimonyComponent
image
=
{
"
https://acxngcvroo.cloudimg.io/v7/https://www.embl.org/files/wp-content/uploads/THORMAN_Anja_EMBL-EBI_2016.jpeg.jpg
"
}
quote
=
"
Since
my
first
day
at
EMBL
-
EBI
,
I
have
cherished
how
friendly
,
helpful
and
talented
everyone
is
.
I
particularly
like
the
lively
exchange
of
knowledge
on
campus
."
author
=
"Anja Thormann, Software Developer, Variation team"
/>
);
}
else
if
(
jobGrade
===
6
||
jobGrade
===
7
)
{
return
(
<
TestimonyComponent
image
=
{
"
https://acxngcvroo.cloudimg.io/v7/https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/Jobs/HAWKINS_Ken_EMBL-EBI_2016.jpg
"
}
quote
=
"
There
’
s
a
lot
of
opportunity
to
design
for
the
need
of
content
and
users
,
and
to
use
web
tools
to
understand
how
users
engage
with
content
."
author
=
"Ken Hawkins, Web Designer"
/>
);
}
}
if
(
jobType
.
includes
(
"
IT and Infrastructure
"
))
{
return
(
<
TestimonyComponent
image
=
{
"
https://acxngcvroo.cloudimg.io/v7/https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/communications/Tim%20Dyce%20copy%20770x289.jpg
"
}
quote
=
"
What
EMBL
-
EBI
does
is
extremely
positive
and
I
wanted
to
be
a
part
of
that
.
Throughout
my
career
,
I
’
ve
always
tried
to
take
on
roles
where
I
can
go
home
in
the
evenings
feeling
I
have
done
something
to
support
an
organisation
that
seeks
to
be
altruistic
."
author
=
"Tim Dyce, Head of Infrastructure Services"
/>
);
}
if
(
jobType
.
includes
(
"
Bioinformatics
"
)
&&
(
jobGrade
===
5
||
jobGrade
===
6
)
)
{
return
(
<
TestimonyComponent
image
=
{
BioInformaticsMateus
}
quote
=
"
I
often
find
myself
involved
with
completely
new
tasks
that
require
me
to
be
dynamic
and
learn
a
whole
new
set
of
skills
.
You
arrive
here
with
a
set
of
skills
and
knowledge
,
but
you
will
probably
leave
having
learned
a
lot
more
."
author
=
"Mateus Patricio, Bioinformatician"
/>
);
}
if
(
jobType
.
includes
(
"
Postdoctoral Fellowship
"
)
||
jobType
.
includes
(
"
Predoctoral Fellowship
"
)
)
{
return
(
<
TestimonyComponent
image
=
{
"
https://www.ebi.ac.uk/sites/ebi.ac.uk/files/resize/groups/external_relations/images/People/Sara_Saheb_Kashaf_PhD1-770x289.jpg
"
}
quote
=
"
Environment
matters
a
lot
more
than
you
think
.
I
picked
my
supervisors
primarily
based
on
the
research
coming
out
of
their
groups
.
I
didn
’
t
expect
that
they
would
also
turn
out
to
be
amazing
mentors
."
author
=
"Sara Saheb Kashaf, PhD student"
/>
);
}
if
(
jobType
.
includes
(
"
Administration
"
))
{
return
(
<
TestimonyComponent
image
=
{
"
https://www.ebi.ac.uk/sites/ebi.ac.uk/files/groups/external_relations/images/People/Gemma_Wood_770x400.jpeg
"
}
quote
=
"People get satisfaction out of seeing their work make a difference, so I encourage my team to look at outcomes and impact."
author
=
"Gemma Wood, Head of Communications"
/>
);
}
return
null
;
}
const
TestimonyComponent
=
({
image
,
quote
,
author
})
=>
{
return
(
<
section
className
=
"embl-grid embl-grid--has-sidebar"
data
-
vf
-
google
-
analytics
-
region
=
"description-staff-image"
itemProp
=
"description"
>
<
div
>
{
/* empty */
}
</
div
>
<
div
className
=
"vf-content"
>
<
figure
className
=
"vf-figure"
>
<
img
className
=
"vf-figure__image"
src
=
{
image
}
alt
=
"Image of EMBL-EBI staff member at her desk"
loading
=
"lazy"
/>
<
figcaption
className
=
"vf-figure__caption vf-blockquote"
>
"
{
quote
}
"
<
br
/>
{
author
}
</
figcaption
>
</
figure
>
</
div
>
</
section
>
);
};
src/helpers/helpers.js
View file @
e6f96a91
...
...
@@ -24,3 +24,16 @@ export const VfClassNormalize = function VfCssClassNormalize(...classList) {
.
filter
((
items
)
=>
items
)
//removes falsy items
.
join
(
"
"
);
};
/* Parses grade from string
Example inputs: "Grade 9 - 10", "9", "", "Grade 6 or 7" */
export
function
parseGrade
(
input
)
{
if
(
!
input
)
{
return
0
;
}
const
parsedInt
=
input
.
match
(
/
\d
+/
);
if
(
parsedInt
)
{
return
Number
(
parsedInt
);
}
return
0
;
}
src/images/patricio-mateus.jpg
0 → 100644
View file @
e6f96a91
29.5 KB
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment