Skip to content

Commit 2d18cb6

Browse files
jfedericojfederico
committed
bbb-lti_v0.1.1: Added bootstrap style presentation to the index.gsp page
1 parent 46bcebf commit 2d18cb6

File tree

7 files changed

+6167
-5
lines changed

7 files changed

+6167
-5
lines changed

‎bbb-lti/grails-app/i18n/messages.properties

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,4 @@
1717
#
1818

1919
bigbluebutton.welcome=<br>Welcome to <b>{0}</b>!<br><br>To understand how BigBlueButton works see our <a href=\"event:http://www.bigbluebutton.org/content/videos\"><u>tutorial videos</u></a>.<br><br>To join the audio bridge click the headset icon (upper-left hand corner). <b>Please use a headset to avoid causing noise for others.</b>
20+
bigbluebutton.join=Join Meeting

‎bbb-lti/grails-app/i18n/messages_es.properties

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,4 @@
1717
#
1818

1919
bigbluebutton.welcome=<br>Bienvenido a <b>{0}</b>!<br><br>Para entender como funciona BigBlueButton consulte estos <a href=\"event:http://www.bigbluebutton.org/content/videos\"><u>videos tutoriales</u></a>.<br><br>Para activar el audio haga click en el icono de auricular (equina superior izquierda). <b>Por favor utilice auricular para evitar causar ruido.</b>
20+
bigbluebutton.join=Ingresar a la sesión

‎bbb-lti/grails-app/i18n/messages_fr.properties

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,3 +17,4 @@
1717
#
1818

1919
bigbluebutton.welcome=<br>Bienvenue au <b>{0}</b>!<br><br>Pour comprendre comment fonctionne BigBlueButton, consultez les <a href=\"event:http://www.bigbluebutton.org/content/videos\"><u>didacticiels vidéo</u></a>.<br><br>Pour activer l'audio cliquez sur l'icône du casque à écouteurs (coin supérieur gauche). <b>S'il vous plaît utiliser le casque pour éviter de causer du bruit.</b>
20+
bigbluebutton.join=Saisie de la réunion

‎bbb-lti/grails-app/views/tool/index.gsp

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<html>
22
<head>
33
<title>BigBlueButton LTI Interface</title>
4-
<meta name="layout" content="internal" />
4+
<link rel="stylesheet" href="${resource(dir:'css',file:'bootstrap.css')}" />
5+
<link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
56
</head>
67
<body>
7-
<h1 style="margin-left:20px; text-align: center;"><a title="Join" class="action-icon" href="${createLink(controller:'tool',action:'join')}"><img title="Join" alt="Join the meeting" src="${resource(dir:'images',file:'bbb.jpg')}" /></a></h1>
8-
<p style="margin-left:20px;width:80%"></p>
9-
<br>
10-
<table class="generaltable">
8+
<h1 style="margin-left:20px; text-align: center;"><a title="Join" class="btn btn-primary btn-large" href="${createLink(controller:'tool',action:'join')}">Join Meeting</a></h1>
9+
<br><br>
10+
<table class="table table-striped table-bordered table-condensed">
1111
<thead>
1212
<tr>
1313
<th class="header c0" style="text-align:center;" scope="col">Recording</th>

‎bbb-lti/grails-app/views/tool/index_bbb.gsp

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<html>
2+
<head>
3+
<title>BigBlueButton LTI Interface</title>
4+
<meta name="layout" content="internal" />
5+
</head>
6+
<body>
7+
<h1 style="margin-left:20px; text-align: center;"><a title="Join" class="action-icon" href="${createLink(controller:'tool',action:'join')}"><img title="Join" alt="Join the meeting" src="${resource(dir:'images',file:'bbb.jpg')}" /></a></h1>
8+
<p style="margin-left:20px;width:80%"></p>
9+
<br>
10+
<table class="generaltable">
11+
<thead>
12+
<tr>
13+
<th class="header c0" style="text-align:center;" scope="col">Recording</th>
14+
<th class="header c1" style="text-align:center;" scope="col">Activity</th>
15+
<th class="header c2" style="text-align:center;" scope="col">Description</th>
16+
<th class="header c3" style="text-align:center;" scope="col">Date</th>
17+
<th class="header c4" style="text-align:center;" scope="col">Duration</th>
18+
<g:if test="${ismoderator}">
19+
<th class="header c5 lastcol" style="text-align:left;" scope="col">Toolbar</th>
20+
</g:if>
21+
</tr>
22+
</thead>
23+
<tbody>
24+
<g:each in="${recordingList}" var="r">
25+
<g:if test="${ismoderator || r.published == 'true'}">
26+
<tr class="r0 lastrow">
27+
<td class="cell c0" style="text-align:center;">
28+
<g:each in="${r.playback}" var="p">
29+
<a title="${p.type}" target="_new" href="${p.url}">${p.type}</a>&#32;
30+
</g:each>
31+
</td>
32+
<td class="cell c1" style="text-align:center;">${r.name}</td>
33+
<td class="cell c2" style="text-align:center;">${r.metadata.contextactivitydescription}</td>
34+
<td class="cell c3" style="text-align:center;">${new Date( Long.valueOf(r.startTime).longValue() )}</td>
35+
<td class="cell c4" style="text-align:center;">
36+
<g:each in="${r.playback}" var="p">
37+
<g:if test="${p.type == 'slides'}">
38+
${p.length}
39+
</g:if>
40+
</g:each>
41+
</td>
42+
<g:if test="${ismoderator}">
43+
<td class="cell c5 lastcol" style="text-align:left;">
44+
<g:if test="${r.published == 'true'}">
45+
<a title="Hide" class="action-icon" href="${createLink(controller:'tool',action:'publish')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"><img title="Hide" alt="Hide" class="smallicon" src="${resource(dir:'images',file:'hide.gif')}" /></a>
46+
</g:if>
47+
<g:else>
48+
<a title="Show" class="action-icon" href="${createLink(controller:'tool',action:'publish')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"><img title="Show" alt="Show" class="smallicon" src="${resource(dir:'images',file:'show.gif')}" /></a>
49+
</g:else>
50+
<a title="Delete" class="action-icon" onClick="if(confirm('Are you sure to delete this recording?')) window.location='${createLink(controller:'tool',action:'delete')}?bbb_recording_id=${r.recordID}'; return false;" href="#"><img title="Delete" alt="Delete" class="smallicon" src="${resource(dir:'images',file:'delete.gif')}" /></a>
51+
</td>
52+
</g:if>
53+
</tr>
54+
</g:if>
55+
</g:each>
56+
</tbody>
57+
</table>
58+
59+
</body>
60+
</html>

‎bbb-lti/grails-app/views/tool/index_bootstrap.gsp

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<html>
2+
<head>
3+
<title>BigBlueButton LTI Interface</title>
4+
<link rel="stylesheet" href="${resource(dir:'css',file:'bootstrap.css')}" />
5+
<link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
6+
</head>
7+
<body>
8+
<h1 style="margin-left:20px; text-align: center;"><a title="Join" class="btn btn-primary btn-large" href="${createLink(controller:'tool',action:'join')}">Join Meeting</a></h1>
9+
<br><br>
10+
<table class="table table-striped table-bordered table-condensed">
11+
<thead>
12+
<tr>
13+
<th class="header c0" style="text-align:center;" scope="col">Recording</th>
14+
<th class="header c1" style="text-align:center;" scope="col">Activity</th>
15+
<th class="header c2" style="text-align:center;" scope="col">Description</th>
16+
<th class="header c3" style="text-align:center;" scope="col">Date</th>
17+
<th class="header c4" style="text-align:center;" scope="col">Duration</th>
18+
<g:if test="${ismoderator}">
19+
<th class="header c5 lastcol" style="text-align:left;" scope="col">Toolbar</th>
20+
</g:if>
21+
</tr>
22+
</thead>
23+
<tbody>
24+
<g:each in="${recordingList}" var="r">
25+
<g:if test="${ismoderator || r.published == 'true'}">
26+
<tr class="r0 lastrow">
27+
<td class="cell c0" style="text-align:center;">
28+
<g:each in="${r.playback}" var="p">
29+
<a title="${p.type}" target="_new" href="${p.url}">${p.type}</a>&#32;
30+
</g:each>
31+
</td>
32+
<td class="cell c1" style="text-align:center;">${r.name}</td>
33+
<td class="cell c2" style="text-align:center;">${r.metadata.contextactivitydescription}</td>
34+
<td class="cell c3" style="text-align:center;">${new Date( Long.valueOf(r.startTime).longValue() )}</td>
35+
<td class="cell c4" style="text-align:center;">
36+
<g:each in="${r.playback}" var="p">
37+
<g:if test="${p.type == 'slides'}">
38+
${p.length}
39+
</g:if>
40+
</g:each>
41+
</td>
42+
<g:if test="${ismoderator}">
43+
<td class="cell c5 lastcol" style="text-align:left;">
44+
<g:if test="${r.published == 'true'}">
45+
<a title="Hide" class="action-icon" href="${createLink(controller:'tool',action:'publish')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"><img title="Hide" alt="Hide" class="smallicon" src="${resource(dir:'images',file:'hide.gif')}" /></a>
46+
</g:if>
47+
<g:else>
48+
<a title="Show" class="action-icon" href="${createLink(controller:'tool',action:'publish')}?bbb_recording_published=${r.published}&bbb_recording_id=${r.recordID}"><img title="Show" alt="Show" class="smallicon" src="${resource(dir:'images',file:'show.gif')}" /></a>
49+
</g:else>
50+
<a title="Delete" class="action-icon" onClick="if(confirm('Are you sure to delete this recording?')) window.location='${createLink(controller:'tool',action:'delete')}?bbb_recording_id=${r.recordID}'; return false;" href="#"><img title="Delete" alt="Delete" class="smallicon" src="${resource(dir:'images',file:'delete.gif')}" /></a>
51+
</td>
52+
</g:if>
53+
</tr>
54+
</g:if>
55+
</g:each>
56+
</tbody>
57+
</table>
58+
59+
</body>
60+
</html>

0 commit comments

Comments
 (0)