Page feedback
Help us improve calgary.ca
undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null,undefined/null
');
} else if ($('.modal-backdrop').length > 1) {
// remove extra modal backdrop
$('.modal-backdrop:gt(0)').remove();
}
$(".modal-backdrop.show").attr("style", "display: block !important;");
$("body").removeClass("modal-pagefeedback-open").addClass("modal-websitefeedback-open");
};
function websitefeedbackModalClose(getIdValue) {
if (!isWebsitefeedbackModalOpen) return;
isWebsitefeedbackModalOpen = false;
$(getIdValue)
.removeClass(websitefeedbackOpenAnimationClasses)
.attr("style", "display: none;");
$(".modal-backdrop.show").remove();
$("body").removeClass("modal-websitefeedback-open");
};
$(".websiteclose-btn").click(function () {
websitefeedbackModalClose("#websitefeedback");
if ($('.modal-backdrop').length > 0) {
$('.modal-backdrop').remove();
}
$("#pagefeedback").removeClass("d-none").hide();
});
//Setup page feedback delays
//delay 15 second
if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("15")) {
timeoutFn = setTimeout(function () {
pagefeedbackModalOpen("#pagefeedback");
$("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden");
$("body").addClass("modal-pagefeedback-open modal-open");
$("#pagefeedback-btn").addClass("pagefeedback-delay-active");
}, 15000);
}
//delay 30 second
else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("30")) {
timeoutFn = setTimeout(function () {
pagefeedbackModalOpen("#pagefeedback");
$("#pagefeedback").attr("aria-modal", "true").removeAttr("aria-hidden");
$("body").addClass("modal-pagefeedback-open modal-open");
$("#pagefeedback-btn").addClass("pagefeedback-delay-active");
}, 30000);
}
//delay 90 second
else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("90")) {
timeoutFn = setTimeout(function () {
pagefeedbackModalOpen("#pagefeedback");
$(".delay").attr("aria-modal", "true").removeAttr("aria-hidden");
$("body").addClass("modal-pagefeedback-open modal-open");
$("#pagefeedback-btn").addClass("pagefeedback-delay-active");
}, 90 * 1000);
}
//delay 2 mins
else if ($("#pagefeedback").hasClass("delay") && $("#pagefeedback").hasClass("120")) {
timeoutFn = setTimeout(function () {
pagefeedbackModalOpen("#pagefeedback");
$(".delay").attr("aria-modal", "true").removeAttr("aria-hidden");
$("body").addClass("modal-pagefeedback-open modal-open");
$("#pagefeedback-btn").addClass("pagefeedback-delay-active");
}, 2 * 60 * 1000);
}
//no delay
else {
$("#pagefeedback").removeAttr("aria-modal").removeAttr("aria-hidden");
$("body").removeClass("modal-pagefeedback-open modal-open");
};
$(".websitefeedback").click(function () {
$("#websitefeedback .modal-dialog").css("display", "block");
});
$(".websiteclose-btn").click(function () {
websitefeedbackModalClose("#websitefeedback");
});
$(".pageclose-btn").click(function () {
pagefeedbackModalClose("#pagefeedback");
});
var websiteFeedbackCookie = "voc_websiteFeedback";
if (typeof $.cookie === 'function') {
var cookieWebsiteTest = ($.cookie(websiteFeedbackCookie) != '') ? $.cookie(websiteFeedbackCookie) : null;
if (cookieWebsiteTest) {
$("#pagereceiver").show();
$("#receiver1").html("Thank you for your feedback");
$(".websitemodal-footer").css("display", "none");
}
//check cookie after submit button
var pageFeedbackCookie = "voc_pageFeedback_" + document.title;
//var pageFeedbackCookie = "voc_pageFeedback";
var cookiePageTest = ($.cookie(pageFeedbackCookie) != '') ? $.cookie(pageFeedbackCookie) : null;
// var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false;
if (cookiePageTest) {
$("#receiver1").show();
$("#pagereceiver").html("Thank you for your feedback");
$("#websitefeedback .pagemodal-footer").css("display", "none");
$("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120");
}
//check cookie after Cross button
//var pageFeedbackCloseCookie = "voc_pageFeedback_" + document.title + "_close";
var pageFeedbackCloseCookie = "voc_pageFeedback_close";
var cookiePageCloseTest = ($.cookie(pageFeedbackCloseCookie) != '') ? $.cookie(pageFeedbackCloseCookie) : null;
// var pageFeedbackCookieCheck= $.cookie ? $.cookie(pageFeedbackCookie): false;
if (cookiePageCloseTest) {
$("#receiver1").show();
$("#pagefeedback").removeClass("delay animate__animated animate__fadeInRight 15 30 90 120");
}
}
$("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-5").hide();
$("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide();
$('input[type="radio"]').click(function() {
if ($(this).attr("name") == "question-2") {
var inputValue = $(this).attr("value");
//alert("inputValue " + inputValue);
if (inputValue == "Animals services") {
$("#question-group-2-1").show();
$("#question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Bylaws or public safety") {
$("#question-group-2-2").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Building, development or business licenses") {
$("#question-group-2-3").show();
$("#question-group-2-1, #question-group-2-2, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "City careers") {
$("#question-group-2-4").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-2, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "City Council, boards, commissions or elections") {
$("#question-group-2-5").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-2, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Environment, waste, recycling or water") {
$("#question-group-2-6").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-2, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Festivals, special events or tourism") {
$("#question-group-2-7").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-2, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Recreation, parks or public art") {
$("#question-group-2-8").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-2, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Social programs, community services or Census") {
$("#question-group-2-9").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-2, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Taxes or property assessment") {
$("#question-group-2-10").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-2, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Traffic, transportation or roads") {
$("#question-group-2-11").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-2").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Other") {
$("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").addClass("mb-responsive");
}
}
if ($(this).attr("name") == "question-4") {
var inputValue = $(this).attr("value");
if (inputValue == "yes") {
$("#question-group-5").show();
} else if (inputValue == "no") {
$("#question-group-5").hide();
}
}
if ($(this).attr("name") == "question-6") {
var inputValue = $(this).attr("value");
if (inputValue == "yes") {
$("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").show();
$("#question-group-6").removeClass("mb-responsive");
} else if (inputValue == "no") {
$("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide();
$("#question-group-6").addClass("mb-responsive");
}
}
});
// click outside of the modal dialog will hide the backdrop background and the modal window
var modalContentWindow = $(".voc-modal-content");
$("body").on('click', function (e) {
if (($(e.target).closest(modalContentWindow).length === 0) && ($(".modal-dialog").hasClass("modal-dialog-voc"))) {
modalContentWindow.parent().parent().hide().removeClass("show").removeAttr("aria-modal");
$("body").removeClass("modal-open");
if (isWebsitefeedbackModalOpen) {
websitefeedbackModalClose("#websitefeedback");
$(".modal-backdrop").hide();
}
if (isPagefeedbackModalOpen) {
pagefeedbackModalClose("#pagefeedback");
$(".modal-backdrop").hide();
}
}
});
$("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-5").hide();
$("#question-group-6-1, #question-group-6-2, #question-group-6-3, #question-group-6-4, #question-group-6-5").hide();
$('input[type="radio"]').click(function () {
if ($(this).attr("name") == "question-2") {
var inputValue = $(this).attr("value");
//alert("inputValue " + inputValue);
if (inputValue == "Animals services") {
$("#question-group-2-1").show();
$("#question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Bylaws or public safety") {
$("#question-group-2-2").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Building, development or business licenses") {
$("#question-group-2-3").show();
$("#question-group-2-1, #question-group-2-2, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "City careers") {
$("#question-group-2-4").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-2, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "City Council, boards, commissions or elections") {
$("#question-group-2-5").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-2, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Environment, waste, recycling or water") {
$("#question-group-2-6").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-2, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Festivals, special events or tourism") {
$("#question-group-2-7").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-2, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Recreation, parks or public art") {
$("#question-group-2-8").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-2, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Social programs, community services or Census") {
$("#question-group-2-9").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-2, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Taxes or property assessment") {
$("#question-group-2-10").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-2, #question-group-2-11").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Traffic, transportation or roads") {
$("#question-group-2-11").show();
$("#question-group-2-1, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-2").hide();
$("#question-group-2").removeClass("mb-responsive");
} else if (inputValue == "Other") {
$("#question-group-2-1, #question-group-2-2, #question-group-2-3, #question-group-2-4, #question-group-2-5, #question-group-2-6, #question-group-2-7, #question-group-2-8, #question-group-2-9, #question-group-2-10, #question-group-2-11").hide();
$("#question-group-2").addClass("mb-responsive");
}
}
});
// click outside of the modal dialog will hide the backdrop background and the modal window
var modalContentWindow = $(".voc-modal-content");
$("body").on('click', function (e) {
if (($(e.target).closest(modalContentWindow).length === 0) && ($(".modal-dialog").hasClass("modal-dialog-voc"))) {
modalContentWindow.parent().parent().hide().removeClass("show").removeAttr("aria-modal");
$("body").removeClass("modal-open");
if(isWebsitefeedbackModalOpen) {
websitefeedbackModalClose("#websitefeedback");
$(".modal-backdrop").hide();
}
if(isPagefeedbackModalOpen) {
pagefeedbackModalClose("#pagefeedback");
$(".modal-backdrop").hide();
}
}
});
$(document).on('click', '[name="webrating-1"]', function () {
$('.webrating-1').hide();
});
$(document).on('click', '[name="question-1"]', function () {
$('.question-1').hide();
});
$(document).on('click', '[name="question-2"]', function () {
$('.question-2').hide();
});
$(document).on('click', '[name="question-2-1"]', function () {
$('.question-2-1').hide();
});
$(document).on('click', '[name="question-2-2"]', function () {
$('.question-2-2').hide();
});
$(document).on('click', '[name="question-2-3"]', function () {
$('.question-2-3').hide();
});
$(document).on('click', '[name="question-2-4"]', function () {
$('.question-2-4').hide();
});
$(document).on('click', '[name="question-2-5"]', function () {
$('.question-2-5').hide();
});
$(document).on('click', '[name="question-2-6"]', function () {
$('.question-2-6').hide();
});
$(document).on('click', '[name="question-2-7"]', function () {
$('.question-2-7').hide();
});
$(document).on('click', '[name="question-2-8"]', function () {
$('.question-2-8').hide();
});
$(document).on('click', '[name="question-2-9"]', function () {
$('.question-2-9').hide();
});
$(document).on('click', '[name="question-2-10"]', function () {
$('.question-2-10').hide();
});
$(document).on('click', '[name="question-2-11"]', function () {
$('.question-2-11').hide();
});
$(document).on('click', '[name="webrating-2"]', function () {
$('.webrating-2').hide();
});
$(document).on('keypress', '[name="description-1"]', function () {
$('.description-1').hide();
});
$(document).on('click', '[name="question-4"]', function () {
$('.question-4').hide();
});
$(document).on('click', '[name="question-5"]', function () {
$('.question-5').hide();
});
$(document).on('keypress', '[name="description-2"]', function () {
$('.description-2').hide();
});
$(document).on('click', '[name="webrating-3"]', function () {
$('.webrating-3').hide();
});
$(document).on('click', '[name="webrating-4"]', function () {
$('.webrating-4').hide();
});
$(document).on('click', '[name="webrating-5"]', function () {
$('.webrating-5').hide();
});
$(document).on('click', '[name="webrating-6"]', function () {
$('.webrating-6').hide();
});
$(document).on('click', '[name="webrating-7"]', function () {
$('.webrating-7').hide();
});
$(document).on('click', '[name="webrating-8"]', function () {
$('.webrating-8').hide();
});
$(document).on('click', '[name="question-6"]', function () {
$('.question-6').hide();
});
//$('.GenderValidation').remove();
$("#websitefeedback-modelbtn").click(function (e) {
e.preventDefault();
var webFeedbackVar = {
webrating_1: $("input[name='webrating-1']:checked").val() || "Zero",
question_1: $("input[name='question-1']:checked").val() || "none",
question_2: $("input[name='question-2']:checked").val() || "none",
question_2_1: $("input[name='question-2-1']:checked").val() || "none",
question_2_2: $("input[name='question-2-2']:checked").val() || "none",
question_2_3: $("input[name='question-2-3']:checked").val() || "none",
question_2_4: $("input[name='question-2-4']:checked").val() || "none",
question_2_5: $("input[name='question-2-5']:checked").val() || "none",
question_2_6: $("input[name='question-2-6']:checked").val() || "none",
question_2_7: $("input[name='question-2-7']:checked").val() || "none",
question_2_8: $("input[name='question-2-8']:checked").val() || "none",
question_2_9: $("input[name='question-2-9']:checked").val() || "none",
question_2_10: $("input[name='question-2-10']:checked").val() || "none",
question_2_11: $("input[name='question-2-11']:checked").val() || "none",
webrating_2: $("input[name='webrating-2']:checked").val() || "Zero",
description_1: $("textarea[name='description-1']").val() || "none",
question_4: $("input[name='question-4']:checked").val() || "none",
question_5: $("input[name='question-5']:checked").val() || "none",
description_2: $("textarea[name='description-2']").val() || "none",
webrating_3: $("input[name='webrating-3']:checked").val() || "Zero",
//webrating_4: $("input[name='webrating-4']:checked").val() || 0,
webrating_5: $("input[name='webrating-5']:checked").val() || "Zero",
webrating_6: $("input[name='webrating-6']:checked").val() || "Zero",
webrating_7: $("input[name='webrating-7']:checked").val() || "Zero",
//webrating_8: $("input[name='webrating-8']:checked").val() || 0,
question_6: $("input[name='question-6']:checked").val() || "none",
question_6_1: $("input[name='question-6-1']:checked").val() || "none",
question_6_2: $("input[name='question-6-2']:checked").val() || "none",
question_6_3: $("input[name='question-6-3']:checked").val() || "none",
//question_6_4: $("input[name='question-6-4']:checked").val() || "none",
question_6_5: $("input[name='question-6-5']:checked").val() || "none"
};
/* if(webFeedbackVar.webrating_1 == 0 || webFeedbackVar.question_1 == 0 || webFeedbackVar.question_2 == 0
|| (webFeedbackVar.question_2_1 == 0 && webFeedbackVar.question_2_2 == 0 && webFeedbackVar.question_2_3 == 0 && webFeedbackVar.question_2_4 == 0
&& webFeedbackVar.question_2_5 == 0 && webFeedbackVar.question_2_6 == 0 && webFeedbackVar.question_2_7 == 0
&& webFeedbackVar.question_2_8 == 0 && webFeedbackVar.question_2_9 == 0 && webFeedbackVar.question_2_10 == 0
&& webFeedbackVar.question_2_11 == 0)
|| webFeedbackVar.webrating_2 == 0 || webFeedbackVar.description_1 == "" || (webFeedbackVar.question_4 == 0 &&
webFeedbackVar.question_5 == 0) || webFeedbackVar.description_2 == "" || webFeedbackVar.webrating_3 == 0 ||
webFeedbackVar.webrating_4 == 0 || webFeedbackVar.webrating_5 == 0 || webFeedbackVar.webrating_6 == 0 ||
webFeedbackVar.webrating_7 == 0 || webFeedbackVar.webrating_8 == 0 || webFeedbackVar.question-6 == 0){
$('.web-error').html("
Error : This field is required.");
return false;
} */
//e.preventDefault();
//return device type
var pageTitle = document.title;
var OperatingSystem = checkOS();
var deviceType = isMobileTablet();
//return the browser namr
var Browseragent = checkBrowser() || "Others";
//The appName property returns the application name of the browser
var navigatorappName = navigator.appName;
//The appVersion property returns version information about the browser
var navigatorappVersion = navigator.appVersion;
//The product property returns the product name of the browser.
var navigatorproduct = navigator.product;
//The userAgent property returns the user-agent header sent by the browser to the server
var navigatoruserAgent = navigator.userAgent;
//The platform property returns the browser platform (operating system)
var navigatorplatform = navigator.platform;
//The onLine property returns true if the browser is online
var navigatoronLine = navigator.onLine;
//The window.screen object contains information about the user's screen.
var screenwidth = screen.width;
//The screen.height property returns the height of the visitor's screen in pixels.
var screenheight = screen.height;
//Return the URL of the page
var docurl = document.URL;
//Return the refferal URL
var docreferrer = document.referrer;
$.cookie("voc_websiteFeedback", "voc_website_feedback", { expires: websiteCookieTime });
$("#websitefeedback .modal-footer").attr("style", "display:none");
websiteFeedback = {
page: {
webSiteInfo: {
"Device_Type": deviceType,
"Operating_System": getOS(),
"Browser_agent": Browseragent,
"Navigator_appName": navigatorappName,
"Navigator_appVersion": navigatorappVersion,
"Navigator_product": navigatorproduct,
"Navigator_userAgent": navigatoruserAgent,
"Navigator_platform": navigatorplatform,
"Navigator_onLine": navigatoronLine,
"Viewport": screenwidth + " X " + screenheight,
"Document_url": docurl,
"Current_City": "",
"Current_Date": getCurrentDate(),
"Current_Time": getCurrentTime(),
"page_title": pageTitle,
"Document_referrer": docreferrer,
"Department": isDepartment(),
"BusinessUnit": isBusinessUnit(),
"Userfeedback": {
"surveyType": "Visit",
"1_Overall satisfaction with Calgary.ca?": webFeedbackVar.webrating_1,
"2_Reason for your visit?": webFeedbackVar.question_1,
"3_How easy was it to complete your task?": webFeedbackVar.webrating_2,
"4_What task were you trying to perform?": webFeedbackVar.description_1,
"5_Did you have difficulty completing your task?": webFeedbackVar.question_4,
"6_What action did you take or will you take?": webFeedbackVar.question_5,
"7_What would make your experience better?": webFeedbackVar.description_2,
"8_How easy it is to find or access information?": webFeedbackVar.webrating_3,
//"9_How would you rate how clear the information is on Calgary.ca?": webFeedbackVar.webrating_4,
"10_How easy Calgary.ca is to use?": webFeedbackVar.webrating_5,
"11_Were you provided answers to your questions?": webFeedbackVar.webrating_6,
"12_Is the information accurate and relevant?": webFeedbackVar.webrating_7,
//"12_1_How would you rate how well Calgary.ca meets your overall expectations compared to other websites you visit?": webFeedbackVar.webrating_8,
"13_What was the main area of Calgary.ca you were visiting?": webFeedbackVar.question_2,
"14_What Animal service were you looking for?": webFeedbackVar.question_2_1,
"15_What Bylaw or Public Safety service were you looking for?": webFeedbackVar.question_2_2,
"16_What Building, Development or Business service were you looking for?": webFeedbackVar.question_2_3,
"17_What Careers service were you looking for?": webFeedbackVar.question_2_4,
"18_What Census or City council service were you looking for?": webFeedbackVar.question_2_5,
"19_What Environment, Waste, Water service were you looking for?": webFeedbackVar.question_2_6,
"20_What Events or Tourism service were you looking for?": webFeedbackVar.question_2_7,
"21_What Recreation, Parks, Public Art service were you looking for?": webFeedbackVar.question_2_8,
"22_What Social Program, Community Service were you looking for?": webFeedbackVar.question_2_9,
"23_What Tax or Assessment service were you looking for?": webFeedbackVar.question_2_10,
"24_What Traffic, Transportation, Roads service were you looking for?": webFeedbackVar.question_2_11,
"25_To help group these survey results, would you answer a few quick demographic questions?": webFeedbackVar.question_6,
"26_What is your role in visiting today?": webFeedbackVar.question_6_1,
"27_What is your age group?": webFeedbackVar.question_6_2,
"28_What is the highest level of schooling?": webFeedbackVar.question_6_3,
// "29_What device were you using on Calgary.ca today?": webFeedbackVar.question_6_4,
"30_Where do you live?": webFeedbackVar.question_6_5
}
}
}
}
//console.log(websiteFeedback);
$("#receiver1").html("Thank you for your feedback");
$("#websitefeedback").attr("style", "display:block !important;");
});
$(document).on('click', '[name="rating"]', function () {
$('.rating').hide();
});
$(document).on('click', '[name="q1"]', function () {
$('.q1').hide();
});
$(document).on('keypress', '[name="pageFeedback-useful"]', function () {
$('.pageFeedback-useful').hide();
});
$(document).on('keypress', '[name="pageFeedback-description"]', function () {
$('.pageFeedback-description').hide();
});
$("#pagefeedback-modelbtn").click(function (e) {
//window.alert("Create dataLayer");
e.preventDefault();
//return device type
var pageTitle = document.title;
var OperatingSystem = checkOS();
var deviceType = isMobileTablet();
//return the browser namr
var Browseragent = checkBrowser() || "Others";
//The appName property returns the application name of the browser
var navigatorappName = navigator.appName;
//The appVersion property returns version information about the browser
var navigatorappVersion = navigator.appVersion;
//The product property returns the product name of the browser.
var navigatorproduct = navigator.product;
//The userAgent property returns the user-agent header sent by the browser to the server
var navigatoruserAgent = navigator.userAgent;
//The platform property returns the browser platform (operating system)
var navigatorplatform = navigator.platform;
//The onLine property returns true if the browser is online
var navigatoronLine = navigator.onLine;
//The window.screen object contains information about the user's screen.
var screenwidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0, screen.width || 0);
//The screen.height property returns the height of the visitor's screen in pixels.
var screenheight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0, screen.height || 0);
//Return the URL of the page
var docurl = document.URL;
//Return the refferal URL
var docreferrer = document.referrer;
// var pagetitle = document.title;
//q1a
var selectservice = $("select[name=q1a]").children("option:selected").val() || "none";
//var selectservice = $(".cmp-form-options__field--drop-down").children("option:selected").val();
var ratingValue = $("input[name='rating']:checked").val() || "Zero";
var q1 = $("input[name='q1']:checked").val() || "none";
//var q1 = $(".cmp-form-options__field--radio:checked").val();
var pageFeedback_useful = $("textarea[name=pageFeedback-useful]").val() || "none";
var pageFeedback_description = $("textarea[name=pageFeedback-description]").val() || "none";
var informationClass = $('#pagefeedback').hasClass('information');
var taskClass = $('#pagefeedback').hasClass('task');
var surveyType;
if (informationClass == true) {
surveyType = "Information";
} else if (taskClass == true) {
surveyType = "Task";
} else {
surveyType = "Covid";
}
if (ratingValue) {
ratingValue = ratingValue;
} else {
ratingValue = "Zero"
}
if (q1) {
q1 = q1;
} else {
q1 = 0
}
if (selectservice) {
selectservice = selectservice;
} else {
selectservice = "none"
}
if (pageFeedback_useful) {
pageFeedback_useful = pageFeedback_useful;
} else {
pageFeedback_useful = "none"
}
if (pageFeedback_description) {
pageFeedback_description = pageFeedback_description;
} else {
pageFeedback_description = "none"
}
pageFeedback = {
page: {
pageInfo: {
"Device_Type": deviceType,
"Operating_System": getOS(),
"Browser_agent": Browseragent,
"Navigator_appName": navigatorappName,
"Navigator_appVersion": navigatorappVersion,
"Navigator_product": navigatorproduct,
"Navigator_userAgent": navigatoruserAgent,
"Navigator_platform": navigatorplatform,
"Navigator_onLine": navigatoronLine,
"Viewport": screenwidth + " X " + screenheight,
"Document_url": docurl,
"Current_City": "",
"Current_Date": getCurrentDate(),
"Current_Time": getCurrentTime(),
"page_title": pageTitle,
"Document_referrer": docreferrer,
"Department": isDepartment(),
"BusinessUnit": isBusinessUnit(),
"Userfeedback": {
"1_surveyType": surveyType,
"2_How_satisfied_are_you_with_this_page": ratingValue,
"3_Did_you_find_the_information_you_were_looking_for": q1,
"4_pageFeedback_useful": pageFeedback_useful,
"5_pageFeedback_description": pageFeedback_description,
"6_selectservice": selectservice
}
}
}
}
//Add condition for form is filled or not
if (ratingValue != 'Zero' || q1 != 'none') {
//var pageFeedbackCookie = "voc_pageFeedback";
var pageTitle = document.title;
var pageFeedbackCookiewithSession = "voc_pageFeedback_" + pageTitle;
//$.cookie(pageFeedbackCookie, "voc_pageFeedback", { expires : pageCookieTime });
$.cookie(pageFeedbackCookiewithSession, "voc_pageFeedback_" + pageTitle, { expires: pageCookieTime });
$("#pagereceiver").html("Thank you for your feedback");
$("#pagefeedback .pagemodal-footer").css("display", "none");
setTimeout(function () {
pagefeedbackModalClose("#pagefeedback");
}, 6000);
} else if (ratingValue == 'Zero' && q1 == 'none') {
pagefeedbackModalClose("#pagefeedback");
function submitForm(event) {
event.preventDefault();
window.history.back();
}
}
});
$("#pageFeedback-group-1").hide();
$("#pageFeedback-group").hide();
$('input[type="radio"]').click(function () {
if ($(this).attr("name") != "rating") {
var inputValue = $(this).attr("value");
if (inputValue == "eventually" || inputValue == "no") {
$("#pageFeedback-group, #pageFeedback-group-1").show();
} else {
$("#pageFeedback-group, #pageFeedback-group-1").hide();
}
}
});
//});