getting started page

This commit is contained in:
Zachary Chai 2017-02-16 17:03:58 -05:00
parent c8f8f09226
commit 64ac93f65f
6 changed files with 145 additions and 0 deletions

View File

@ -0,0 +1,52 @@
// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
//
// Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
//
// This program is free software; you can redistribute it and/or modify it under the
// terms of the GNU Lesser General Public License as published by the Free Software
// Foundation; either version 3.0 of the License, or (at your option) any later
// version.
//
// BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public License along
// with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
.help {
.title {
padding-bottom: 40px;
}
.videos-wrapper {
width: 1000px;
height: 100%;
}
.video-btn {
position: relative;
width: 304px;
height: 169px;
}
img {
max-width: 100%;
max-height: 100%;
}
.video-icon {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 40%;
text-align: center;
z-index: 100;
color: #fff;
font-size: 40px;
}
}

View File

@ -0,0 +1,20 @@
# BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
#
# Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
#
# This program is free software; you can redistribute it and/or modify it under the
# terms of the GNU Lesser General Public License as published by the Free Software
# Foundation; either version 3.0 of the License, or (at your option) any later
# version.
#
# BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
# WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
# PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
#
# You should have received a copy of the GNU Lesser General Public License along
# with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
class HelpController < ApplicationController
def getting_started
end
end

View File

@ -0,0 +1,57 @@
<%
# BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
# Copyright (c) 2016 BigBlueButton Inc. and by respective authors (see below).
# This program is free software; you can redistribute it and/or modify it under the
# terms of the GNU Lesser General Public License as published by the Free Software
# Foundation; either version 3.0 of the License, or (at your option) any later
# version.
#
# BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
# WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
# PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
# You should have received a copy of the GNU Lesser General Public License along
# with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
%>
<div class="page-wrapper help">
<div class="container-fluid">
<div class="row">
<div class="title text-center">
<h2><%= t('getting_started_page.title') %></h2>
</div>
</div>
<div class="row">
<div class="center-block videos-wrapper">
<div class="video-item col-xs-4">
<a href="https://www.youtube.com/watch?v=4Y__UsUrRx0&amp;feature=youtu.be" target="_blank">
<div class="video-btn center-block">
<img src="https://demo.bigbluebutton.org/images/bbb-setup-audio.jpg" alt="Setting Up Audio">
<div class="video-icon"><i class="fa fa-play-circle-o video-icon"></i></div>
</div>
</a>
<h3><a href="https://www.youtube.com/watch?v=4Y__UsUrRx0&amp;feature=youtu.be" target="_blank"><%= t('getting_started_page.setting_up_audio') %></a></h3>
</div>
<div class="video-item col-xs-4">
<a href="https://www.youtube.com/watch?v=oh0bEk3YSwI" target="_blank">
<div class="video-btn center-block">
<img src="https://demo.bigbluebutton.org/images/bbb-viewer-overview.jpg" alt="BigBlueButton Viewer Overview Video">
<div class="video-icon"><i class="fa fa-play-circle-o"></i></div>
</div>
</a>
<h3><a href="https://www.youtube.com/watch?v=oh0bEk3YSwI;feature=youtu.be" target="_blank"><%= t('getting_started_page.viewer_overview') %></a></h3>
</div>
<div class="video-item col-xs-4">
<a href="https://www.youtube.com/watch?v=J9mbw00P9W0&amp;feature=youtu.be" target="_blank">
<div class="video-btn center-block">
<img src="https://demo.bigbluebutton.org/images/bbb-presenter-overview.jpg" alt="Moderator/Presenter Overview Video">
<div class="video-icon"><i class="fa fa-play-circle-o"></i></div>
</div>
</a>
<h3><a href="https://www.youtube.com/watch?v=J9mbw00P9W0&amp;feature=youtu.be" target="_blank"><%= t('getting_started_page.presenter_overview') %></a></h3>
</div>
</div>
</div>
</div>
</div>

View File

@ -71,6 +71,11 @@ en-US:
enter_name: Enter your name enter_name: Enter your name
enter_meeting_name: Enter a meeting name to start enter_meeting_name: Enter a meeting name to start
footer_html: Powered by %{bbb_link} footer_html: Powered by %{bbb_link}
getting_started_page:
title: Getting Started Quickly
setting_up_audio: Setting Up Audio
viewer_overview: Viewer Overview
presenter_overview: Moderator/Presenter Overview
hi_all: Hi Everyone hi_all: Hi Everyone
home_title: Welcome to BigBlueButton home_title: Welcome to BigBlueButton
invite: Invite invite: Invite

View File

@ -16,6 +16,8 @@
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
Rails.application.routes.draw do Rails.application.routes.draw do
get 'help/getting_started'
mount ActionCable.server => '/cable' mount ActionCable.server => '/cable'
resources :users, only: [:edit, :update] resources :users, only: [:edit, :update]

View File

@ -0,0 +1,9 @@
require 'test_helper'
class HelpControllerTest < ActionDispatch::IntegrationTest
test "should get getting_started" do
get help_getting_started_url
assert_response :success
end
end