File: /var/www/html/labs/chatbot-v-5/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: #f0522a;
border-color: #f0522a;
color: #fff;
float: right;
} */
.direct-chat-primary .right>.direct-chat-text {
background-color: #ffc5b7;
border-color: #f0522a;
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: #ffc5b7;
border-color: #f0522a;
}
.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;
}
</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>
<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" : '' ?>">
<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">Ask Me</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 -->
<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">
<?php echo $_settings->info('intro') ?>
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.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">
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")
$('#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 message = $('[name="message"]').val();
var preQuestionId = $('#pre_question_id').val();
if(preQuestionId != '8000') {
if(message == '' || message == null) return false;
}
var Language = localStorage.getItem("Language");
if(preQuestionId == '2000' && 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(isNaN(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 <= 9 || message.length >= 13){
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);
}
if(preQuestionId == '9000' && message != '' )
{
$('[name="message"]').attr('readonly', true);
$('#submit_send').attr('disabled', 'disabled');
$('.'+preQuestionId).addClass('disabled');
}
$.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},
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');
}
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 selectAnsRadio(str='',chatId='', title='')
{
//var sff = localStorage.getItem("chatId");
var message = str;
if(message == '' || message == null) return false;
var preQuestionId = $('#pre_question_id').val();
if(preQuestionId == '0990' && message != '' )
{
localStorage.setItem("Language",message);
}
var Language = localStorage.getItem("Language");
var viewmessage = message;
if(preQuestionId == '0990' && Language != '' )
{
if(Language == 'en')
{
viewmessage = 'English';
}
else if(Language == 'hi')
{
viewmessage = 'Hindi';
}
else if(Language == 'kn')
{
viewmessage = 'Kannada';
}
else if(Language == 'te')
{
viewmessage = 'Telugu';
}
else if(Language == 'ta')
{
viewmessage = 'Tamil';
}
else if(Language == 'vi')
{
viewmessage = 'Vietnamese';
}
else if(Language == 'km')
{
viewmessage = 'Khmer';
}
else if(Language == 'id')
{
viewmessage = 'Bahasa Indonesia';
}
}
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')
{
//$('[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');
}
if(preQuestionId == '3000' && str == 'Yes')
{
var mReply = 'Okay, we will not share your identity while reporting this issue.';
if(Language == 'en')
{
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(Language == 'hi')
{
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");
}
else if(Language == 'vi')
{
mReply = 'Chúng tôi sẽ không tiết lộ danh tính của bạn khi báo cáo vấn đề này.';
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')
{
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(Language == 'hi')
{
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");
}
else if(Language == 'vi')
{
mReply = 'Thông tin của bạn sẽ được chia sẻ trong báo cáo và chúng tôi sẽ liên hệ bạn nếu cần thêm thông tin.';
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);
}
}
}
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 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 == '0990' && 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 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 = $('#chatId').val();
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')
{
$('[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) {
var percentComplete = ((evt.loaded / evt.total) * 100);
$(".file-progress-bar").width(percentComplete + '%');
$(".file-progress-bar").html(percentComplete+'%');
}
}, 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 translateText2(data='',convert_lang='') {
var httpRequest = new XMLHttpRequest();
httpRequest.open('GET', "translate.php?text="+data+"&convert_lang="+convert_lang);
httpRequest.send();
return httpRequest.responseText;
}
</script>