Thank you Chad,
I believe I was able to find a solution:
If I change the following statement in /var/lib/tomcat7/webapps/lti/WEB-INF/grails-app/views/tool/index.gsp
<g:if test="${ismoderator || r.published || 'true'}">
as
<g:if test="${ismoderator || r.published && 'true'}">
then student role is able to see the list of recordings. However, this time the thumbnails for student role are aligned vertically, which makes the cells a bit vertically-growing (see attached screenshot1.png). I found a temporary solution by removing line 55 in /var/lib/tomcat7/webapps/lti/WEB-INF/grails-app/views/tool/index.gsp (see attached screenshot2.png)
52 <g:if test="${r.published}">
53 <div>
54 <g:each in="${r.thumbnails}" var="thumbnail">
55 - <img src="${thumbnail.content}" class="thumbnail"></img>
56 </g:each>
57 </div>
58 </g:if>