`,\n confirmButton: 'Call',\n confirmButtonClass: 'btn-info',\n icon: 'fa fa-question-circle',\n animation: 'scale',\n animationClose: 'top',\n opacity: 0.5,\n confirm: () => {\n const extension = $('input[type=\"radio\"]:checked').val()\n fetch(callpath, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRF-Token': csrfToken()\n },\n body: JSON.stringify({\n extension: extension,\n destination: destination\n })\n }).then(res => {\n if (!res.ok) { throw res }\n toastr.info('Call initiated')\n }).catch(error => console.error(\"we got an error:\", error))\n },\n })\n }\n\n}\n","import { Controller } from \"stimulus\"\nimport { csrfToken } from \"../../src/js/csrf\"\n\nexport default class extends Controller {\n static targets = [\n 'number',\n 'message',\n 'replyForm',\n 'replyTitle',\n 'smsReplyBtn'\n ]\n\n // action\n smsNew(evt) {\n evt.preventDefault()\n this.sendSms(this.numberTarget.value, this.messageTarget.value, () => {\n toastr.info('SMS sent')\n this.messageTarget.value = null\n })\n }\n\n // action\n showReplyForm(evt) {\n const originator = evt.currentTarget.closest('.js-sms-row').querySelector('.js-sms-originator').innerText\n this.replyFormTarget.classList.remove('hidden')\n this.replyTitleTarget.innerText = `Reply to ${originator}`\n this.smsReplyBtnTarget.setAttribute('data-originator', originator)\n const modal = evt.currentTarget.closest('.sticky__modal')\n modal.scrollTo({ left: 0, top: modal.scrollHeight, behavior: \"smooth\" })\n }\n\n // action\n smsReply(evt) {\n console.log(evt.currentTarget.dataset.originator)\n this.sendSms(evt.currentTarget.dataset.originator, this.messageTarget.value)\n }\n\n sendSms(number, message) {\n fetch(this.data.get('sendsmspath'), {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'X-CSRF-Token': csrfToken()\n },\n body: JSON.stringify({\n number: number,\n message: message\n })\n }).then(res => {\n if (!res.ok) { throw res }\n this.smsSuccess(number)\n }).catch(error => {\n console.error(\"we got an error:\", error)\n this.smsFail()\n })\n }\n\n smsSuccess(number) {\n toastr.info(`SMS to ${number} sent`)\n this.messageTarget.value = null\n if (this.hasReplyFormTarget) this.replyFormTarget.classList.add('hidden')\n }\n\n smsFail() {\n toastr.error('SMS Failed')\n }\n\n}\n","import { Controller } from \"stimulus\"\nimport SlimSelect from 'slim-select'\nimport autoComplete from \"@tarekraafat/autocomplete.js\"\nimport '../../src/css/modules/slim_select.scss'\nimport '../../src/css/modules/sticky.sass'\n\nexport default class extends Controller {\n static targets = [\n 'modal',\n 'phoneField',\n 'counter',\n 'select',\n 'autocom',\n 'autocomResult',\n 'autocomResults',\n 'badge'\n ]\n\n initialize() {\n // close all if click outside\n document.body.addEventListener('click', evt => {\n if (!evt.target.closest('.js-sticky')) this.closeAll()\n })\n }\n\n // action\n openModal(event) {\n const this_modal = event.currentTarget.nextElementSibling\n this_modal.classList.toggle('hidden')\n this.modalTargets.forEach(el => {\n if (el !== this_modal) el.classList.add('hidden')\n })\n const classList = event.currentTarget.classList\n const closestHolder = event.currentTarget.closest('.js-sticky__item').querySelector(\".js-holder\")\n if (classList.contains('js-sms') && !this.select) {\n this.initSlimSelect()\n } else if (classList.contains('js-search')) {\n if (!this.autocom) this.initAutocom()\n this.autocomTarget.focus()\n } else if (classList.contains('js-last-sms')) {\n this.appendLastSms(closestHolder)\n } else if (classList.contains('js-last-calls')) {\n this.appendLastCalls(closestHolder)\n }\n }\n\n closeAll() {\n this.modalTargets.forEach(el => el.classList.add('hidden'))\n }\n\n // action\n closeModal() {\n this.closeAll()\n }\n\n initSlimSelect() {\n this.select = new SlimSelect({\n select: this.selectTarget,\n // do not focus on search fields for small devices\n searchFocus: window.innerWidth > 768,\n placeholder: 'Select person',\n onChange: info => {\n if (info.value !== '') {\n this.phoneFieldTarget.value = info.value\n }\n }\n })\n\n fetch(this.data.get('smspath'))\n .then(res => {\n return res.json()\n })\n .then(json => {\n this.select.setData(json.data)\n })\n }\n\n initAutocom() {\n this.autocom = new autoComplete({\n selector: () => this.autocomTarget,\n data: {\n src: async () => {\n const query = this.autocomTarget.value\n const source = await fetch(this.data.get('searchpath') + '?q=' + query)\n return await source.json()\n },\n keys: ['fullname', 'sp_number', 'id']\n },\n threshold: 3,\n debounce: 300,\n highlight: { render: true },\n resultItem: {\n element: (item, data) => {\n this.autocomResultsTarget.classList.add('hidden')\n\n item.innerHTML = `\n