- Scan ID:
- 5f5a3cf3-53c6-4941-b4c9-df949641f969Finished
- Submitted URL:
- https://mieleaustralia.au.whispir.com/s/Ci13xiSeRedirected
- Report Finished:
Links · 1 found
The outgoing links identified from the page
Link | Text |
---|---|
https://www.delivery.miele.com.au/access/?utm_source=DELCONF&utm_medium=link&utm_campaign=delivery | Update Delivery |
JavaScript Variables · 11 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
_ | function |
activityData | object |
sendResponse | function |
toggleResponseOptions | function |
Whispir | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><!--[if IE 7 ]> <html lang="en" class="ie7"> <![endif]--><!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--><!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--><!--[if IEMobile 7 ]> <html class="no-js iem7"> <![endif]--><head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="referrer" content="origin">
<meta http-equiv="cleartype" content="on">
<link rel="stylesheet" href="https://cdn-au.whispir.com/jsp/portal/themes/rpm/css/style.css">
<script language="JavaScript1.2" src="https://cdn-au.whispir.com/jsp/portal/js/libs/jquery-1.8.2.min.js" type="text/javascript"></script>
<script language="JavaScript1.2" src="https://cdn-au.whispir.com/jsp/portal/js/libs/jquery.autosize-min.js" type="text/javascript"></script>
<script language="JavaScript1.2" src="https://cdn-au.whispir.com/jsp/common/framework/libs/underscore/underscore.js" type="text/javascript"></script>
<script type="text/javascript">
var activityData = {
activityHash: 'S5FHJpan/8zYZNBWObZTv3mgA6Y=',
attributes: {"htmlContent":"true"},
rpmID: 'Ci13xiSe=',
canLoginToMobileDashboard: false
};
function sendResponse(response) {
var data = {
responseText: response.textPrompt,
responseName: response.name,
activityHash: activityData.activityHash,
rpmID: activityData.rpmID
};
if (Whispir.hooks.appendedResponseContent) {
var textToAppend;
if (_.isFunction(Whispir.hooks.appendedResponseContent)) {
textToAppend = Whispir.hooks.appendedResponseContent(response);
} else if (_.isString(Whispir.hooks.appendedResponseContent) || _.isNumber(Whispir.hooks.appendedResponseContent)) {
textToAppend = Whispir.hooks.appendedResponseContent;
}
if (textToAppend && (_.isString(textToAppend) || _.isNumber(textToAppend))) {
data.appendToResponse = textToAppend;
}
}
var ajaxOptions = {'type': 'post', 'contentType': 'application/json', 'data': JSON.stringify(data)};
jQuery.ajax('/portal/richmessage/respondBatched.prtl', ajaxOptions);
toggleResponseOptions();
}
function toggleResponseOptions() {
jQuery(".fancybox-overlay").toggle();
jQuery(".fancybox").slideToggle();
}
var Whispir = {
data: {
rpmid: 'Ci13xiSe',
profile: {},
attachments: [],
attributes: {"dd":"07","date":"2024-10-07","button1_textcolour":"white","button1_boardrollovercolour":"white","button2_boardcolour":"#1F1F1F","stage2_title":"ORDER PAYMENT","subject":"20241007-Other-MA","button1_fillcolour":"#8C0014","button2_width":"0%","status_subtitle":"Actions required:","button2_name":"","stage1_id":"","button1_textrollovercolour":"white","sms_text":"Dear John Hynes, Your Miele order (4131387 / 9253973) has been placed and requires actioning prior to 07/10/2024 to confirm your delivery. Please follow the below link for further info","section3_content":"4131387","button1_link":"https://www.delivery.miele.com.au/access/?utm_source=DELCONF&utm_medium=link&utm_campaign=delivery","section1_content":"21/10/2024","short_hour":"01:09 PM","section4_label":"ORDER NUMBER:","button2_fillrollovercolour":"#1F1F1F","button1_padding":"20px 5% 20px 5%","day":"Monday","button2_boardrollovercolour":"#1F1F1F","sender_email":"[email protected]","button1_boardcolour":"#8C0014","yy":"24","mm":"10","stage3_title":"DELIVERY DATE CONFIRMATION","recipient_last_name":"","status_header":"","hrs":"13","stage2_id":"1","section3_label":"CUSTOMER NUMBER:","month":"October","sender_last_name":"Ahlhaus","sender_sms":"61425305750","button2_link":"","button2_textrollovercolour":"#1F1F1F","section2_label":"ADDRESS:","stage3_id":"2","recipient_full_name":"","sec":"03","section2_content":"17 IRIS ROAD UNIT 2 GLEN IRIS 3146 VIC","min":"09","section4_content":"9253973","button2_fillcolour":"#1F1F1F","recipient_sms":"61439312068","stage4_title":"","button1_width":"93%","sender_first_name":"David","button2_padding":"0px 0% 0px 0%","template_address":"B5048D238CE9F735","section1_label":"ESTIMATED DELIVERY DATE:","recipient_first_name":"","button1_fillrollovercolour":"#8C0014","body_textset1":"Dear John Hynes<span>,<\/span><br><br>Congratulations on your recent Miele purchase!<br><br>Your Miele order requires actioning prior to 07/10/2024.<br><br>To ensure the smooth delivery of your order<span>,<\/span> delivery confirmation is required 14 days prior to your delivery date.<br><br>You can update your estimated delivery date or confirm your delivery date using our self-service portal below.","button1_name":"Update Delivery","button_header":"","stage4_id":"","stage1_title":"","button2_textcolour":"#1F1F1F","sender_full_name":"David Ahlhaus","ioz1phno2":"+61439312068","yyyy":"2024","time":"13:09"},
eventId: ''
},
actions: {},
hooks: {
/*
* This hook allows you to modify the response chosen by the user. It can either be implemented as a
* function which returns a string / number or as a number / string variable. If implemented as a function,
* the function is passed the response the user has chosen so that the appended content can vary based on the
* response. The output of this hook will be automatically used once the user selects a response rule.
*/
appendedResponseContent: null
}
};
Whispir.actions.updateProfile = function(properties, callback) {
var data = {
'propertiesMap': JSON.stringify(properties),
activityHash: activityData.activityHash,
rpmID: activityData.rpmID
};
var ajaxOptions = {
'type': 'post',
'contentType': 'application/json',
'data': JSON.stringify(data),
'dataType': 'json',
success: function(data) {
callback && callback(data.errors);
},
error: function() {
callback && callback('An error occurred processing the request.');
}
};
jQuery.ajax('/portal/richmessage/update.prtl', ajaxOptions);
}
Whispir.actions.executeAPIMapping = function(mappingId, properties, callback) {
var data = {
'propertiesMap': JSON.stringify(_.extend({'apiMappingId': mappingId, 'actionType': 'executeAPIMapping'}, properties)),
activityHash: activityData.activityHash,
rpmID: activityData.rpmID
};
var ajaxOptions = {
'type': 'post',
'contentType': 'application/json',
'data': JSON.stringify(data),
'dataType': 'json',
success: function(data) {
callback && callback(data.errors);
},
error: function() {
callback && callback('An error occurred processing the request.');
}
};
jQuery.ajax('/portal/richmessage/action.prtl', ajaxOptions);
}
</script>
</head>
<body>
<div id="content"><script type="text/javascript" src="//s3.amazonaws.com/content.whispir.com/public/template/lib/plugins/v1.6.js" language="JavaScript1.2"></script>
<script type="text/javascript" src="//s3.amazonaws.com/content.whispir.com/public/template/lib/plugins/v1.6.js" language="JavaScript1.2"></script>
<script type="text/javascript" src="//s3.amazonaws.com/content.whispir.com/public/template/lib/plugins/v1.6.js" language="JavaScript1.2"></script>
<script type="text/javascript" src="//s3.amazonaws.com/content.whispir.com/public/template/lib/plugins/v1.6.js" language="JavaScript1.2"></script>
<script type="text/javascript" src="//s3.amazonaws.com/content.whispir.com/public/template/lib/plugins/v1.6.js" language="JavaScript1.2"></script>
<div id="main-wrapper"><!--design-->
<!--Version: 4.0.0.0_2018-03-26_1030-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="wrap68970404 [[attribute.id]] ">
<div id="logo68970404">
<img class="brand" src="https://cdn-au.whispir.com/public/resources/761bb8b58f52c9fb3390c6aad2b41342e4d.png" alt="logo">
<img class="dot" src="https://cdn-au.whispir.com/public/resources/319470ca467b46582c7b46320d7f30c01d.png" alt="logo" style="display: none;">
</div>
</div>
<style>
#logo68970404 {
padding: 30px 0;
background-color: #1F1F1F;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
#logo68970404 .brand {
width: 250px;
}
#logo68970404 .dot {
width: 43px;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap68970404').css('display', 'none');
}
});
(function($) {
setTimeout(function() {
//hide image1
if ('Show' === 'Hide') {
$('.brand').css('display', 'none');
}
//hide image2
if ('Hide' === 'Hide') {
$('.dot').css('display', 'none');
}
}, 500);
})(jQuery);
</script><!--design-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap84550616 key-value84550616 RemoveAfterSubmit">
<div class="wrapper84550616">
<div class="title84550616 gso-control--keyvalue-title-background">Delivery Details</div>
<p class="key">ESTIMATED DELIVERY DATE: <span class="value">21/10/2024</span></p>
<p class="key">ADDRESS: <span class="value">17 IRIS ROAD UNIT 2 GLEN IRIS 3146 VIC</span></p>
<p class="key">CUSTOMER NUMBER: <span class="value">4131387</span></p>
<p class="key">ORDER NUMBER: <span class="value">9253973</span></p>
<p class="key"> <span class="value"></span></p>
<p class="key"> <span class="value"></span></p>
</div>
</div>
</div>
<style>
.wrap84550616 {
max-width: 600px;
margin: 0 auto;
padding: 20px 20px 10px 20px;
background:#1F1F1F;
}
.key-value84550616 .key {
font-style: normal !important;
font-weight: bold !important;
text-transform: none !important;
color: white !important;
font-family: Verdana, Geneva, sans-serif !important;
text-align: left !important;
font-size: 15px !important;
margin: 7px 25px 10px 20px !important;
}
.key-value84550616 .value {
font-style: normal !important;
font-weight: normal !important;
text-transform: none !important;
color: white !important;
font-family: Verdana, Geneva, sans-serif !important;
font-size: 15px !important;
margin: 10px 0px 10px 0px !important;
}
.wrap84550616 .wrapper84550616 {
background-color: #4B4B4B;
padding-bottom: 15px;
}
.Custom .wrap84550616 .gso-control--keyvalue-title-background {
background: #8C0014;
padding: 20px 5px 15px 20px !important;
margin-bottom: 22px !important;
}
.wrap84550616 .title84550616 {
font-size: 18px !important;
font-family: Verdana, Geneva, sans-serif !important;
color: white !important;
font-weight: bold !important;
margin-bottom: 22px !important;
padding: 20px 5px 15px 20px !important;
}
</style>
<script>
$(document).ready(function () {
//hide the component set to be hidden when sent
if('Show' === 'Hide')
{
$('.wrap84550616').css('display', 'none');
}
});
</script>
<!--design-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap53691032 RemoveAfterSubmit">
<h1>Dear John Hynes<span>,</span><br><br>Congratulations on your recent Miele purchase!<br><br>Your Miele order requires actioning prior to 07/10/2024.<br><br>To ensure the smooth delivery of your order<span>,</span> delivery confirmation is required 14 days prior to your delivery date.<br><br>You can update your estimated delivery date or confirm your delivery date using our self-service portal below.<br></h1>
</div>
</div>
<style>
.wrap53691032 {
max-width: 600px;
margin: 0 auto;
padding: 20px 20px 20px 20px;
background: #1F1F1F;
}
/*Custom style*/
.Custom .wrap53691032 H1 {
color: white;
font-weight: normal;
text-transform: none;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap53691032').css('display', 'none');
}
});
</script><!--design-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap1988496 RemoveAfterSubmit">
<h1></h1>
</div>
</div>
<style>
.wrap1988496 {
max-width: 600px;
margin: 0 auto;
padding: 20px 20px 20px 20px;
background: #1F1F1F;
}
/*Custom style*/
.Custom .wrap1988496 H1 {
color: white;
font-weight: normal;
text-transform: none;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap1988496').css('display', 'none');
}
});
</script><!--design-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap62541263 RemoveAfterSubmit">
<h2> </h2>
<h3> Actions required: </h3>
<div class="stages-container stages62541263">
<div class="status1 stage-wrap bg-white" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status">In Part</span>
</div>
<div class="status2 stage-wrap bg-gray">
<div class="stage-number">1</div>
<div class="stage-title">ORDER PAYMENT</div>
<span class="stage-status">complete</span>
</div>
<div class="status3 stage-wrap bg-white">
<div class="stage-number">2</div>
<div class="stage-title">DELIVERY DATE CONFIRMATION</div>
<span class="stage-status">estimate</span>
</div>
<div class="status4 stage-wrap bg-gray" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status">confirmed</span>
</div>
<div class="status5 stage-wrap bg-white" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status"></span>
</div>
<div class="status4 stage-wrap bg-gray" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status">confirmed</span>
</div>
<div class="status2 stage-wrap bg-white" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status">complete</span>
</div>
<div class="status2 stage-wrap bg-gray" style="display: none;">
<div class="stage-number"></div>
<div class="stage-title"></div>
<span class="stage-status">complete</span>
</div>
</div>
</div>
</div>
<style>
.wrap62541263 {
max-width: 600px;
margin: 0 auto;
padding: 10px 20px 20px 20px;
background:#1F1F1F;
}
.wrap62541263 .bg-white {
background-color: #f0f0f0;
}
.wrap62541263 .bg-gray {
background-color: #dedfe0;
}
.wrap62541263 .stages-container {
box-sizing:border-box;
width:100%;
font-family:
/* this is the ultimate fix */
}
.wrap62541263 .stage-wrap {
width: 100%;
box-sizing: border-box;
font-family: "Robert", sans-serif;
padding: 20px 10px;
display: flex;
align-items: center;
}
.wrap62541263 .stage-number {
line-height: 2em;
padding: 0 17px;
text-align: center;
font-size: 22px;
color: white;
font-weight: 100;
border-radius: 20%;
background: black;
}
.wrap62541263 .stage-title {
padding: 10px 10px 10px 20px;
color: #222;
width: 70%;
font-weight: bold;
text-transform: uppercase;
}
.wrap62541263 .stage-status {
text-transform: uppercase;
}
.wrap62541263 .stage-status {
text-align: right;
width: 65%;
}
.wrap62541263 .status1.stage-wrap {
color: #f37902;
}
.wrap62541263 .status1 .stage-number{
background-color: #f37902;
}
.status2.stage-wrap {
color: green;
}
.wrap62541263 .status2 .stage-number{
background-color: green;
}
.wrap62541263 .status3.stage-wrap {
color: #f37902;
}
.wrap62541263 .status3 .stage-number{
background-color: #f37902;
}
.wrap62541263 .status4.stage-wrap {
color: green;
}
.wrap62541263 .status4 .stage-number{
background-color: green;
}
.wrap62541263 .status5.stage-wrap {
color: ;
}
.wrap62541263 .status5 .stage-number{
background-color: ;
}
/* Custom Style */
.Custom .wrap62541263 h2{
font-weight: [[header.weight]];
text-transform: [[header.transform]];
color: [[header.colour]];
font-family: [[header.font]];
text-align: [[header.align]];
font-size: [[header.font-size]];
margin: [[header.margin]];
}
.Custom .wrap62541263 h3{
font-weight: normal;
text-transform: capitalize;
color: white;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
font-size: 18px;
margin: [h3.padding];
}
.wrap62541263 .stage-title {
width: 70%;
color: #1F1F1F;
font-size: 15px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-weight: bold;
padding: 10px 20px 10px 20px;
}
.wrap62541263 .stage-status {
font-weight: normal;
text-transform: uppercase;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
padding: 10px 10px 10px 20px;
text-align: right;
width: 65%;
}
@media screen and (max-width: 480px) {
.wrap62541263 .stage-wrap {
text-align: center;
display: flex;
flex-direction: column;
}
.wrap62541263 .stage-title {
display: block;
margin: 0 auto;
padding: 10px 0 10px 0;
}
.wrap62541263 .stage-status {
text-align: center;
}
}
</style>
<script>
$(document).ready(function () {
//hide the component set to be hidden when sent
if('Show' === 'Hide')
{
$('.wrap62541263').css('display', 'none');
}
});
(function($) {
setTimeout(function() {
$('.stages62541263 .stage-title').each(function() {
var value = $(this).text();
if (value.length == 0) {
$(this).parents('.stage-wrap').css('display', 'none');
}
});
$('.stage-status').each(function() {
var value = $(this).text();
if(value == 'status1'){
$(this).text('In Part');
}
if(value == 'status2'){
$(this).text('complete');
}
if(value == 'status3'){
$(this).text('estimate');
}
if(value == 'status4'){
$(this).text('confirmed');
}
if(value == 'status5'){
$(this).text('');
}
});
}, 500);
})(jQuery);
</script><!--design-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap9745700 RemoveAfterSubmit">
<h1><br></h1>
</div>
</div>
<style>
.wrap9745700 {
max-width: 600px;
margin: 0 auto;
padding: 20px 20px 20px 20px;
background: #1F1F1F;
}
/*Custom style*/
.Custom .wrap9745700 H1 {
color: white;
font-weight: normal;
text-transform: none;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap9745700').css('display', 'none');
}
});
</script><!--button-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap6746598 RemoveAfterSubmit">
<a class="button_style" href="https://www.delivery.miele.com.au/access/?utm_source=DELCONF&utm_medium=link&utm_campaign=delivery" target="_blank">Update Delivery</a>
</div>
</div>
<style>
.wrap6746598 {
max-width: 600px;
margin: 0 auto;
padding: 0;
background:#1F1F1F;
}
.Custom .wrap6746598 .button_style {
text-decoration: none;
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
text-align:center;
width: 93%;
padding: 20px 5% 20px 5%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 2px;
border-color: #8C0014;
border-radius: 0px;
box-sizing: border-box;
background: #8C0014;
display: block;
cursor: pointer;
outline: none;
position: relative;
}
.Custom .wrap6746598 .button_style:hover {
background: #8C0014;
color: white;
border-color: white;
}
</style>
<script>
$(document).ready(function () {
//hide the component set to be hidden when sent
if('Show' === 'Hide')
{
$('.wrap6746598').css('display', 'none');
}
});
</script><!--special-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Default">
<div class="wrap5398913 IDName RemoveAfterSubmit input-field-options">
<h2></h2>
<h3></h3>
<!-- Insert Custom Code Here - Example Below Is for a Text Input Field -->
<!-- <input id="5398913" value="[[input.default]]" name="input5398913" placeholder="[[input.placeholder]]" type="[[input.type]]" /> -->
<!-- Below is an example of how to setup passing of attribute data and requirement validation. Commented out code in the "Scripts" section is an aide for this -->
<!-- <div class="replyData5398913 [[required.required]]" id="IDNameRPY" data-name="IDName" data-required="5398913" style="display:none"></div>
<div class="attributeData5398913 [[required.required]]" id="IDNameATT" data-name="IDName" data-required="5398913" style="display:none"></div>
<p class="required" id="required5398913" style="display:none; color:red">[[required.requiredText]]</p> -->
</div>
</div>
<style>
.wrap5398913 {
max-width: 600px;
margin: 0 auto;
padding: 3px 20px 3px 20px;
background:#1F1F1F;
}
/*Custom style*/
.Custom .wrap5398913 h2 {
color: #151515;
font-weight: bold;
text-transform: none;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-size: 22px;
margin: 20px 0 10px 0;
}
.Custom .wrap5398913 h3 {
color: #151515;
font-weight: normal;
text-transform: none;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-size: 16px;
margin: 10px 0px 20px ;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap5398913').css('display', 'none');
}
// //populate data fields with default text - Input Example
// var name = "Title: ".trim();
// if (name != "") {
// $('.replyData5398913').text(name + $("input#5398913").val());
// } else {
// $('.replyData5398913').text($("input#5398913").val());
// }
//
// $('.attributeData5398913').text($("input#5398913").val());
//
// //If a response is required then no content is not a valid response - Input Example
// if ('[[required.required]]' == 'Required') {
// if ($("input#5398913").val() == "") {
// $('.replyData5398913').text("");
// $('.attributeData5398913').text("");
// } else if ('[[required.regex]]'.trim() != "") {
// $('.replyData5398913').text("");
// $('.attributeData5398913').text("");
// }
// }
//
// //update data fields on change - Input Example
// $("input#5398913").on("keyup change", function() {
// //only submit the leading title if its populated
// var name = "Title: ".trim();
//
// if (name != "") {
// $('.replyData5398913').text(name + $("input#5398913").val());
// } else {
// $('.replyData5398913').text($("input#5398913").val());
// }
// $('.attributeData5398913').text($("input#5398913").val());
//
//
// //if input is required and there is regex, then check it and either clear the inputs and display the error message
// if ('[[required.required]]' == 'Required') {
// if ('[[required.regex]]'.trim() != "") {
// //check regex if requiredcode for regex
// var patt = new RegExp("[[required.regex]]");
//
// if (!patt.test($("input#5398913").val())) {
// $('.replyData5398913').text("");
// $('.attributeData5398913').text("");
// //show required message
// $('#required5398913').css('display', 'block');
// } else {
// //hide required message
// $('#required5398913').css('display', 'none');
// }
// }
// }
//
// });
});
</script><!--button-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Custom">
<div class="wrap49612276 RemoveAfterSubmit">
<a class="button_style" href="" target="_blank"></a>
</div>
</div>
<style>
.wrap49612276 {
max-width: 600px;
margin: 0 auto;
padding: 0;
background:#1F1F1F;
}
.Custom .wrap49612276 .button_style {
text-decoration: none;
color: #1F1F1F;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
text-align:center;
width: 0%;
padding: 0px 0% 0px 0%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 2px;
border-color: #1F1F1F;
border-radius: 0px;
box-sizing: border-box;
background: #1F1F1F;
display: block;
cursor: pointer;
outline: none;
position: relative;
}
.Custom .wrap49612276 .button_style:hover {
background: #1F1F1F;
color: #1F1F1F;
border-color: #1F1F1F;
}
</style>
<script>
$(document).ready(function () {
//hide the component set to be hidden when sent
if('Show' === 'Hide')
{
$('.wrap49612276').css('display', 'none');
}
});
</script><!--special-->
<!--Version: 4.0.0.0_2018-04-06_1200-->
<!--link to 'Default' CSS styles set in the properties controller - so that if the Property controller has been deleted, property styles will default-->
<link rel="stylesheet" href="https://cdn-au.whispir.com/create/default-component_level-styles.css">
<div class="Default">
<div class="wrap21126338 IDName RemoveAfterSubmit input-field-options">
<h2></h2>
<h3></h3>
<!-- Insert Custom Code Here - Example Below Is for a Text Input Field -->
<!-- <input id="21126338" value="[[input.default]]" name="input21126338" placeholder="[[input.placeholder]]" type="[[input.type]]" /> -->
<!-- Below is an example of how to setup passing of attribute data and requirement validation. Commented out code in the "Scripts" section is an aide for this -->
<!-- <div class="replyData21126338 [[required.required]]" id="IDNameRPY" data-name="IDName" data-required="21126338" style="display:none"></div>
<div class="attributeData21126338 [[required.required]]" id="IDNameATT" data-name="IDName" data-required="21126338" style="display:none"></div>
<p class="required" id="required21126338" style="display:none; color:red">[[required.requiredText]]</p> -->
</div>
</div>
<style>
.wrap21126338 {
max-width: 600px;
margin: 0 auto;
padding: 3px 20px 3px 20px;
background:#1F1F1F;
}
/*Custom style*/
.Custom .wrap21126338 h2 {
color: #151515;
font-weight: bold;
text-transform: none;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-size: 22px;
margin: 20px 0 10px 0;
}
.Custom .wrap21126338 h3 {
color: #151515;
font-weight: normal;
text-transform: none;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-size: 16px;
margin: 10px 0px 20px ;
}
</style>
<script>
$(document).ready(function() {
//hide the component set to be hidden when sent
if ('Show' === 'Hide') {
$('.wrap21126338').css('display', 'none');
}
// //populate data fields with default text - Input Example
// var name = "Title: ".trim();
// if (name != "") {
// $('.replyData21126338').text(name + $("input#21126338").val());
// } else {
// $('.replyData21126338').text($("input#21126338").val());
// }
//
// $('.attributeData21126338').text($("input#21126338").val());
//
// //If a response is required then no content is not a valid response - Input Example
// if ('[[required.required]]' == 'Required') {
// if ($("input#21126338").val() == "") {
// $('.replyData21126338').text("");
// $('.attributeData21126338').text("");
// } else if ('[[required.regex]]'.trim() != "") {
// $('.replyData21126338').text("");
// $('.attributeData21126338').text("");
// }
// }
//
// //update data fields on change - Input Example
// $("input#21126338").on("keyup change", function() {
// //only submit the leading title if its populated
// var name = "Title: ".trim();
//
// if (name != "") {
// $('.replyData21126338').text(name + $("input#21126338").val());
// } else {
// $('.replyData21126338').text($("input#21126338").val());
// }
// $('.attributeData21126338').text($("input#21126338").val());
//
//
// //if input is required and there is regex, then check it and either clear the inputs and display the error message
// if ('[[required.required]]' == 'Required') {
// if ('[[required.regex]]'.trim() != "") {
// //check regex if requiredcode for regex
// var patt = new RegExp("[[required.regex]]");
//
// if (!patt.test($("input#21126338").val())) {
// $('.replyData21126338').text("");
// $('.attributeData21126338').text("");
// //show required message
// $('#required21126338').css('display', 'block');
// } else {
// //hide required message
// $('#required21126338').css('display', 'none');
// }
// }
// }
//
// });
});
</script></div><style>body {margin: 0;padding: 0;} #main-wrapper{max-width: 600px;margin: 0 auto;}</style></div>
<div class="fancybox">
<div class="action-menu" id="responses">
<div class="action-menu-btn cancel style-action-btn-secondary">Cancel</div>
</div>
</div>
<div class="fancybox-overlay"></div>
<div class="btn-menu portalAccess" style="left: 0">
<a class="btn-home btn"><img src="https://cdn-au.whispir.com/jsp/portal/themes/rpm/img/home.png" height="20"> HOME</a>
</div>
<script type="text/javascript">
jQuery('.btn-action').click(toggleResponseOptions);
jQuery('.fancybox-overlay').click(toggleResponseOptions);
jQuery('.cancel').click(toggleResponseOptions);
jQuery('.btn-comment').click(function() {
window.location = '/util/login.do';
});
jQuery('.btn-home').click(function() {
window.location = '/util/login.do';
});
//Hide the reply button if there are no responses.
if (!activityData.attributes.responseTemplatePattern || activityData.attributes.responseTemplatePattern.length === 0) {
jQuery('.btn-action').remove();
}
if (!activityData.canLoginToMobileDashboard) {
jQuery('.btn-comment').remove();
}
if ('Enabled'=='Disabled') {
jQuery('.portalAccess').remove();
}
var $cancelButton = jQuery('#responses .cancel');
_.each(activityData.attributes.responseTemplatePattern, function(response) {
var $button = jQuery('<div class="action-menu-btn style-action-btn-primary">' + response.name + '</div>');
$button.click(function () {
sendResponse(response);
});
$button.insertBefore($cancelButton);
}, this);
</script>
</body></html>