Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Julien Jerphanion
Rex Dri
Commits
e96dfcb7
Commit
e96dfcb7
authored
Sep 07, 2018
by
Florent Chehab
Browse files
Tweaks on resize
parent
ae20d1f4
Changes
1
Hide whitespace changes
Inline
Side-by-side
frontend/src/components/university/UniversityTemplate.js
View file @
e96dfcb7
...
...
@@ -43,6 +43,18 @@ class UniversityTemplate extends React.Component {
value
:
0
,
};
handlerResize
()
{
this
.
forceUpdate
();
}
componentDidMount
()
{
window
.
addEventListener
(
"
resize
"
,
this
.
handlerResize
.
bind
(
this
));
}
componentWillUnmount
()
{
window
.
addEventListener
(
"
resize
"
,
this
.
handlerResize
.
bind
(
this
));
}
handleChange
=
(
event
,
value
)
=>
{
this
.
setState
({
value
});
};
...
...
@@ -50,23 +62,28 @@ class UniversityTemplate extends React.Component {
render
()
{
const
{
classes
}
=
this
.
props
;
const
{
value
}
=
this
.
state
;
const
w
=
window
,
d
=
document
,
documentElement
=
d
.
documentElement
,
body
=
d
.
getElementsByTagName
(
'
body
'
)[
0
],
width
=
w
.
innerWidth
||
documentElement
.
clientWidth
||
body
.
clientWidth
,
height
=
w
.
innerHeight
||
documentElement
.
clientHeight
||
body
.
clientHeight
;
return
(
<
div
>
<
div
>
<
CoverGallery
><
/CoverGallery
>
<
CoverGallery
><
/CoverGallery
>
<
/div
>
<
div
className
=
{
classes
.
root
}
>
<
AppBar
position
=
"
sticky
"
color
=
"
default
"
>
<
Tabs
value
=
{
value
}
onChange
=
{
this
.
handleChange
}
scrollable
scrollable
=
{
width
<
1000
?
true
:
false
}
centered
=
{
width
>=
1000
?
true
:
false
}
scrollButtons
=
"
on
"
indicatorColor
=
"
primary
"
textColor
=
"
primary
"
centered
>
<
Tab
label
=
"
Généralités
"
icon
=
{
<
PhoneIcon
/>
}
/
>
<
Tab
label
=
"
Précédents départs
"
icon
=
{
<
HelpIcon
/>
}
/
>
...
...
@@ -75,7 +92,7 @@ class UniversityTemplate extends React.Component {
<
Tab
label
=
"
Autres
"
icon
=
{
<
ShoppingBasket
/>
}
/
>
<
/Tabs
>
<
/AppBar
>
{
value
===
0
&&
<
TabContainer
>
Item
One
<
Lorem
count
=
{
10
}
/></
TabContainer
>
}
{
value
===
0
&&
<
TabContainer
>
Item
One
<
Lorem
count
=
{
10
}
/></
TabContainer
>
}
{
value
===
1
&&
<
TabContainer
>
Item
Two
<
/TabContainer>
}
{
value
===
2
&&
<
TabContainer
>
Item
Three
<
/TabContainer>
}
{
value
===
3
&&
<
TabContainer
>
Item
Four
<
/TabContainer>
}
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new 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