bigbluebutton-Github/labs/meteor-client/client/main.html

<template name="main">
   <head>
      <title>BigBlueButton Meteor</title>
   </head>
   <body>
      <div>
         {{>header}}
      </div>
      <div id="main" class="row-fluid">
         {{> usersList}}
         {{> chatbar}}
         {{> whiteboard}}
      </div>
   </body>
   {{doFinalStuff}}
   <audio id="remote-media" autoplay="autoplay" ></audio>
</template>

<template name="header">
   {{#if getInSession "display_navbar"}}
      <div class="navbar navbar-default navbar-static-top" role="navigation">
         {{#with getCurrentUser}}
            {{#if getInSession "display_usersList"}}
               {{> makeButton id=user.externUserId btn_class="navbarIconToggleActive usersListIcon navbar-brand" i_class="user" _id=_id}}
            {{else}}
               {{> makeButton id=user.externUserId btn_class="usersListIcon navbar-brand" i_class="user" _id=_id}}
            {{/if}}
            
            {{#if getInSession "display_chatbar"}}
               {{> makeButton id=user.externUserId btn_class="navbarIconToggleActive chatBarIcon navbar-brand" i_class="comment" _id=_id}}
            {{else}}
               {{> makeButton id=user.externUserId btn_class="chatBarIcon navbar-brand" i_class="comment" _id=_id}}
            {{/if}}

            {{#if isUserSharingVideo user}}
               {{> makeButton id=user.externUserId btn_class="navbarIconToggleActive videoFeedIcon navbar-brand" i_class="facetime-video" sharingVideo=true _id=_id}}
            {{else}}
               {{> makeButton id=user.externUserId btn_class="videoFeedIcon navbar-brand" i_class="stop" sharingVideo=false _id=_id}}
            {{/if}}

            {{#if isUserSharingAudio user}}
               {{> makeButton id=user.externUserId btn_class="navbarIconToggleActive audioFeedIcon navbar-brand" i_class="volume-up" sharingAudio=true _id=_id}}
            {{else}}
               {{> makeButton id=user.externUserId btn_class="audioFeedIcon navbar-brand" i_class="volume-off" sharingAudio=false _id=_id}}
            {{/if}}
            {{> makeButton id="" btn_class="hideNavbarIcon pull-right navbar-brand" i_class="chevron-up"}}
            {{> makeButton id="user.externUserId" btn_class="signOutIcon pull-right navbar-brand" i_class="log-out"}}
            {{> makeButton id="user.externUserId" btn_class="settingsIcon pull-right navbar-brand" i_class="cog"}}
            
            {{#if isUserTalking user}}
               <span>TALKING</span>
            {{else}}
               <span>NO TALKING</span>
            {{/if}}
         {{/with}}
      </div>
   {{else}}
      <!-- User wants to hide navbar. The button for bringing the navbar back needs to still be available. Perhaps it should appear/disappear in the future on hover? Something to add later. -->
      {{> makeButton id="" btn_class="hideNavbarIcon pull-right navbar-brand" i_class="chevron-down"}}
   {{/if}}
</template>

<template name="makeButton">
   <button type="submit" id="{{id}}" class="{{btn_class}} btn" {{isDisabled}}>
      <i class="glyphicon glyphicon-{{i_class}}"></i>
   </button>
</template>
Added iron router 2014-06-14 00:22:30 +08:00			`<template name="main">`
			`<head>`
Made a helper for buttons. Code is more proper, more readable, shorter and concise, easier to maintain 2014-06-17 22:02:52 +08:00			`<title>BigBlueButton Meteor</title>`
Added iron router 2014-06-14 00:22:30 +08:00			`</head>`
			`<body>`
Display header only when user is actually inside 2014-07-25 04:04:53 +08:00			`<div>`
			`{{>header}}`
			`</div>`
- meteor 2014-06-07 06:19:09 +08:00			`<div id="main" class="row-fluid">`
Cleaning up the code a bit, placed rendering logic inside individual templates to be a bit neater 2014-06-24 03:54:17 +08:00			`{{> usersList}}`
			`{{> chatbar}}`
			`{{> whiteboard}}`
- meteor 2014-06-07 06:19:09 +08:00			`</div>`
Added iron router 2014-06-14 00:22:30 +08:00			`</body>`
Tidy up, more chat UI, log out user info to check for duplicates' 2014-06-26 02:51:16 +08:00			`{{doFinalStuff}}`
Proof of concept prototype successful. Can join audio call using WebRTC in html5 client. 2014-07-12 02:58:25 +08:00			`<audio id="remote-media" autoplay="autoplay" ></audio>`
Added iron router 2014-06-14 00:22:30 +08:00			`</template>`

			`<template name="header">`
Prototyping main page. Reflects users choices for navbar, etc. 2014-06-14 02:16:14 +08:00			`{{#if getInSession "display_navbar"}}`
			`<div class="navbar navbar-default navbar-static-top" role="navigation">`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{#with getCurrentUser}}`
			`{{#if getInSession "display_usersList"}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="navbarIconToggleActive usersListIcon navbar-brand" i_class="user" _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{else}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="usersListIcon navbar-brand" i_class="user" _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{/if}}`

toggling chat 2014-06-19 21:27:27 +08:00			`{{#if getInSession "display_chatbar"}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="navbarIconToggleActive chatBarIcon navbar-brand" i_class="comment" _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{else}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="chatBarIcon navbar-brand" i_class="comment" _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{/if}}`

Created a helper and rewrote logic to determine if user is sharing audio/video 2014-06-24 00:58:30 +08:00			`{{#if isUserSharingVideo user}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="navbarIconToggleActive videoFeedIcon navbar-brand" i_class="facetime-video" sharingVideo=true _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{else}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="videoFeedIcon navbar-brand" i_class="stop" sharingVideo=false _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{/if}}`

Created a helper and rewrote logic to determine if user is sharing audio/video 2014-06-24 00:58:30 +08:00			`{{#if isUserSharingAudio user}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="navbarIconToggleActive audioFeedIcon navbar-brand" i_class="volume-up" sharingAudio=true _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{else}}`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id=user.externUserId btn_class="audioFeedIcon navbar-brand" i_class="volume-off" sharingAudio=false _id=_id}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{/if}}`
Display header only when user is actually inside 2014-07-25 04:04:53 +08:00			`{{> makeButton id="" btn_class="hideNavbarIcon pull-right navbar-brand" i_class="chevron-up"}}`
			`{{> makeButton id="user.externUserId" btn_class="signOutIcon pull-right navbar-brand" i_class="log-out"}}`
			`{{> makeButton id="user.externUserId" btn_class="settingsIcon pull-right navbar-brand" i_class="cog"}}`

Now displays when user is actually talking 2014-07-25 00:12:27 +08:00			`{{#if isUserTalking user}}`
			`<span>TALKING</span>`
			`{{else}}`
			`<span>NO TALKING</span>`
			`{{/if}}`
A bit easier to notice what is active and inactive 2014-06-14 03:34:20 +08:00			`{{/with}}`
Prototyping main page. Reflects users choices for navbar, etc. 2014-06-14 02:16:14 +08:00			`</div>`
			`{{else}}`
Made a helper for buttons. Code is more proper, more readable, shorter and concise, easier to maintain 2014-06-17 22:02:52 +08:00			`<!-- User wants to hide navbar. The button for bringing the navbar back needs to still be available. Perhaps it should appear/disappear in the future on hover? Something to add later. -->`
Added a few required fields 2014-06-17 23:07:36 +08:00			`{{> makeButton id="" btn_class="hideNavbarIcon pull-right navbar-brand" i_class="chevron-down"}}`
Prototyping main page. Reflects users choices for navbar, etc. 2014-06-14 02:16:14 +08:00			`{{/if}}`
Made a helper for buttons. Code is more proper, more readable, shorter and concise, easier to maintain 2014-06-17 22:02:52 +08:00			`</template>`

			`<template name="makeButton">`
Added a few required fields 2014-06-17 23:07:36 +08:00			`<button type="submit" id="{{id}}" class="{{btn_class}} btn" {{isDisabled}}>`
Made a helper for buttons. Code is more proper, more readable, shorter and concise, easier to maintain 2014-06-17 22:02:52 +08:00			`<i class="glyphicon glyphicon-{{i_class}}"></i>`
			`</button>`
Added new line feeds to files 2014-06-23 21:21:03 +08:00			`</template>`
Changed some toggles, fixed up some UI, more chat functionality 2014-06-27 01:13:19 +08:00