Updates close page and adds a second one.

Close pages text are different depending whether feedback was provided or not.
This commit is contained in:
damencho 2016-11-01 13:13:07 -05:00
parent e81a10de4a
commit 87f7be2182
4 changed files with 90 additions and 5 deletions

View File

@ -1,8 +1,30 @@
<html> <html>
<head> <head>
<link rel="stylesheet" href="css/all.css"/> <link rel="stylesheet" href="css/all.css"/>
<script><!--#include virtual="/interface_config.js" --></script>
<script>function translateStr(id, msg) {
var div = document.getElementById(id);
div.innerHTML = msg;
}
function translate() {
translateStr('hintMessage',
'You can use video calls with '
+ interfaceConfig.APP_NAME +' for your business');
}
</script>
</head> </head>
<body> <body onload="translate();">
<div class="redirectPageMessage">Thank you for your feedback!</div> <div class="redirectPageMessage">
<div class="thanks-msg">
<p id="thanksMessage">Thank you for your feedback!</p>
</div>
<div class="hint-msg">
<p>
<span>Did you know?</span>
<span class="hint-msg__holder" id="hintMessage"></span>
</p>
<div class="happy-software"></div>
</div>
</div>
</body> </body>
</html> </html>

32
close2.html Normal file
View File

@ -0,0 +1,32 @@
<html>
<head>
<link rel="stylesheet" href="css/all.css"/>
<script><!--#include virtual="/interface_config.js" --></script>
<script>function translateStr(id, msg) {
var div = document.getElementById(id);
div.innerHTML = msg;
}
function translate() {
translateStr('thanksMessage',
'Thank you for using ' + interfaceConfig.APP_NAME);
translateStr('hintMessage',
'You can use video calls with '
+ interfaceConfig.APP_NAME +' for your business');
}
</script>
</head>
<body onload="translate();">
<div class="redirectPageMessage">
<div class="thanks-msg">
<p id="thanksMessage"></p>
</div>
<div class="hint-msg">
<p>
<span>Did you know?</span>
<span class="hint-msg__holder" id="hintMessage"></span>
</p>
<div class="happy-software"></div>
</div>
</div>
</body>
</html>

View File

@ -6,7 +6,36 @@ html, body {
} }
.redirectPageMessage { .redirectPageMessage {
width: 30%;
margin: 20% auto;
text-align: center; text-align: center;
font-size: 36px; font-size: 24px;
margin-top: 20%;
.thanks-msg {
border-bottom: 1px solid $defaultLightFontColor;
padding-left: 30px;
padding-right: 30px;
p {
margin: 30px auto;
font-size: 24px;
line-height: 24px;
}
}
.hint-msg{
p {
margin: 26px auto;
font-weight: 600;
font-size: 16px;
line-height: 18px;
.hint-msg__holder{
font-weight: 200;
}
}
.happy-software{
width: 120px;
height: 86px;
margin: 0 auto;
background: $happySoftwareBackground;
}
}
} }

View File

@ -92,6 +92,8 @@ $borderRadius: 4px;
$defaultWatermarkLink: '../images/watermark.png'; $defaultWatermarkLink: '../images/watermark.png';
$sidebarWidth: 200px; $sidebarWidth: 200px;
$happySoftwareBackground: transparent;
/** /**
* Z-indexes. TODO: Replace this by a function. * Z-indexes. TODO: Replace this by a function.
*/ */