/**
* @copyright 2021 Double Bastion LLC <www.doublebastion.com>
*
* @author Double Bastion LLC
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
* License as published by the Free Software Foundation; either
* version 3 of the License, or any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU AFFERO GENERAL PUBLIC LICENSE for more details.
*
* You should have received a copy of the GNU Affero General Public
* License along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
$(document).ready(function() {
var userid = "<?php p($userId); ?>";
var isadm = '';
// Get personal settings
var baseUrlget = OC.generateUrl('/apps/sms_relentless/user/getsettings');
$.ajax({
method: 'GET',
url: baseUrlget + '/' + userid,
contentType: 'application/json',
success: function(settingsfromdb) {
// Add the webhook URLs section, if the user is not an admin
if (settingsfromdb.adminornot == 'reguser') {
isadm = 'reguser';
$("#appTitlePrg").append('<p id="settings-dscr"><h3>Enter your options in the fields from below. As a non-admin user, you can use any of the SMS service providers from \
below, on the condition that an admin has shared with you his API keys for that provider:</h3></p><br>');
$("#nadmProvSection").append('<div class="providerSettings"><p><label for="telapi_url_rec" class="setlabeltext"><b>Telnyx webhook URL for incoming SMS/MMS</b> (Generate \
the URL by pressing the button from below. Don\'t forget to also click the \'Save\' button at the bottom of this page after entering all the options, to save \
all the settings to the database.)</label></p> \
<input type="button" id="generate_tel_rcpt" class="generateUrl" value="Generate new webhook URL for incoming SMS/MMS" /> \
<input type="text" class="smsr_textboxspec" id="telapi_url_rec" name="telapi_url_rec" autocomplete="false" /> \
<span id="copyToClipboardtel" class="icon icon-clippy" title="Copy to clipboard"></span><br><br> \
\
<p><label for="telapi_url" class="setlabeltext"><b>Telnyx webhook URL for delivery receipts</b> (This URL will be included by SMS Relentless in message sending \
requests, so that Telnyx will know where to send the delivery receipts. Just generate it by pressing the button from below. Don\'t forget to click the \'Save\' \
button at the bottom of this page after entering all the options, to save all the settings to the database.)</label></p> \
<input type="button" id="generate_tel_delrcpt" class="generateUrl" value="Generate new webhook URL for delivery receipts" /> \
<input type="text" id="telapi_url" name="telapi_url" autocomplete="false" /></div><br><br> \
\
<div class="providerSettings"><p><label for="nexapi_url_rec" class="setlabeltext"><b>Plivo webhook URL for incoming SMS/MMS</b> (Generate the URL by pressing \
the button from below. Don\'t forget to also click the \'Save\' button at the bottom of this page after entering all the options, to save all the settings \
to the database.)</label></p> \
<input type="button" id="generate_nex_rcpt" class="generateUrl" value="Generate new webhook URL for incoming SMS/MMS" /> \
<input type="text" class="smsr_textboxspec" id="nexapi_url_rec" name="nexapi_url_rec" autocomplete="false" /> \
<span id="copyToClipboardnex" class="icon icon-clippy" title="Copy to clipboard"></span><br><br> \
\
<p><label for="nexapi_url" class="setlabeltext"><b>Plivo webhook URL for delivery receipts</b> (This URL will be included by SMS Relentless in message sending \
requests, so that Plivo will know where to send the delivery receipts. Just generate it by pressing the button from below. Don\'t forget to click the \'Save\' \
button at the bottom of this page after entering all the options, to save all the settings to the database.)</label></p> \
<input type="button" id="generate_nex_delrcpt" class="generateUrl" value="Generate new webhook URL for delivery receipts" /> \
<input type="text" id="nexapi_url" name="nexapi_url" autocomplete="false" /></div><br><br> \
\
<div class="providerSettings"><p><label for="twilapi_url_rec" class="setlabeltext"><b>Twilio webhook URL for incoming SMS/MMS</b> (Generate the URL by pressing \
the button from below. Don\'t forget to also click the \'Save\' button at the bottom of this page after entering all the options, to save all the settings to \
the database.)</label></p> \
<input type="button" id="generate_twil_rcpt" class="generateUrl" value="Generate new webhook URL for incoming SMS/MMS" /> \
<input type="text" class="smsr_textboxspec" id="twilapi_url_rec" name="twilapi_url_rec" autocomplete="false" /> \
<span id="copyToClipboardtwil" class="icon icon-clippy" title="Copy to clipboard"></span><br><br> \
\
<p><label for="twilapi_url" class="setlabeltext"><b>Twilio webhook URL for delivery receipts</b> (This URL will be included by SMS Relentless in message sending \
requests, so that Twilio will know where to send the delivery receipts. Just generate it by pressing the button from below. Don\'t forget to click the \'Save\' \
button at the bottom of this page after entering all the options, to save all the settings to the database.)</label></p> \
<input type="button" id="generate_twil_delrcpt" class="generateUrl" value="Generate new webhook URL for delivery receipts" /> \
<input type="text" id="twilapi_url" name="twilapi_url" autocomplete="false" /></div><br><br> \
\
<div class="providerSettings"><p><label for="flowapi_url_rec" class="setlabeltext"><b>Flowroute webhook URL for incoming SMS/MMS</b> (Generate the URL by pressing \
the button from below. Don\'t forget to also click the \'Save\' button at the bottom of this page after entering all the options, to save all the settings to \
the database.)</label></p> \
<input type="button" id="generate_flow_rcpt" class="generateUrl" value="Generate new webhook URL for incoming SMS/MMS" /> \
<input type="text" class="smsr_textboxspec" id="flowapi_url_rec" name="flowapi_url_rec" autocomplete="false" /> \
<span id="copyToClipboardflow" class="icon icon-clippy" title="Copy to clipboard"></span><br><br> \
\
<p><label for="flowapi_url" class="setlabeltext"><b>Flowroute webhook URL for delivery receipts</b> (This URL will be included by SMS Relentless in message sending \
requests, so that Flowroute will know where to send the delivery receipts. Just generate it by pressing the button from below. Don\'t forget to click the \'Save\' \
button at the bottom of this page after entering all the options, to save all the settings to the database.)</label></p> \
<input type="button" id="generate_flow_delrcpt" class="generateUrl" value="Generate new webhook URL for delivery receipts" /> \
<input type="text" id="flowapi_url" name="flowapi_url" autocomplete="false" /><br><br> \
Flowroute only supports sending/receiving SMS/MMS messages within USA and Canada and it doesn\'t support Alphanumeric Sender IDs.</div><br>');
$("#telapi_url_rec").val(settingsfromdb.telapi_url_rec);
$("#telapi_url").val(settingsfromdb.telapi_url);
$("#nexapi_url_rec").val(settingsfromdb.nexapi_url_rec);
$("#nexapi_url").val(settingsfromdb.nexapi_url);
$("#twilapi_url_rec").val(settingsfromdb.twilapi_url_rec);
$("#twilapi_url").val(settingsfromdb.twilapi_url);
$("#flowapi_url_rec").val(settingsfromdb.flowapi_url_rec);
$("#flowapi_url").val(settingsfromdb.flowapi_url);
$("#messagesperpage").val(settingsfromdb.messagesperpage);
if (settingsfromdb.get_notify == 1) {
$("#get_notify").attr('checked', true);
} else {
$("#get_notify").attr('checked', false);
}
$("#notification_email").val(settingsfromdb.notification_email);
if (settingsfromdb.getsmsinemail == 1) {
$("#includesmsinemail").attr('checked', true);
} else {
$("#includesmsinemail").attr('checked', false);
}
if (settingsfromdb.show_display_names == 1) {
$("#showdisplaynames").attr('checked', true);
} else {
$("#showdisplaynames").attr('checked', false);
}
function randomStr(strlength) {
var fintext = "";
var keyspace = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
for (var i = 0; i < strlength; i++) {
fintext += keyspace.charAt(Math.floor(Math.random() * keyspace.length));
}
return fintext;
}
$("#generate_tel_rcpt").on("click", function(event) {
var teltokenrec = randomStr(70);
var telnyxwhurlrec = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recsmstel?telrecparam=') + teltokenrec;
$("#telapi_url_rec").val(telnyxwhurlrec);
});
$("#copyToClipboardtel").on("click", function(event) {
var $tempEl = $("<input>");
$("body").append($tempEl);
$tempEl.val($("#telapi_url_rec").val()).select();
document.execCommand("Copy");
$tempEl.remove();
showAlert("The link has been copied to your clipboard!");
});
$("#generate_tel_delrcpt").on("click", function(event) {
var teltoken = randomStr(70);
var telnyxwhurl = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recdeliverytel?teldrparam=') + teltoken;
$("#telapi_url").val(telnyxwhurl);
});
$("#generate_nex_rcpt").on("click", function(event) {
var plivotokenrec = randomStr(70);
var plivowhurlrec = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recsmsnex?plivorecparam=') + plivotokenrec;
$("#nexapi_url_rec").val(plivowhurlrec);
});
$("#copyToClipboardnex").on("click", function(event) {
var $tempElpl = $("<input>");
$("body").append($tempElpl);
$tempElpl.val($("#nexapi_url_rec").val()).select();
document.execCommand("Copy");
$tempElpl.remove();
showAlert("The link has been copied to your clipboard!");
});
$("#generate_nex_delrcpt").on("click", function(event) {
var plivotoken = randomStr(70);
var plivodrwhurl = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recdeliverynex?plivodrparam=') + plivotoken;
$("#nexapi_url").val(plivodrwhurl);
});
$("#generate_twil_rcpt").on("click", function(event) {
var twiltokenrec = randomStr(35);
var twilwhurlrec = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recsmstwil?twilrecparam=') + twiltokenrec;
$("#twilapi_url_rec").val(twilwhurlrec);
});
$("#copyToClipboardtwil").on("click", function(event) {
var $tempElpl = $("<input>");
$("body").append($tempElpl);
$tempElpl.val($("#twilapi_url_rec").val()).select();
document.execCommand("Copy");
$tempElpl.remove();
showAlert("The link has been copied to your clipboard!");
});
$("#generate_twil_delrcpt").on("click", function(event) {
var twiltoken = randomStr(35);
var twildrwhurl = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recdeliverytwil?twildrparam=') + twiltoken;
$("#twilapi_url").val(twildrwhurl);
});
$("#generate_flow_rcpt").on("click", function(event) {
var flowtokenrec = randomStr(70);
var flowwhurlrec = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recsmsflow?flowrecparam=') + flowtokenrec;
$("#flowapi_url_rec").val(flowwhurlrec);
});
$("#copyToClipboardflow").on("click", function(event) {
var $tempElpl = $("<input>");
$("body").append($tempElpl);
$tempElpl.val($("#flowapi_url_rec").val()).select();
document.execCommand("Copy");
$tempElpl.remove();
showAlert("The link has been copied to your clipboard!");
});
$("#generate_flow_delrcpt").on("click", function(event) {
var flowtoken = randomStr(70);
var flowdrwhurl = window.location.origin + OC.generateUrl('/apps/sms_relentless/api/recdeliveryflow?flowdrparam=') + flowtoken;
$("#flowapi_url").val(flowdrwhurl);
});
} else if (settingsfromdb.adminornot == 'admin') {
$("#appTitlePrg").append('<p id="settings-dscr"><h3>Enter your options in the fields from below:</h3></p><br>');
isadm = 'admin';
$("#messagesperpage").val(settingsfromdb.messagesperpage);
if (settingsfromdb.get_notify == 1) {
$("#get_notify").attr('checked', true);
} else {
$("#get_notify").attr('checked', false);
}
$("#notification_email").val(settingsfromdb.notification_email);
if (settingsfromdb.getsmsinemail == 1) {
$("#includesmsinemail").attr('checked', true);
} else {
$("#includesmsinemail").attr('checked', false);
}
if (settingsfromdb.show_display_names == 1) {
$("#showdisplaynames").attr('checked', true);
} else {
$("#showdisplaynames").attr('checked', false);
}
}
// Auto-reply settings
// Get the available phone numbers from all providers associated with the access keys entered on the Settings page (restrictions are applied to numbers for non-admins)
$("#autoRplPhoneNb").addClass('icon-loading');
var getnumbersUrl = OC.generateUrl("/apps/sms_relentless/user/getautoreplyconf");
$.ajax({
url: getnumbersUrl + '/' + userid,
type: "GET",
contentType: 'application/json',
success: function(autoreplydata) {
$("#autoRplPhoneNb").removeClass('icon-loading');
var cusrDisplayName = autoreplydata.userdisplayname;
var availPhoneNmbrs = autoreplydata.phonenumbers;
var autorpldata = autoreplydata.autoreplies;
if (autorpldata.length > 0) {
var arplNmb = autorpldata.length;
} else {
var arplNmb = 0;
}
// List the auto-replies for the phone numbers available for the current user
if (arplNmb == 0) {
$("#autoReplyTbl").append("<tr><td><input type='text' class='arplAuthor' value='"+ cusrDisplayName +"' disabled></td><td><select id='arpphn-"+ arplNmb +"' class='arplPhoneNmbr'></select></td><td><div id='arplmode-"+ arplNmb +"' class='arplMode'><select id='modeselect-"+ arplNmb +"' class='selectArplMode'><option value='' selected>Select mode</option><option value='daily'>Daily mode</option><option value='vacation'>Vacation mode</option></select><div id='modecont-"+ arplNmb +"' class='modeContent'></div></div></td><td><textarea id='arpltxt-"+ arplNmb +"' class='arplText' rows='20' cols='40' placeholder='Enter the auto-reply message here.'></textarea></td><td><img id='rmRow-"+ arplNmb +"' class='removeRow' src='/apps/sms_relentless/img/closewnd.svg' title='Remove this row from the database' style='cursor:pointer;margin:9px 8px 0px 18px;'></td><td><input type='submit' id='arplsave-"+ arplNmb +"' class='saveAutoReply' value='Save' title='Save Row' /></td></tr>");
$("#autoReplyTbl").append("<div><img id='addArplRow' src='/apps/sms_relentless/img/add.svg' title='Add Row'></div>");
} else {
for (k = 0; k < arplNmb; k++) {
if (autorpldata[k].days_of_week != '') {
var slctdMode = "<option value=''>Select mode</option><option value='daily' selected>Daily mode</option><option value='vacation'>Vacation mode</option>";
var dailyStartArr = autorpldata[k].daily_start.split(":");
var dailyEndArr = autorpldata[k].daily_end.split(":");
var dlHrStartOptions = "";
for (var hr = 0; hr < 24; hr++) {
if (dailyStartArr[0] != hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})) {
dlHrStartOptions += "<option value='"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
} else {
dlHrStartOptions += "<option value='"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"' selected>"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
}
var dlMnStartOptions = "";
for (var mn = 0; mn < 60; mn++) {
if (dailyStartArr[0] != mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})) {
dlMnStartOptions += "<option value='"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
} else {
dlMnStartOptions += "<option value='"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"' selected>"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
}
var dlHrEndOptions = "";
for (var hr = 0; hr < 24; hr++) {
if (dailyEndArr[0] != hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})) {
dlHrEndOptions += "<option value='"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
} else {
dlHrEndOptions += "<option value='"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"' selected>"+ hr.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
}
var dlMnEndOptions = "";
for (var mn = 0; mn < 60; mn++) {
if (dailyEndArr[1] != mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false})) {
dlMnEndOptions += "<option value='"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
} else {
dlMnEndOptions += "<option value='"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"' selected>"+ mn.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
}
var modeContent = "<div class='daysOfWeek'>Days of the week:<div class='tooltipautoreply'><div id='infoautoreply'>i</div><div class='autorpltooltip'>Enter the order number of the days of the week in which the auto-reply will be sent. For example, to send the auto-reply every day from Monday to Friday (outside the time interval specified below), enter 1,2,3,4,5 To send the auto-reply only Monday, Thursday and Friday enter 1,4,5 To send the auto-reply every day of the week enter 1,2,3,4,5,6,7</div></div></div><input type='text' id='weekdays-"+ k +"' class='daysInWeek' value='"+ autorpldata[k].days_of_week +"'><div class='chooseTInterval'>Send auto-reply <span style='color:#ad0202'>outside</span> this interval:<div class='tooltipautoreplyst'><div id='infoautoreplyst'>i</div><div class='autorpltooltipst'>These fields specify the time of the server. If the server is located in a time zone that is different from that of the owner/company, the time interval entered here should be adjusted accordingly.</div></div></div><div class='selectArplHours'><select id='dmstarthr-"+ k +"' class='selectHrMin'>"+ dlHrStartOptions +"</select><select id='dmstartmn-"+ k +"' class='selectHrMin'>"+ dlMnStartOptions +"</select><span style='font-weight: 600'> — </span><select id='dmendhr-"+ k +"' class='selectHrMin'>"+ dlHrEndOptions +"</select><select id='dmendmn-"+ k +"' class='selectHrMin'>"+ dlMnEndOptions +"</select></div>";
} else {
var vctnStart = autorpldata[k].vacation_start.split(" ")[0];
var vctnEnd = autorpldata[k].vacation_end.split(" ")[0];
var slctdMode = "<option value=''>Select mode</option><option value='daily'>Daily mode</option><option value='vacation' selected>Vacation mode</option>";
var modeContent = "<div class='chooseDateIntvl'>Send auto-reply <span style='color:#ad0202'>inside</span> this interval:</div><div class='arplstrtendDates'><div class='stdtTitle'>Start Date</div><input type='text' id='startDT-"+ k +"' class='startDate' placeholder='Pick a date' value='"+ vctnStart +"'><div class='enddtTitle'>End Date</div><input type='text' id='endDT-"+ k +"' class='endDate' placeholder='Pick a date' value='"+ vctnEnd +"'></div>"
}
$("#autoReplyTbl").append("<tr><td><input type='text' class='arplAuthor' value='"+ autorpldata[k].saved_by_dsplname +"' disabled></td><td><select id='arpphn-"+ k +"' class='arplPhoneNmbr' style='pointer-events:none'><option selected>"+ autorpldata[k].phone_number +"</option></select></td><td><div id='arplmode-"+ k +"' class='arplMode'><select id='modeselect-"+ k +"' class='selectArplMode'>"+ slctdMode +"</select><div id='modecont-"+ k +"' class='modeContent'>"+ modeContent +"</div></div></td><td><textarea id='arpltxt-"+ k +"' class='arplText' rows='20' cols='40' placeholder='Enter the auto-reply message here.'>"+ autorpldata[k].message_text +"</textarea></td><td><img id='rmRow-"+ k +"' class='removeRow' src='/apps/sms_relentless/img/closewnd.svg' title='Remove this row from the database' style='cursor:pointer;margin:9px 8px 0px 18px;'></td><td><input type='submit' id='arplsave-"+ k +"' class='saveAutoReply' value='Edit' title='Edit Row' /></td></tr>");
}
$("#autoReplyTbl").append("<div><img id='addArplRow' src='/apps/sms_relentless/img/add.svg' title='Add Row'></div>");
}
// Create a list with all the available phone numbers
var numbersListItems = "<option value='' selected>Select phone number</option>";
$.each(availPhoneNmbrs, function(key, indsmsnmb) {
numbersListItems += "<option value='"+ indsmsnmb +"'>"+ indsmsnmb +"</option>";
});
if (arplNmb == 0) {
$("#arpphn-"+ arplNmb).append(numbersListItems);
}
// Initialize the date picker
$('[id^="endDT-"]').datepicker({ dateFormat: "yy-mm-dd" });
$('[id^="startDT-"]').datepicker({ dateFormat: "yy-mm-dd" });
// Select the auto-reply mode
function selectMode() {
$('[id^="modeselect-"]').change(function() {
var crtnmbr = $(this).attr("id").replace("modeselect-", "");
var dailyHrStart = "";
for (var h = 0; h < 24; h++) {
dailyHrStart += "<option value='"+ h.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ h.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
var dailyMnStart = "";
for (var m = 0; m < 60; m++) {
dailyMnStart += "<option value='"+ m.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"'>"+ m.toLocaleString('en-US', {minimumIntegerDigits: 2, useGrouping:false}) +"</option>";
}
var dailyHrEnd = dailyHrStart;
var dailyMnEnd = dailyMnStart;
if ($(this).val() == 'daily') {
$("#modecont-"+ crtnmbr).empty();
$("#modecont-"+ crtnmbr).append("<div class='daysOfWeek'>Days of the week:<div class='tooltipautoreply'><div id='infoautoreply'>i</div><div class='autorpltooltip'>Enter the order number of the days of the week. For example, to send the auto-reply every day from Monday to Friday outside the specified time interval, enter 1,2,3,4,5 To send the auto-reply only Monday, Thursday and Friday enter 1,4,5 To send the auto-reply every day of the week enter 1,2,3,4,5,6,7</div></div></div><input type='text' id='weekdays-"+ crtnmbr +"' class='daysInWeek'><div class='chooseTInterval'>Send auto-reply <span style='color:#ad0202'>outside</span> this interval:<div class='tooltipautoreplyst'><div id='infoautoreplyst'>i</div><div class='autorpltooltipst'>These fields specify the time of the server. If the server is located in a time zone that is different from that of the owner/company, the time interval entered here should be adjusted accordingly.</div></div></div><div class='selectArplHours'><select id='dmstarthr-"+ crtnmbr +"' class='selectHrMin'>"+ dailyHrStart +"</select><select id='dmstartmn-"+ crtnmbr +"' class='selectHrMin'>"+ dailyMnStart +"</select><span style='font-weight: 600'> — </span><select id='dmendhr-"+ crtnmbr +"' class='selectHrMin'>"+ dailyHrEnd +"</select><select id='dmendmn-"+ crtnmbr +"' class='selectHrMin'>"+ dailyMnEnd +"</select></div>");
} else if ($(this).val() == 'vacation') {
$("#modecont-"+ crtnmbr).empty();
$("#modecont-"+ crtnmbr).append("<div class='chooseDateIntvl'>Send auto-reply <span style='color:#ad0202'>inside</span> this interval:</div><div class='arplstrtendDates'><div class='stdtTitle'>Start Date</div><input type='text' id='startDT-"+ crtnmbr +"' class='startDate' placeholder='Pick a date'><div class='enddtTitle'>End Date</div><input type='text' id='endDT-"+ crtnmbr +"' class='endDate' placeholder='Pick a date' /></div>");
}
$("#endDT-"+ crtnmbr +"").datepicker({ dateFormat: "yy-mm-dd" });
$("#startDT-"+ crtnmbr +"").datepicker({ dateFormat: "yy-mm-dd" });
});
}
selectMode();
// Save the data
function saveArplRow() {
$('[id^="arplsave-"]').unbind("click");
$('[id^="arplsave-"]').click(function(event) {
event.preventDefault();
var crntrwnmbr = $(this).attr("id").replace("arplsave-", "");
if ($(this).attr("value") == "Save") {
var phoneNmbr = $("#arpphn-"+ crntrwnmbr).val();
var arplText = $("#arpltxt-"+ crntrwnmbr).val();
var slctdMode = $("#modeselect-"+ crntrwnmbr).val();
var slctddmDays = "";
var slctdHrStart = "";
var slctdMnStart = "";
var slctdHrEnd = "";
var slctdMnEnd = "";
var vcStartDate = null;
var vcEndDate = null;
if (slctdMode == 'daily') {
slctddmDays = $("#weekdays-"+ crntrwnmbr).val().trim();
slctdHrStart = $("#dmstarthr-"+ crntrwnmbr).val().trim();
slctdMnStart = $("#dmstartmn-"+ crntrwnmbr).val().trim();
slctdHrEnd = $("#dmendhr-"+ crntrwnmbr).val().trim();
slctdMnEnd = $("#dmendmn-"+ crntrwnmbr).val().trim();
if (slctdHrStart != '' && slctdMnStart != '') {
var hrmnStartComp = slctdHrStart +":"+ slctdMnStart;
} else { var hrmnStartComp = ""; }
if (slctdHrEnd != '' && slctdMnEnd != '') {
var hrmnEndComp = slctdHrEnd +":"+ slctdMnEnd;
} else { var hrmnEndComp = ""; }
if (!(/^[1-7\,]+$/.test(slctddmDays))) {
showAlert("The 'Days of the week' field can contain only digits from 1 to 7 and commas (,).");
return;
}
if (!(/^[0-9]+$/.test(slctdHrStart + slctdMnStart + slctdHrEnd + slctdMnEnd))) {
showAlert("The starting and ending values of the time interval for the 'Daily mode' can contain only digits from 0 to 9.");
return;
}
if (slctddmDays.trim() == '' || (slctdHrStart == slctdHrEnd && slctdMnStart == slctdMnEnd)) {
showAlert("For the 'Daily mode', you have to enter the order number of the days of the week for which you want the auto-reply to be sent, and you have to set a starting time that is different from the ending time!");
return;
}
} else if (slctdMode == 'vacation') {
if ($("#startDT-"+ crntrwnmbr).val().trim() == '' || $("#endDT-"+ crntrwnmbr).val().trim() == '') {
showAlert("For the 'Vacation mode', you have to enter both a start date and an end date.");
return;
} else {
if (!(/^[0-9\-]+$/.test($("#startDT-"+ crntrwnmbr).val().trim() + $("#endDT-"+ crntrwnmbr).val().trim()))) {
showAlert("The start date and end date values for the 'Vacation mode' can contain only digits from 0 to 9 and hyphens (-).");
return;
}
vcStartDate = $("#startDT-"+ crntrwnmbr).val().trim() +" 00:00:00";
vcEndDate = $("#endDT-"+ crntrwnmbr).val().trim() +" 23:59:59";
var strtDateCmp = new Date(vcStartDate).toJSON().slice(0, 10) +" 00:00:00";
var endDateCmp = new Date(vcEndDate).toJSON().slice(0, 10) +" 23:59:59";
var crntDate = new Date().toJSON().slice(0, 10) +" 23:59:59";
if (vcStartDate.trim() == "" || vcEndDate.trim() == "" || (strtDateCmp >= endDateCmp || ((strtDateCmp < crntDate) && (endDateCmp < crntDate)))) {
showAlert("For 'Vacation mode', you have to enter both a start date and an end date, the start date must be before the end date and at least the ending of the time interval must be in the future.");
return;
}
}
}
if (phoneNmbr != '') {
if (arplText.trim() != '') {
if (slctdMode != '') {
var saveArplUrl = OC.generateUrl('/apps/sms_relentless/user/updateautoreplies');
var arpldata = {
userId: userid,
savedByDsplname: cusrDisplayName,
phoneNumber: phoneNmbr,
daysOfWeek: slctddmDays,
dailyStart: hrmnStartComp,
dailyEnd: hrmnEndComp,
vacationStart: vcStartDate,
vacationEnd: vcEndDate,
messageText: arplText
};
$.ajax({
method: 'PUT',
url: saveArplUrl + '/' + userid,
contentType: 'application/json',
data: JSON.stringify(arpldata),
success: function(messagereceived) {
if (messagereceived == 'success') {
showAlert('The auto-reply has been successfully saved to the database!');
} else if (messagereceived == 'failure') {
showAlert('Error while trying to save the auto-reply!');
} else if (messagereceived == 'not allowed') {
showAlert('You cannot change an auto-reply that was saved by a different user.');
}
},
error: function() {
showAlert('Error while attempting to save the auto-reply! You can check the Nextcloud log to find more details about this issue.');
}
});
} else { showAlert("Please select the auto-reply mode."); return; }
} else { showAlert("Please enter the text of the auto-reply."); return; }
} else { showAlert("Please select a phone number if at least one number is available in the 'Phone Number' drop-down list. Otherwise, you should contact the administrator."); return; }
$(this).attr("value", "Edit");
} else {
$("#arplsave-"+ crntrwnmbr).attr("value", "Save");
}
});
}
saveArplRow();
// Remove a row
function removeArplRow() {
$('[id^="rmRow-"]').click(function() {
var slctRowRm = $(this).attr("id").replace("rmRow-", "");
var crntPhnNmbr = $("#arpphn-"+ slctRowRm).val();
confirmAlert("Do you really want to remove this row from the database ?");
$("#confirmCancel").click(function() { $("#alertMsgOverlay").remove(); $("#alertConfMessage").remove(); });
$("#confirmOk").click(function() {
$("#alertMsgOverlay").remove();
$("#alertConfMessage").remove();
var rmvArplUrl = OC.generateUrl('/apps/sms_relentless/user/removeautoreplies');
$.ajax({
url: rmvArplUrl + '/' + userid,
method: "POST",
dataType: "text",
data: { phoneNumber: crntPhnNmbr },
success: function(delresult) {
if (delresult.indexOf("success") > -1) {
showAlert("The auto-reply has been removed successfully!");
$("#arpphn-"+ slctRowRm).closest("tr").remove();
} else if (delresult.indexOf("failure") > -1) {
showAlert("Error while trying to remove auto-reply data!");
} else if (delresult.indexOf("not allowed") > -1) {
showAlert("You cannot remove the auto-reply saved by another user.");
}
},
error: function() { showAlert("Error while attempting to remove auto-reply data! You can check the Nextcloud log to find more details about this issue."); }
});
});
});
}
removeArplRow();
// Add a new row
$("#addArplRow").click(function() {
if ($("#autoReplyTbl").find("tr:last-child").find(".arplPhoneNmbr").length > 0) {
var lastarpl = $("#autoReplyTbl").find("tr:last-child").find(".arplPhoneNmbr").attr("id").replace("arpphn-", "");
var indArplAdd = parseInt(lastarpl + 1);
} else { var indArplAdd = 0; }
$("#autoReplyTbl").append("<tr><td><input type='text' class='arplAuthor' value='"+ cusrDisplayName +"' disabled></td><td><select id='arpphn-"+ indArplAdd +"' class='arplPhoneNmbr'>"+ numbersListItems +"</select></td><td><div id='arplmode-"+ indArplAdd +"' class='arplMode'><select id='modeselect-"+ indArplAdd +"' class='selectArplMode'><option value='' selected>Select mode</option><option value='daily'>Daily mode</option><option value='vacation'>Vacation mode</option></select><div id='modecont-"+ indArplAdd +"' class='modeContent'></div></div></td><td><textarea id='arpltxt-"+ indArplAdd +"' class='arplText' rows='20' cols='40' placeholder='Enter the auto-reply message here.'></textarea></td><td><img id='rmRow-"+ indArplAdd +"' class='removeRow' src='/apps/sms_relentless/img/closewnd.svg' title='Remove this row from the database' style='cursor:pointer;margin:9px 8px 0px 18px;'></td><td><input type='submit' id='arplsave-"+ indArplAdd +"' class='saveAutoReply' value='Save' title='Save Row' /></td></tr>");
selectMode();
saveArplRow();
removeArplRow();
// Check if there is an auto-reply set for the same phone number
$("#arpphn-"+ indArplAdd).change(function() {
var selectedPhNb = $("#arpphn-"+ indArplAdd).val();
var allArplPhNmbrs = $("#autoReplyTbl").find("tr").find(".arplPhoneNmbr");
var phNbChck = 0;
allArplPhNmbrs.each(function() {
var slctphnb = ($(this).val())? $(this).val() : $(this).text();
if (selectedPhNb == slctphnb) { phNbChck++; }
});
if (phNbChck == 2) {
showAlert("There is already an auto-reply set up for this phone number. Please edit its own row, or choose a different phone number.");
$(this).val('');
return;
}
});
});
},
error: function() {
$("#autoRplPhoneNb").removeClass('icon-loading');
showAlert("Error while attempting to get the auto-reply settings! You can check the Nextcloud log to find more details about this issue.");
}
});
},
error: function() {
showAlert('Error while getting the settings! You can check the Nextcloud log to find more details about this issue.');
}
});
// Save personal settings for non-admin users
$("#save_sms_settings").on("click", function(event) {
if (isadm == 'reguser') {
event.preventDefault();
var baseUrlsave = OC.generateUrl('/apps/sms_relentless/user/updatesettings');
var messagesperpageinit = $("#messagesperpage").val();
var messagesperpagesec = messagesperpageinit.replace(/[^0-9]/g, '');
if (messagesperpagesec != '') {
var messagesperpageproc = messagesperpagesec;
} else {
var messagesperpageproc = 100;
}
var getnotify = 0;
if ($("#get_notify").is(':checked')) {
getnotify = 1;
}
var emailaddressinit = $("#notification_email").val();
function validate_email($email) {
var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return email_reg.test($email);
}
if (validate_email(emailaddressinit)) {
var notifyemail = emailaddressinit;
} else {
var notifyemail = '';
}
var includesmsinemail = 0;
if ($("#includesmsinemail").is(':checked')) {
includesmsinemail = 1;
if ($("#notification_email").val().trim() == '') {
showAlert("Please enter an email address in the field: 'I want to receive a notification to the email address from below ...', or uncheck the checkbox: 'Include the SMS/MMS message in the email notification itself'.");
return;
}
}
var showdisplaynm = 0;
if ($("#showdisplaynames").is(':checked')) {
showdisplaynm = 1;
}
var datatosave = {
userId: userid,
telapiUrlRec: $("#telapi_url_rec").val(),
telapiUrl: $("#telapi_url").val(),
nexapiUrlRec: $("#nexapi_url_rec").val(),
nexapiUrl: $("#nexapi_url").val(),
twilapiUrlRec: $("#twilapi_url_rec").val(),
twilapiUrl: $("#twilapi_url").val(),
flowapiUrlRec: $("#flowapi_url_rec").val(),
flowapiUrl: $("#flowapi_url").val(),
messagesperpage: messagesperpageproc,
getNotify: getnotify,
notificationEmail: notifyemail,
getsmsinemail: includesmsinemail,
showDisplayNames: showdisplaynm
};
$.ajax({
method: 'PUT',
url: baseUrlsave + '/' + userid,
contentType: 'application/json',
data: JSON.stringify(datatosave),
success: function() {
OC.msg.startAction('#smsr_save_msg', t('sms_relentless', 'Saved'));
},
error: function() {
showAlert('Error while attempting to save the settings! You can check the Nextcloud log to find more details about this issue.');
}
});
} else if (isadm == 'admin') {
// Save personal settings for admins
event.preventDefault();
var baseUrlsaveadm = OC.generateUrl('/apps/sms_relentless/user/updatepersadmnsettings');
var messagesperpageinit = $("#messagesperpage").val();
var messagesperpagesec = messagesperpageinit.replace(/[^0-9]/g, '');
if (messagesperpagesec != '') {
var messagesperpageproc = messagesperpagesec;
} else {
var messagesperpageproc = 100;
}
var getnotify = 0;
if ($("#get_notify").is(':checked')) {
getnotify = 1;
}
var emailaddressinit = $("#notification_email").val();
function validate_email($email) {
var email_reg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return email_reg.test($email);
}
if (validate_email(emailaddressinit)) {
var notifyemail = emailaddressinit;
} else {
var notifyemail = '';
}
var includesmsinemail = 0;
if ($("#includesmsinemail").is(':checked')) {
includesmsinemail = 1;
if ($("#notification_email").val().trim() == '') {
showAlert("Please enter an email address in the field: 'I want to receive a notification to the email address from below ...', or uncheck the checkbox: 'Include the SMS/MMS message in the email notification itself'.");
return;
}
}
var showdisplaynm = 0;
if ($("#showdisplaynames").is(':checked')) {
showdisplaynm = 1;
}
var datatosave = {
userId: userid,
messagesperpage: messagesperpageproc,
getNotify: getnotify,
notificationEmail: notifyemail,
getsmsinemail: includesmsinemail,
showDisplayNames: showdisplaynm
};
$.ajax({
method: 'PUT',
url: baseUrlsaveadm + '/' + userid,
contentType: 'application/json',
data: JSON.stringify(datatosave),
success: function() {
OC.msg.startAction('#smsr_save_msg', t('sms_relentless', 'Saved'));
},
error: function() {
showAlert('Error while attempting to save the settings! You can check the Nextcloud log to find more details about this issue.');
}
});
}
});
function showAlert(alertText) {
let alertwnd = "<div id='alertMessage'>";
alertwnd += "<a id='closeAlertWnd' title='Close this window'></a>";
alertwnd += "<div id='alertTextWrap'>"+ alertText +"</div>";
alertwnd += "<input type='submit' id='alertOk' value='OK'>";
alertwnd += "</div>";
$("#content").append("<div id='alertMsgOverlay'></div>");
$("#content").append(alertwnd);
let topDist = parseInt((window.innerHeight / 2).toFixed(2) - 152) +"px";
let leftDist = parseInt((window.innerWidth / 2).toFixed(2) - 150) +"px";
$("#alertMessage").css({ "top" : topDist, "left" : leftDist });
$("#closeAlertWnd").click(function() { $("#alertMsgOverlay").remove(); $("#alertMessage").remove(); });
$("#alertMsgOverlay").click(function() { $("#alertMsgOverlay").remove(); $("#alertMessage").remove(); });
$("#alertOk").click(function() { $("#alertMsgOverlay").remove(); $("#alertMessage").remove(); });
}
function confirmAlert(alertText) {
let alertwndcf = "<div id='alertConfMessage'>";
alertwndcf += "<a id='closeAlertWndcf' title='Close this window'></a>";
alertwndcf += "<div id='alertTextWrap'>"+ alertText +"</div>";
alertwndcf += "<div id='cancelOkWrap'><input type='submit' id='confirmCancel' value='Cancel'>";
alertwndcf += "<input type='submit' id='confirmOk' value='OK'></div>";
alertwndcf += "</div>";
$("#content").append("<div id='alertMsgOverlay'></div>");
$("#content").append(alertwndcf);
let topDist = parseInt((window.innerHeight / 2).toFixed(2) - 152) +"px";
let leftDist = parseInt((window.innerWidth / 2).toFixed(2) - 150) +"px";
$("#alertConfMessage").css({ "top" : topDist, "left" : leftDist });
$("#closeAlertWndcf").click(function() { $("#alertMsgOverlay").remove(); $("#alertConfMessage").remove(); });
$("#alertMsgOverlay").click(function() { $("#alertMsgOverlay").remove(); $("#alertConfMessage").remove(); });
}
});