Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Privacy
Imprint
Contact
Login methods
Sign in
Toggle navigation
Menu
Open sidebar
Tim Häuser
ARSnova Mobile
Commits
c86d972c
Commit
c86d972c
authored
May 15, 2015
by
Andreas Gärtner
Browse files
Task #15834: Add button resize methods to HomePanel and MySessionsPanel
parent
1c402447
Changes
3
Hide whitespace changes
Inline
Side-by-side
src/main/webapp/app/view/home/HomePanel.js
View file @
c86d972c
...
...
@@ -215,6 +215,11 @@ Ext.define('ARSnova.view.home.HomePanel', {
});
}
});
this
.
on
(
'
resize
'
,
function
()
{
this
.
resizeSessionButtons
();
this
.
resizeLastVisitedSessionButtons
();
});
},
checkLogin
:
function
()
{
...
...
@@ -240,6 +245,34 @@ Ext.define('ARSnova.view.home.HomePanel', {
});
},
resizeSessionButtons
:
function
()
{
var
buttons
=
this
.
mySessionsForm
.
getInnerItems
()[
0
].
getInnerItems
();
var
offset
=
this
.
mySessionsForm
.
bodyElement
.
dom
.
firstChild
.
offsetLeft
*
2
;
var
width
=
this
.
element
.
dom
.
clientWidth
;
buttons
.
forEach
(
function
(
button
)
{
if
(
width
<
720
)
{
button
.
setWidth
(
width
-
offset
);
}
else
{
button
.
setWidth
(
'
100%
'
);
}
});
},
resizeLastVisitedSessionButtons
:
function
()
{
var
buttons
=
this
.
lastVisitedSessionsForm
.
getInnerItems
()[
0
].
getInnerItems
();
var
offset
=
this
.
lastVisitedSessionsForm
.
bodyElement
.
dom
.
firstChild
.
offsetLeft
*
2
;
var
width
=
this
.
element
.
dom
.
clientWidth
;
buttons
.
forEach
(
function
(
button
)
{
if
(
width
<
720
)
{
button
.
setWidth
(
width
-
offset
);
}
else
{
button
.
setWidth
(
'
100%
'
);
}
});
},
loadVisitedSessions
:
function
()
{
if
(
ARSnova
.
app
.
userRole
===
ARSnova
.
app
.
USER_ROLE_SPEAKER
)
{
return
;
...
...
@@ -252,6 +285,7 @@ Ext.define('ARSnova.view.home.HomePanel', {
ARSnova
.
app
.
restProxy
.
getMyVisitedSessions
({
success
:
function
(
sessions
)
{
me
.
displaySessions
(
sessions
,
me
.
lastVisitedSessionsForm
,
hideLoadingMask
);
me
.
resizeLastVisitedSessionButtons
();
if
(
sessions
.
length
>
0
)
{
promise
.
resolve
(
sessions
);
}
else
{
...
...
@@ -288,6 +322,7 @@ Ext.define('ARSnova.view.home.HomePanel', {
success
:
function
(
response
)
{
var
sessions
=
Ext
.
decode
(
response
.
responseText
);
me
.
displaySessions
(
sessions
,
me
.
mySessionsForm
,
hideLoadingMask
);
me
.
resizeSessionButtons
();
if
(
sessions
.
length
>
0
)
{
promise
.
resolve
(
sessions
);
}
else
{
...
...
src/main/webapp/app/view/home/MySessionsPanel.js
View file @
c86d972c
...
...
@@ -365,6 +365,39 @@ Ext.define('ARSnova.view.home.MySessionsPanel', {
this
.
logoutButton
.
addCls
(
'
thm
'
);
}
});
this
.
on
(
'
resize
'
,
function
()
{
this
.
resizeMySessionsButtons
();
this
.
resizeLastVisitedSessionButtons
();
});
},
resizeMySessionsButtons
:
function
()
{
var
buttons
=
this
.
sessionsForm
.
getInnerItems
()[
0
].
getInnerItems
();
var
offset
=
this
.
sessionsForm
.
bodyElement
.
dom
.
firstChild
.
offsetLeft
*
2
;
var
width
=
this
.
element
.
dom
.
clientWidth
;
buttons
.
forEach
(
function
(
button
)
{
if
(
width
<
720
)
{
button
.
setWidth
(
width
-
offset
);
}
else
{
button
.
setWidth
(
'
100%
'
);
}
});
},
resizeLastVisitedSessionButtons
:
function
()
{
var
buttons
=
this
.
lastVisitedSessionsForm
.
getInnerItems
()[
0
].
getInnerItems
();
var
offset
=
this
.
lastVisitedSessionsForm
.
bodyElement
.
dom
.
firstChild
.
offsetLeft
*
2
;
var
width
=
this
.
element
.
dom
.
clientWidth
;
buttons
.
forEach
(
function
(
button
)
{
if
(
width
<
720
)
{
button
.
setWidth
(
width
-
offset
);
}
else
{
button
.
setWidth
(
'
100%
'
);
}
});
},
loadCreatedSessions
:
function
()
{
...
...
@@ -436,6 +469,7 @@ Ext.define('ARSnova.view.home.MySessionsPanel', {
}
hideLoadMask
();
me
.
resizeMySessionsButtons
();
promise
.
resolve
(
sessions
);
},
empty
:
Ext
.
bind
(
function
()
{
...
...
@@ -587,12 +621,15 @@ Ext.define('ARSnova.view.home.MySessionsPanel', {
iconCls
=
"
icon-cloud thm-green
"
;
}
// Minimum width of 481px equals at least landscape view
var
displaytext
=
window
.
innerWidth
>
481
?
session
.
name
:
session
.
shortName
;
var
sessionkey
=
'
<span class="sessionButtonKeyword"> (
'
+
session
.
keyword
+
'
)</span>
'
;
var
displaytext
=
window
.
innerWidth
>
481
?
Ext
.
util
.
Format
.
htmlEncode
(
session
.
name
)
+
sessionkey
:
Ext
.
util
.
Format
.
htmlEncode
(
session
.
shortName
);
var
sessionButton
=
Ext
.
create
(
'
ARSnova.view.MultiBadgeButton
'
,
{
xtype
:
'
button
'
,
ui
:
'
normal
'
,
text
:
Ext
.
util
.
Format
.
htmlEncode
(
displaytext
)
,
text
:
displaytext
,
cls
:
'
forwardListButton
'
,
iconCls
:
iconCls
,
controller
:
'
sessions
'
,
...
...
@@ -603,6 +640,7 @@ Ext.define('ARSnova.view.home.MySessionsPanel', {
});
sessionButton
.
setBadge
([{
badgeText
:
session
.
numUnanswered
,
badgeCls
:
"
questionsBadgeIcon
"
}]);
panel
.
lastVisitedSessionsForm
.
addEntry
(
sessionButton
);
panel
.
resizeLastVisitedSessionButtons
();
if
(
!
session
.
active
)
{
panel
.
down
(
'
button[text=
'
+
displaytext
+
'
]
'
).
addCls
(
"
isInactive
"
);
...
...
src/main/webapp/resources/sass/app/_general.scss
View file @
c86d972c
...
...
@@ -237,3 +237,20 @@
-webkit-user-select
:
text
;
}
}
.matrixButton.roleIconBtn
{
margin-bottom
:
40px
;
background
:
transparent
!
important
;
width
:
70px
;
padding
:
0px
!
important
;
.iconBtn
{
width
:
70px
;
background
:
transparent
!
important
;
.iconBtnImg
{
font-size
:
70px
!
important
;
margin
:
5px
0px
0px
0px
;
}
}
}
Write
Preview
Supports
Markdown
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