GRN-19: Add confirmation for accepting cookies from the site (#345)

* Added a cookie warning

* Cleaned up code to better match application standard
This commit is contained in:
farhatahmad 2019-02-01 12:54:29 -05:00 committed by Jesus Federico
parent ffff724712
commit ecee282fc4
6 changed files with 89 additions and 6 deletions

View File

@ -0,0 +1,27 @@
// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
//
// Copyright (c) 2018 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/>.
$(document).ready(function() {
$("#cookies-agree-button").click(function() {
//create a cookie that lasts 1 year
var cookieDate = new Date();
cookieDate.setFullYear(cookieDate.getFullYear() + 1); //1 year from now
document.cookie = "cookie_consented=true; path=/; expires=" + cookieDate.toUTCString() + ";"
//hide the banner at the bottom
$(".cookies-banner").attr("style","display:none !important")
})
})

View File

@ -34,18 +34,13 @@
@import "bootstrap";
@import "tabler-custom";
@import "utilities/variables";
@import "main";
@import "rooms";
@import "sessions";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext);
$background-color: #F5F7FB;
$error-background-color: #EFE6E6;
$header-height: 65px;
$footer-height: 65px;
html, body {
position: relative;
width: 100%;
@ -130,3 +125,8 @@ a {
[contenteditable]:focus {
outline: 0px solid transparent;
}
.cookies-banner {
height: $footer-height;
background-color: $background-color;
}

View File

@ -0,0 +1,24 @@
/* BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
*
* Copyright (c) 2018 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/>.
*/
// Declare all variables here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
$background-color: #F5F7FB;
$error-background-color: #EFE6E6;
$button-color-blue: #467FCF;
$header-height: 65px;
$footer-height: 65px;

View File

@ -16,3 +16,5 @@
<footer class="footer pt-3">
<p class="text-center mb-1"><%= t("footer.powered_by", href: link_to(t("greenlight"), "https://bigbluebutton.org/2018/07/09/greenlight-2-0/", target: "_blank")).html_safe %> v <%= Greenlight::Application::VERSION %></p>
</footer>
<%= render "shared/components/cookie_warning" %>

View File

@ -0,0 +1,27 @@
<%
# BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
# Copyright (c) 2018 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/>.
%>
<% if cookies && cookies['cookie_consented'] != 'true' %>
<div class="cookies-banner fixed-bottom text-center d-inline-block">
<div class="cookies-banner-content py-3">
<span class="cookies-warning-text pr-5">
<%= t("cookies.cookie_info") %>
</span>
<span class="cookies-warning-button d-inline-block">
<button id="cookies-agree-button" class="btn customBtn bg-primary"><%= t("cookies.cookie_button") %></button>
</span>
</div>
</div>
<% end %>

View File

@ -24,6 +24,9 @@ en:
bigbluebutton: BigBlueButton
bigbluebutton_exception: Oops, there was an error when starting the meeting!
cancel: Cancel
cookies:
cookie_info: Cookies help us deliver our services. By using our services, you agree to our use of cookies.
cookie_button: I Agree
copy: Copy
delete: Delete
delivery_error: An error occured during email delivery. Please contact an administrator!