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:
parent
e81a10de4a
commit
87f7be2182
28
close.html
28
close.html
|
@ -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>
|
||||||
|
|
|
@ -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>
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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.
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in New Issue