File: /var/www/html/chat.metaguise.com/portal.php
<style>
#chat_convo{
max-height: 100vh;
}
#chat_convo .direct-chat-messages{
min-height: 250px;
height: inherit;
}
#chat_convo .card-body {
overflow: auto;
min-height:480px;
background: #fff;
}
.cm-radio
{
margin:10px;
}
#uploadthum
{
width: 100px !important;
height: 100px !important;
position: relative !important;
}
/* .direct-chat-primary .right>.direct-chat-text {
background-color: #000000;
border-color: #000000;
color: #fff;
float: right;
} */
.direct-chat-primary .right>.direct-chat-text {
background-color: #dddddd;
border-color: #000000;
color: #000;
/* width: 50%; */
float: right;
}
.right .direct-chat-text {
margin-left: 0;
margin-right: 15px;
}
/* .direct-chat-text {
border-radius: 0.3rem;
background-color: #d2d6de;
border: 1px solid #d2d6de;
color: #444;
margin: 5px 0 0 50px;
padding: 5px 10px;
position: relative;
} */
.direct-chat-text {
border-radius: 0.3rem;
background-color: #eef3fd;
border: 1px solid #d2d6de;
color: #444;
margin: 5px 0 0 50px;
padding: 5px 10px;
position: relative;
}
.btn-outline-secondary:hover {
color: #000;
background-color: #dddddd;
border-color: #000000;
}
.disabled {
pointer-events: none !important;
cursor: default !important;
}
.file-progress {
display: -ms-flexbox;
display: flex;
height: 20px;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
margin-top: 10px;
overflow: inherit;
line-height: 2;
}
.file-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #28a745;
transition: width .6s ease;
font-size: 16px;
text-align: center;
}
#fileToUpload
{
width: 100%;
border: 1px solid #aaa;
overflow-wrap: break-word;
padding: 2px;
}
.center{
text-align:center;
}
</style>
<!-- Select2 CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<div class="container-fluid">
<div class="row">
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="col-lg-8 <?php echo isMobileDevice() == false ? "offset-2" : '' ?>">
<img rel="icon" src="<?php echo validate_image($_settings->info('logo')) ?>" />
<div class="card direct-chat direct-chat-primary" id="chat_convo">
<div class="card-header ui-sortable-handle" style="cursor: move;">
<h3 class="card-title">Chat with us</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<!-- -->
<!-- /.direct-chat-msg -->
<!-- /.contacts-list -->
</div>
<div class="end-convo"></div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.card-body -->
<div class="card-footer">
<form id="send_chat" method="post">
<div class="input-group">
<textarea type="text" id="txtmessage" name="message" placeholder="Type Message ..." class="form-control" required=""></textarea>
<span class="input-group-append">
<button type="submit" id="submit_send" class="btn btn-primary">Send</button>
</span>
</div>
</form>
</div>
<!-- /.card-footer-->
</div>
</div>
</div>
</div>
<div class="d-none" id="user_chat">
<div class="direct-chat-msg right ml-4">
<img class="direct-chat-img border-1 border-primary" src="<?php echo validate_image($_settings->info('user_avatar')) ?>" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text"></div>
<!-- /.direct-chat-text -->
</div>
</div>
<div class="d-none" id="bot_chat">
<div class="direct-chat-msg mr-4">
<img class="direct-chat-img border-1 border-primary" src="<?php echo validate_image($_settings->info('bot_avatar')) ?>" alt="message user image">
<!-- /.direct-chat-img -->
<div class="direct-chat-text"></div>
<input type="hidden" value="" id="pre_question_id" />
<input type="hidden" value="" id="chatId" />
<!-- /.direct-chat-text -->
</div>
</div>
<!-- <input list="animals" name="animal" id="someid">
<datalist id="animals">
<option label="Alaskan Malamute" data-id="d8c" value="Dog">
<option label="Siberian Husky" data-id="w30" value="Dog">
<option label="Aegean" data-id="rxx" value="Cat">
</datalist>
<span id="p">Click</span> -->
<!-- <input type="file" name="fileToUpload" id="fileToUpload2">
<input type="button" value="Upload Image" name="submit" onclick="fileUploadSubmit();">
-->
<script type="text/javascript">
$(document).ready(function() {
$('#multiple-checkboxes').multiselect({
includeSelectAllOption: true,
});
});
function getUrlExtension(url) {
try {
return url.match(/^https?:\/\/.*[\\\/][^\?#]*\.([a-zA-Z0-9]+)\??#?/)[1]
} catch (ignored) {
return false;
}
}
$(document).ready(function(){
localStorage.removeItem("Language");
localStorage.setItem("Language","en");
localStorage.removeItem("smessage");
localStorage.removeItem("telguReply");
localStorage.removeItem("tamilReply");
loadLanguage();
var smReply = 'Please note, your concerns regarding safety can be reported as anonymous if you do not wish to share your identity. For reporting the concern anonymously, please select "Yes" when asked in the conversation.';
if(smReply)
{
translateSetLocal(smReply, 'te', "telguReply");
translateSetLocal(smReply, 'ta', "tamilReply");
}
$('#button1').on('click', function() {
$('#openModal').show();
});
localStorage.removeItem("s3url");
$('.4000').on('change', function() {
alert( $(this).find(":selected").val() );
});
$(".selUser").select2();
$('[name="message"]').keypress(function(e){
console.log()
if(e.which === 13 && e.originalEvent.shiftKey == false){
$('#send_chat').submit()
return false;
}
})
$('#send_chat').submit(function(e){
e.preventDefault();
$("#selUser").select2();
//var chatId = "<?php echo time(); ?>";
$('#chatId').val(chatId);
// localStorage.setItem("chatId", chatId);
var chatId = localStorage.getItem("chatId");
var message = $('[name="message"]').val();
var preQuestionId = $('#pre_question_id').val();
if(preQuestionId != '8000') {
if(preQuestionId == '5102')
{
}
else
{
if(message == '' || message == null) return false;
}
}
// if(preQuestionId != '4000') {
// if(message == '' || message == null) return false;
// }
if(preQuestionId == '2000') {
message = message.trim();
if(message)
{
$('#txtmessage').val(message);
}
else if(message == '')
{
$('#txtmessage').val(message);
return false
}
}
var regexp = /^\+(\d+-?)+\d+$/;
var regexp2 = /^(\d+-?)+\d+$/;
var regex3 = /^[+]*[(]{0,1}[0-9]{1,3}[)]{0,1}[-\s\./0-9]*$/g;
var Language = localStorage.getItem("Language");
if(preQuestionId == '3000' && message != '' )
{
if(message.trim() == "")
{
message = "Please enter valid number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
else if(!regex3.test(message))
{
message = "Please enter valid number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
else if(message.length <= 5 || message.length >= 20){
message = "Please enter valid mobile number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
}
if(preQuestionId == '5102' && message != '' )
{
if(message.trim() == "")
{
message = "Please enter valid number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
else if(!regex3.test(message))
{
message = "Please enter valid number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
else if(message.length <= 5 || message.length >= 20){
message = "Please enter valid mobile number";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
}
if(preQuestionId == '9000')
{
localStorage.removeItem("s3url");
}
var s3url = '';
var s3urllocal = localStorage.getItem("s3url");
var finalMessage = '';
if(s3urllocal)
{
var ext = getUrlExtension(s3urllocal);
if(ext.toUpperCase() == "jpg".toUpperCase() || ext.toUpperCase() == "jpeg".toUpperCase() || ext.toUpperCase() == "png".toUpperCase() || ext.toUpperCase() == "gif".toUpperCase())
{
//var img = "<a target='_blank' href='"+s3urllocal+"'> <img id='uploadthum' src=\"" + s3urllocal + "\"> </a> <br/><br/>";
var img = "<a target='_blank' href='"+s3urllocal+"'> File Attached </a> <br/><br/>";
}
else
{
var img = "<a target='_blank' href='"+s3urllocal+"'> File Attached </a> <br/><br/>";
}
finalMessage += img;
}
finalMessage += message;
const d = new Date();
let time = d.getTime();
var Language = localStorage.getItem("Language");
var viewmessage = finalMessage;
//translate(viewmessage, Language);
if(viewmessage){
var uchat = $('#user_chat').clone();
uchat.find('.direct-chat-text').html(viewmessage);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
}
var factoryType = localStorage.getItem("factoryType");
if(preQuestionId == '6603')
{
localStorage.removeItem("factoryType");
}
if(preQuestionId == '9000' && message != '' )
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
$('.'+preQuestionId).addClass('disabled');
}
message = message ? message : '';
chatId = chatId ? chatId : '';
preQuestionId = preQuestionId ? preQuestionId : '';
s3urllocal = chatId ? s3urllocal : '';
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
//data: form_data, //{message:message, chatId:chatId, option_value:'', preQuestionId:preQuestionId},
data: {message:message, chatId:chatId, option_value:'', preQuestionId:preQuestionId, s3url:s3urllocal, Language: Language, factoryType:factoryType},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
$('#pre_question_id').val(questionId);
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(resp.questionId == "5102"){
$('#txtmessage').prop('required',false);
}
if(resp.questionId == "5103"){
$('#txtmessage').prop('required',true);
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
if(resp.questionId == '3500' && resp.message)
{
selectProductName();
}
}
}
}
})
})
})
function selectAnsRadio(str='',chatId='', title='', QuestionId='', CurrentQuestionId = '')
{
//var sff = localStorage.getItem("chatId");
if(QuestionId == '990' && str != '' )
{
localStorage.setItem("Language",str);
}
if(QuestionId == '9000')
{
$('.'+QuestionId).addClass('disabled');
}
var message = str;
if(message == '' || message == null) return false;
var preQuestionId = $('#pre_question_id').val();
if(!preQuestionId){
preQuestionId = QuestionId;
}
// if(preQuestionId == '990' && message != '' )
// {
// localStorage.setItem("Language",message);
// }
var Language = localStorage.getItem("Language");
var viewmessage = message;
if(preQuestionId == '990' && Language != '' )
{
if(Language == 'en')
{
viewmessage = 'English';
}
}
if(preQuestionId == '1000' && str == 'No' )
{
var mReply = 'Thank you for visit us, you can check out our façade solution anytime and visit our website any time!';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(mReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
return false;
}
var uchat = $('#user_chat').clone();
uchat.find('.direct-chat-text').html(title);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
if(preQuestionId == '9000' && str == 'Yes')
{
var mReply = 'Please tell us the issue.';
if(mReply && Language != 'en')
{
translate(mReply, Language);
}
else
{
if(mReply){
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(mReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
return false;
}
if(preQuestionId){
$('.'+preQuestionId).removeClass('disabled');
}
if(preQuestionId == '4000')
{
$('.4000').attr('disabled', 'disabled');
}
if(preQuestionId == '5000' && str == 'Yes')
{
$('.4000').attr('disabled', 'disabled');
}
var Language = localStorage.getItem("Language");
if(preQuestionId)
{
$('.'+preQuestionId).addClass('disabled');
}
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:str, preQuestionId: preQuestionId, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
if(preQuestionId){
$('.'+preQuestionId).addClass('disabled');
}
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(preQuestionId == '7000')
{
// $('[name="message"]').attr('readonly', false);
// $('#submit_send').removeAttr('disabled');
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(preQuestionId == '3000' && str == 'Yes')
{
var mReply = 'Okay, we will not share your identity while reporting this issue.';
if(Language == 'en') //English
{
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(mReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else
{
if(mReply && Language != 'en')
{
translate(mReply, Language);
}
}
}
else if(preQuestionId == '3000' && str == 'No')
{
var mReply = 'Okay, we will share your contact details so you can be reached, in case more information is required.';
if(Language == 'en') //English
{
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(mReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else
{
if(mReply && Language != 'en')
{
translate(mReply, Language);
}
}
}
if(preQuestionId == '990')
{
if(Language == 'en') //English
{
var smReply = 'Please note, your concerns regarding safety can be reported as anonymous if you do not wish to share your identity. For reporting the concern anonymously, please select "Yes" when asked in the conversation.';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'hi') //Hindi
{
var smReply = 'कृपया ध्यान दें, यदि आप अपनी पहचान साझा नहीं करना चाहते हैं, तो आप गुप्त रूप से शिकायत दर्ज कर सकते हैं। गुप्त रूप से समस्या दर्ज करने के लिए - हाँ लिखें, अन्यथा नहीं लिखें।';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'vi') //Vietnamese
{
var smReply = 'Báo cáo của bạn sẽ được ghi nhận dưới dạng ẩn danh nếu bạn không muốn tiết lộ danh tính của mình. Để báo cáo ẩn danh, bạn vui lòng chọn "Có" khi được hỏi nhé.';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'km') //Khamer
{
var smReply = 'សូមចំណាំ កង្វល់របស់អ្នកទាក់ទងនឹងសុវត្ថិភាពអាចត្រូវបានរាយការណ៍ថាជាអនាមិក ប្រសិនបើអ្នកមិនចង់ចែករំលែកអត្តសញ្ញាណរបស់អ្នក។ សម្រាប់ការរាយការណ៍ពីកង្វល់ដោយមិនបញ្ចេញឈ្មោះ សូមបញ្ចូល "បាទ/ចាស" នៅពេលសួរនៅក្នុងការសន្ទនា។';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'id') // Bahasa Indonesia
{
var smReply = 'Mohon dicatat, kekhawatiran atau perhatian anda tentang keselamatan dapat dilaporkan sebagai "anonim" (tanpa nama) jika anda tidak ingin membagikan identitas anda. Untuk melaporkan masalah secara anonim, masukkan "Ya" saat ditanya dalam percakapan.';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'kn') //Kannada
{
var smReply = 'ದಯವಿಟ್ಟು ಗಮನಿಸಿ, ನಿಮ್ಮ ಗುರುತನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ನೀವು ಬಯಸದಿದ್ದರೆ, ನೀವು ಅನಾಮಧೇಯವಾಗಿ ದೂರು ಸಲ್ಲಿಸಬಹುದು.ರಹಸ್ಯವಾಗಿ ಉಳಿಯುವ ಮೂಲಕ ಸಮಸ್ಯೆಯನ್ನು ನೋಂದಾಯಿಸಲು - ಹೌದು ಎಂದು ಬರೆಯಿರಿ, ಇಲ್ಲದಿದ್ದರೆ ಇಲ್ಲ ಎಂದು ಬರೆಯಿರಿ';
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
else if(Language == 'te') //Telugu
{
var smReply = localStorage.getItem("telguReply");
if(smReply){
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
else if(Language == 'ta') //Tamil
{
var smReply = "தயவுசெய்து கவனிக்கவும், உங்கள் அடையாளத்தைப் பகிர விரும்பவில்லை என்றால், நீங்கள் பெயர் குறிப்பிடாமல் புகார் அளிக்கலாம்.ரகசியமாக இருப்பதன் மூலம் சிக்கலைப் பதிவு செய்ய - ஆம் என்று எழுதுங்கள், இல்லையெனில் இல்லை என்று எழுதுங்கள்";
if(smReply){
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(smReply);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
if(preQuestionId == '6000' && str)
{
//$('[name="message"]').attr('readonly', 'true');
// $('[name="message"]').attr('readonly', false);
// $('#submit_send').removeAttr('disabled');
}
if(resp.message){
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
if(resp.questionId == '3500' && resp.message)
{
selectProductName();
}
}
}
}
})
}
function selectLanguageRadio(str='',chatId='')
{
//var sff = localStorage.getItem("chatId");
var message = str;
if(message == '' || message == null) return false;
var preQuestionId = $('#pre_question_id').val();
if(preQuestionId == '990' && message != '' )
{
localStorage.setItem("Language",message);
}
var Language = localStorage.getItem("Language");
var viewmessage = message;
var uchat = $('#user_chat').clone();
uchat.find('.direct-chat-text').html(viewmessage);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
if(preQuestionId == '9000' && str == 'Yes')
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
return false;
}
$('.'+preQuestionId).removeClass('disabled');
if(preQuestionId == '4000')
{
$('.4000').attr('disabled', 'disabled');
}
if(preQuestionId == '5000' && str == 'Yes')
{
$('.4000').attr('disabled', 'disabled');
}
var Language = localStorage.getItem("Language");
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:str, preQuestionId: preQuestionId, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
$('.'+preQuestionId).addClass('disabled');
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(preQuestionId == '7000')
{
// $('[name="message"]').attr('readonly', false);
// $('#submit_send').removeAttr('disabled');
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
}
getFactoryList();
function getFactoryList()
{
let dropdown = $('#locality-dropdown');
dropdown.append('<option selected="true" disabled>Please wait...</option>');
dropdown.prop('selectedIndex', 0);
$.get('ajax_factory_list.php', // url
function (data, textStatus, jqXHR) { // success callback
//alert('status: ' + textStatus + ', data:' + data);
var response = JSON.parse(data);
var lengthJson = response.length;
if(lengthJson > 0){
dropdown.html("");
dropdown.append('<option selected="true" disabled>Choose Factory</option>');
dropdown.prop('selectedIndex', 0);
$.each(response, function(i, option) {
$('#locality-dropdown').append($('<option/>').attr("value", option.Id).attr("data-id", option.BillingStreet).text(option.Name+" ("+option.BillingCity+") "));
});
}
});
}
$(function() {
$('#browser').on('input',function() {
var opt = $('option[value="'+$(this).val()+'"]');
alert(opt.length ? opt.attr('value') : 'NO OPTION');
});
});
function selectProductName(str='')
{
// var Productid = $("#browser:selected").val();
// var CountryName = $("#browser:selected").text();
var Productid = $('#browser').val();
Productid = Productid ? Productid : '';
var CountryName = $( "#browser option:selected" ).text();
var CountryName = CountryName;
if(!Productid && str)
{
Productid = str.options[str.selectedIndex].value;
CountryName = str.options[str.selectedIndex].text;
}
Productid = Productid ? Productid : '';
var chatId = localStorage.getItem("chatId");
if(Productid)
{
$('.1500').attr('disabled', 'disabled');
}
var message = CountryName;
var messageTemp = message;
if(message == '--Select country--') return false;
if(message == '' || message == null) return false;
var uchat = $('#user_chat').clone();
var Language = localStorage.getItem("Language");
var viewmessage = messageTemp;
uchat.find('.direct-chat-text').html(viewmessage);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
var preQuestionId = $('#pre_question_id').val();
var Language = localStorage.getItem("Language");
var factoryAddress = '';
if(preQuestionId == '3500')
{
//insert factory name
localStorage.setItem("factoryType", 'Other');
var Factoryname = localStorage.setItem("Factoryname",'');
var Unitcode = localStorage.setItem("Unitcode",'');
var Factorycityname = localStorage.setItem("Factorycityname",'');
var Factoryaddress = localStorage.setItem("Factoryaddress",'');
}
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:Productid, preQuestionId: preQuestionId, Productid:Productid, factoryAddress:factoryAddress, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
}
function selectProductNameOld(str='')
{
var Productid = $("#browsers option[value='" + $('#browser').val() + "']").attr('data-id');
var factoryName = $("#browsers option[value='" + $('#browser').val() + "']").attr('value');
var strvalue = str.value;
var option = Array.prototype.find.call(str.list.options, function(option) {
return option.value === strvalue;
});
var factoryAddress = "";
if(option.getAttribute("data-id"))
{
Productid = option.getAttribute("data-id");
factoryAddress = option.getAttribute("data-address");
factoryName = str.value;
}
Productid = Productid ? Productid : '';
var chatId = localStorage.getItem("chatId");
if(Productid)
{
$('.3500').attr('disabled', 'disabled');
}
var message = factoryName;
var messageTemp = message;
if(factoryAddress)
{
var messageTemp = factoryName+" <br/> (Address: "+factoryAddress+")";
}
if(message == 'Other')
{
var messageTemp = factoryName;
}
if(message == '' || message == null) return false;
var uchat = $('#user_chat').clone();
var Language = localStorage.getItem("Language");
var viewmessage = messageTemp;
uchat.find('.direct-chat-text').html(viewmessage);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
var preQuestionId = $('#pre_question_id').val();
var Language = localStorage.getItem("Language");
if(message == 'Other' || preQuestionId == '3500')
{
//insert factory name
localStorage.setItem("factoryType", 'Other');
var Factoryname = localStorage.setItem("Factoryname",'');
var Unitcode = localStorage.setItem("Unitcode",'');
var Factorycityname = localStorage.setItem("Factorycityname",'');
var Factoryaddress = localStorage.setItem("Factoryaddress",'');
// $('[name="message"]').attr('readonly', false);
// $('#submit_send').removeAttr('disabled');
// message = "Please enter factory name -22";
// if(message && Language != 'en')
// {
// message = translate(message, Language);
// }
// if(message) {
// var bot_chat = $('#bot_chat').clone();
// bot_chat.find('.direct-chat-text').html(message);
// $('#chat_convo .direct-chat-messages').append(bot_chat.html());
// $("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
// }
// return false;
}
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:Productid, preQuestionId: preQuestionId, Productid:Productid, factoryAddress:factoryAddress, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
}
function selectFactoryName(str='')
{
var factoryId = $("#browsers option[value='" + $('#browser').val() + "']").attr('data-id');
var factoryName = $("#browsers option[value='" + $('#browser').val() + "']").attr('value');
var strvalue = str.value;
var option = Array.prototype.find.call(str.list.options, function(option) {
return option.value === strvalue;
});
var factoryAddress = "";
if(option.getAttribute("data-id"))
{
factoryId = option.getAttribute("data-id");
factoryAddress = option.getAttribute("data-address");
factoryName = str.value;
}
factoryId = factoryId ? factoryId : '';
var chatId = localStorage.getItem("chatId");
if(factoryId)
{
$('.4000').attr('disabled', 'disabled');
}
var message = factoryName;
var messageTemp = message;
if(factoryAddress)
{
var messageTemp = factoryName+" <br/> (Address: "+factoryAddress+")";
}
if(message == 'Other')
{
var messageTemp = factoryName;
}
if(message == '' || message == null) return false;
var uchat = $('#user_chat').clone();
var Language = localStorage.getItem("Language");
var viewmessage = messageTemp;
uchat.find('.direct-chat-text').html(viewmessage);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
var preQuestionId = $('#pre_question_id').val();
var Language = localStorage.getItem("Language");
if(message == 'Other')
{
//insert factory name
localStorage.setItem("factoryType", message);
var Unitcode = localStorage.setItem("Unitcode",'');
var Factorycityname = localStorage.setItem("Factorycityname",'');
var Factoryaddress = localStorage.setItem("Factoryaddress",'');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
message = "Please enter factory name";
if(message && Language != 'en')
{
message = translate(message, Language);
}
if(message) {
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
return false;
}
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:factoryId, preQuestionId: preQuestionId, factoryId:factoryId, factoryAddress:factoryAddress, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
$('#submit_send').removeAttr('disabled');
}
else if(resp.questiontype == "radio" || resp.questiontype == "select" || resp.questiontype == "file")
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
}
function uploadS3file()
{
var file_data = $('#fileToUpload').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
//alert(form_data);
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
$('#submit_send').attr('disabled', 'disabled');
var percentComplete = ((evt.loaded / evt.total) * 100);
percentComplete = percentComplete.toFixed(2);
if(percentComplete == '100' || percentComplete == '100.00')
{
percentComplete = '100';
}
$(".file-progress-bar").width(percentComplete + '%');
$(".file-progress-bar").html(percentComplete+'%');
if(percentComplete == '100')
{
$('#submit_send').removeAttr('disabled');
}
}
}, false);
return xhr;
},
type: 'POST',
url: 's3.php',
data: form_data,
contentType: false,
cache: false,
processData:false,
beforeSend: function(){
$(".file-progress-bar").width('0%');
//$('#uploadStatus').html('<img src="images/loading.gif"/>');
},
error:function(){
//$('#uploadStatus').html('<p style="color:#EA4335;">File upload failed, please try again.</p>');
},
success: function(response){
//alert(response); // <-- display response from the PHP script, if any
var json_response = JSON.parse(response);
var s3url = json_response.ObjectURL;
if(s3url){
$('#fileToUpload').attr('disabled', 'disabled');
}
localStorage.setItem("s3url", s3url);
$('#txtmessage').prop('required',false);
return s3url;
// var img = "<img id='uploadthum' src=\"" + s3url + "\">";
}
});
}
function fileUploadSubmit()
{
var file_data = $('#fileToUpload2').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
//alert(form_data);
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = ((evt.loaded / evt.total) * 100);
$(".progress-bar").width(percentComplete + '%');
$(".progress-bar").html(percentComplete+'%');
}
}, false);
return xhr;
},
url: 's3.php', // <-- point to server-side PHP script
dataType: 'text', // <-- what to expect back from the PHP script, if anything
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'post',
beforeSend: function(){
$(".progress-bar").width('0%');
},
success: function(response){
//alert(response); // <-- display response from the PHP script, if any
var json_response = JSON.parse(response);
var s3url = json_response.ObjectURL;
var img = "<img id='uploadthum' src=\"" + s3url + "\">";
if(s3url)
{
$('#fileToUpload').attr('disabled', 'disabled');
$('.8000').attr('disabled', 'disabled');
}
//$("#imageBox").html("<img id='uploadthum' src=\"" + s3url + "\">");
var chatId = $('#chatId').val();
var message = s3url;
if(message == '' || message == null) return false;
var uchat = $('#user_chat').clone();
uchat.find('.direct-chat-text').html(img);
$('#chat_convo .direct-chat-messages').append(uchat.html());
$('[name="message"]').val('')
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
$('[name="message"]').attr('readonly', false);
var preQuestionId = $('#pre_question_id').val();
var Language = localStorage.getItem("Language");
$.ajax({
url:_base_url_+"classes/Master.php?f=get_response",
method:'POST',
data:{message:message, chatId:chatId, option_value:s3url, preQuestionId: preQuestionId, Language: Language},
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
if(resp){
resp = JSON.parse(resp)
if(resp.status == 'success'){
var questionId = resp.questionId;
var end = resp.end;
$('#pre_question_id').val(questionId);
if(resp.questiontype == "textbox")
{
//$('[name="message"]').attr('readonly', 'true');
$('[name="message"]').attr('readonly', false);
}
else if(resp.questiontype == "radio")
{
$('[name="message"]').attr('readonly', true);
}
if(end == 'yes')
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
}
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(resp.message);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
}
}
})
}
});
}
</script>
<script type="text/javascript">
// var userLang = navigator.language || navigator.userLanguage;
// alert ("The language is: " + userLang);
function uploadimage()
{
var file_data = $('#fileInput').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = ((evt.loaded / evt.total) * 100);
$(".file-progress-bar").width(percentComplete + '%');
$(".file-progress-bar").html(percentComplete+'%');
}
}, false);
return xhr;
},
type: 'POST',
url: 'upload.php',
data: form_data,
contentType: false,
cache: false,
processData:false,
beforeSend: function(){
$(".file-progress-bar").width('0%');
$('#uploadStatus').html('<img src="images/loading.gif"/>');
},
error:function(){
$('#uploadStatus').html('<p style="color:#EA4335;">File upload failed, please try again.</p>');
},
success: function(resp){
var json_response = JSON.parse(resp);
var s3url = json_response.ObjectURL;
if(s3url){
$('#uploadStatus').html('<p style="color:#28A74B;">File has uploaded successfully!</p>');
}else {
$('#uploadStatus').html('<p style="color:#EA4335;">Please select a valid file to upload.</p>');
}
}
});
}
function translate(data='', convert_lang='')
{
localStorage.removeItem("smessage");
var postdata = {data:data, convert_lang:convert_lang};
$.post("translate.php",postdata, function(result){
if(result) {
//localStorage.setItem("smessage", result);
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(result);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
//return false;
});
}
function translateSetLocal(data='', convert_lang='', key_name = '')
{
if(key_name)
{
localStorage.removeItem(key_name);
}
var postdata = {data:data, convert_lang:convert_lang};
$.post("translate.php",postdata, function(result){
if(result)
{
localStorage.setItem(key_name, result);
}
});
}
function translateText2(data='',convert_lang='') {
var httpRequest = new XMLHttpRequest();
httpRequest.open('GET', "translate.php?text="+data+"&convert_lang="+convert_lang);
httpRequest.send();
return httpRequest.responseText;
}
//get language question
function loadLanguage()
{ var question = '<?php echo $_settings->info('intro') ?>';
var chatId = "<?php echo time(); ?>";
localStorage.setItem("chatId",chatId);
$('#chatId').val(chatId);
$.ajax({
url:_base_url_+"classes/Master.php?f=get_language_response&chatId="+chatId,
method:'GET',
error: err=>{
console.log(err)
alert_toast("An error occured.",'error');
end_loader();
},
success:function(resp){
var apiMessage = '';
if(resp){
resp = JSON.parse(resp);
if(resp.status == 'success'){
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
apiMessage = resp.message;
}
}
var mess = '';
mess += '<span>'+question+'</spanp>';
mess += apiMessage;
var bot_chat = $('#bot_chat').clone();
bot_chat.find('.direct-chat-text').html(mess);
$('#chat_convo .direct-chat-messages').append(bot_chat.html());
$("#chat_convo .card-body").animate({ scrollTop: $("#chat_convo .card-body").prop('scrollHeight') }, "fast");
}
})
}
function StartAgain()
{
location.reload();
}
</script>