Я пытаюсь реализовать автоматические предложения в чат-ботах с использованием BotChat & jquery и хранить несколько значений в одном ключе с помощью массива. Как сохранить несколько автоматических предложений в одной строке. когда я ввожу привет (текстовое поле), он выдает многократное предложение и нажимает на предложение, оно автоматически завершает его. Это должно быть похоже на предложение Google.
Issue1: мой код работает только для одного ключа с одним значением.
Проблема 2: если я нажимаю на предложение, оно появляется в текстовом поле, а когда я оставляю пробел, только сообщение отправляется.
код:
<body>
<div id="bot"></div>
<script>
BotChat.App({
directLine: { secret: "key" },
user: { id: 'You' },
bot: { id: '{}' },
resize: 'detect'
}, document.getElementById("bot"));
var availableTags = {"hi": ["Hi","hiring","hello","hey"],"good": ["good","good bye","alright"], "country": ["U.S.A","UAE","Japan"]};
$(".wc-shellinput").on("keyup", function search(e) {
var value= e.keyCode;
console.log(value);
if (parseInt(value) === 13 || parseInt(value) === 32 )
{
}
else{
$(".wc-message-groups table").remove();
}
let h = '';
var value=$('.wc-shellinput').val();
var reg='';
var realvalue='';
reg = new RegExp(value,'g');
for(x in availableTags) {
if(value.match(x))
{
h = `<tr><td>${availableTags[x]}</td> </tr>`;
realvalue = $('.wc-message-groups').append(`<p class="adfg"><table><tr><td>${h}</td></tr></table></p>`);
}
}});
$(".wc-message-groups").on("click", "td", function() {
$('.wc-shellinput').val($(this).text());
});
</script>
</body>
код css:
<style>
.wc-chatview-panel {
width: 350px;
height: 500px;
position: relative;
}
.adfg{ }
td{
font-size: 1em;
display: inline-block;
padding: 0 10px;
height: 26px;
font-size: 16px;
line-height: 20px;
border-radius: 45px;
background-color: #f1f1f1;
position: fixed;
bottom: 5px;
}
</style>