mBroadcastEmail.prg

<?php
/**
 * FILE: mBroadcastEmail.prg
 * This is a global monitor file for downloading & sending email to CUs.
 */

$monLibrary = dirname(__FILE__) . "/../library";
$monIncludes = dirname(__FILE__) . "/../includes";
$sharedLibrary = dirname(__FILE__) . "/../../shared/library";
require_once("$monLibrary/cu_top.i");
require_once("$monLibrary/ck_hticket.i");
require_once("$sharedLibrary/commonJsFunctions.i");
require_once("$sharedLibrary/errormail.i");
require_once("./mBroadcastEmail.data");

if (!CheckPerm($link, $Hu, basename($_SERVER['SCRIPT_NAME']), $_SERVER['REMOTE_ADDR'])) {
    // ** Permissions failed
    // ** redirect to new page
    header("Location: /hcuadm/hcu_noperm.prg");
    exit;
}

$string = array("filter" => FILTER_SANITIZE_STRING);
$stringNoEncodeQuote = array("filter" => FILTER_SANITIZE_STRING, "options" => array("flags" => FILTER_FLAG_NO_ENCODE_QUOTES));
$array = array("filter" => FILTER_DEFAULT);
$html = array("filter" => FILTER_SANITIZE_SPECIAL_CHARS);
$parameters = array();
HCU_ImportVars($SYSENV, "IMPORTS", array("operation" => $string, "filteredServers" => $array, "filteredCus" => $array,
                                         "body" => $html, "fromEmail" => $string, "subject" => $stringNoEncodeQuote,
                                         "fromName" => $stringNoEncodeQuote, "testEmail" => $string));

$operation = HCU_array_key_value("operation", $SYSENV["IMPORTS"]);
$operation = $operation === false ? "" : trim($operation);
$self = "/hcuadm/mBroadcastEmail.prg";

if ($operation != "") {
    $isJson = true;
    switch ($operation) {
        case "readSetup":
            $returnArray = ReadSetup($dbh, $SYSENV);
            break;
        case "downloadCSV":
            $isJson = false;
            DownloadCSV($dbh, $SYSENV);
            break;
        case "sendTestEmail":
            $returnArray = SendTestEmail($dbh, $SYSENV);
            break;
        case "sendEmails":
            $returnArray = SendEmails($dbh, $SYSENV);
            break;
        default: // Won't get here
          $returnArray = array("status" => "001", "error" => "Operation not specified: '$operation'");
          break;
    }

    if ($isJson) {
        header('Content-type: application/json');
        print HCU_JsonEncode($returnArray);
    }

} else {
    PrintMainPage($self);
}

/**
 * function PrintMainPage($self)
 * Prints the page
 *
 * @param $self -- the relative URL to this script.
 * @return void
 */
function PrintMainPage($self) {
    $title = "Broadcast Emails";
    printMonitorPageTop($title, GetHomecuKendoVersion("monitor"), GetCloudFrontDomainName(), GetHomecuBootstrapVersion(), GetFontawesomeVersion(), true);
    printMonitorPageMiddle($title, null);

    $cloudfrontDomainName = GetCloudFrontDomainName();
    $tinymceVersion = GetTinyMCEVersion ();
    ?>
    <script type="text/javascript" src="https://<?php echo $cloudfrontDomainName; ?>/homecu/js/tinymce/<?php echo $tinymceVersion; ?>/tinymce.min.js"></script>
    <script type="text/javascript" src="https://<?php echo $cloudfrontDomainName; ?>/homecu/js/tinymce/homecuchar.plugin.js"></script>

    <?php
    /**
     * The Javascript portion of the page.
     */
    ?>
    <script type="text/javascript">
    <?php
        // Library javascript functions
        getShowWaitFunctions();
    ?>

    <?php
    /**
     * function InitPage()
     * Initializes the page.  In this case, it is creating the kendo grid, and click events for the buttons.
     */
    ?>
    function InitPage() {
        $.homecuValidator.setup({formValidate: 'form', formStatusField: 'formValidateDiv', homecuCustomRules: {
            validateemail: function(input) {
                if (!$(input).is("[name='fromEmail_input']:visible, [name='testEmail']:visible")) {
                    return true;
                }
                var name = $(input).attr("name").trim();
                var value = $(input).val().trim();
                var label = name == "fromEmail_input" ? "from email" : "test email";
                if (value == "" && name == "fromEmail_input") {
                    $(input).attr("data-validateemail-msg", "The " + label + " is required.");
                    return false;
                }
                var pattern = $.homecuValidator.patterns.email;
                if (value != "" && !pattern.test(value)) {
                    $(input).attr("data-validateemail-msg", "The " + label + " is invalid.");
                    return false;
                }

                return true;
            }
        }});
        var tinyFocused = false;

        <?php
        /**
         * @var tinymce -- a global for setting up the email part.
         */
        ?>
        var toolbar1 = "code newdocument | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify" +
                       "| fontselect fontsizeselect | bullist numlist";
        var toolbar2 = "outdent indent blockquote | undo redo | link unlink image | preview | forecolor backcolor | removeformat | homecuchar | nonbreaking";
        tinymce.init({
            selector: "#emailBody",
            relative_urls: false,
            remove_script_host : false,
            plugins: [
                "advlist autolink link image lists preview anchor pagebreak",
                "searchreplace visualblocks visualchars code insertdatetime nonbreaking",
                "table contextmenu directionality template textcolor homecuchar paste textcolor"
            ],
            toolbar1: toolbar1,
            toolbar2: toolbar2,
            toolbar3: "",
            menubar : false,
            toolbar_items_size: "small",
            valid_children : "+body[style]",
            auto_focus: "emailBody",
            init_instance_callback: function (editor) {
                $("#emailBody_ifr").attr("tabindex", -1); <?php // Prevent browser from stopping at a field that doesn't do anything. ?>

                editor.on("click", function(e) {
                    tinymce.execCommand('mceFocus',true,'emailBody');
                    tinyFocused = true;
                });
            }
        });

        <?php
        /**
         * Anonymous function
         * Make sure that tinymce is focused when the underlying control is focused.
         */
        ?>
        $("#emailBodyDiv").focus(function() {
            if (!tinyFocused) {
                tinymce.execCommand('mceFocus',true,'emailBody');
                tinyFocused = true;
            }
        });

        <?php
        /**
         * Anonymous function
         * Make sure that tinymce is blurred when the underlying control is blurred.
         */
        ?>
        $("#emailBodyDiv").blur(function() {
            if (tinyFocused) {
                tinymce.execCommand('mceFocus',false,'emailBody');
                tinyFocused = false;
            }
        });

        <?php
        /**
         * @var fromEmailDDL -- This is a list of all approved emails.  This comes from the list in the SES role in the cuadmnotify table.
         */
        ?>
        var fromEmailCombobox = $("#fromEmailCombobox").kendoComboBox({
            dataSource: []
        }).data("kendoComboBox");

        <?php
        /**
         * @var cuListMultiselect -- User can select individual CUs to send emails or download email list.
         */
        ?>
        var cuListMultiselect = $("#cuListMultiselect").kendoMultiSelect({
            dataSource: []
        }).data("kendoMultiSelect");

        <?php
        /**
         * @var serverMultiselect -- User can select individual servers to send emails or download email list.
         */
        ?>
        var serverMultiselect = $("#serverMultiselect").kendoMultiSelect({
            dataSource: []
        }).data("kendoMultiSelect");

        <?php
        /**
         * @var actionDropdownlist -- values "email" or "download"
         */
        ?>
        var actionDropdownlist = $("#actionDropdownlist").kendoDropDownList({
            dataSource: [],
            dataTextField: "text",
            dataValueField: "value",
            change: function () {
                if (this.value() == "email") {
                    $("#emailOptionsDiv").show();
                    $("#emailBodyDiv").show();
                } else {
                    $("#emailOptionsDiv").hide();
                    $("#emailBodyDiv").hide();
                }
            }
        }).data("kendoDropDownList");

        everythingDataSource.read({operation: "readSetup"});

        <?php
        /**
         * When the okay is clicked, either download the CSV file or open the preview window for sending emails.
         * If the action is to send emails, also check the test email field.  If set, send a test email.
         * Before doing any action however, check to see if validation is successful.
         */
        ?>
        $(".okayBtn").click(function() {
            if ($.homecuValidator.validate()) {
                var action = $("#actionDropdownlist").data("kendoDropDownList").value();
                var filteredServers = kendo.stringify($("#serverMultiselect").data("kendoMultiSelect").value());
                var filteredCus = kendo.stringify($("#cuListMultiselect").data("kendoMultiSelect").value());
                switch(action) {
                    case "email":
                        var testEmail = $("[name='testEmail']").val().trim();
                        <?php // Now the only time that something happens here is if there is a test email. ?>
                        if (testEmail != "") {
                            var parameters = {};
                            parameters.operation = "sendTestEmail";
                            parameters.fromEmail = $("#fromEmailCombobox").data("kendoComboBox").value().trim();
                            parameters.fromName = $("[name='fromName']").val().trim();
                            parameters.subject = $("[name='subject']").val().trim();
                            parameters.testEmail = $("[name='testEmail']").val().trim();
                            parameters.body = tinyMCE.activeEditor.getContent();

                            everythingDataSource.read(parameters);
                        }
                        OpenPreviewWindow();
                        break;
                    case "download":
                        $("#downloadCSVForm [name='filteredCus']").val(filteredCus);
                        $("#downloadCSVForm [name='filteredServers']").val(filteredServers);
                        $("#downloadCSVForm").submit();
                        break;
                }

            } else {
                $("#pageContents").animate({ scrollTop: 0 }, { duration: 500 } );
            }
        });
    }

    var everythingDataSource = null;

    <?php
    /**
     * function InitDataSource
     * This initializes the dataSource that everyone uses.  As per standards, it is preferable to use a DataSource versus $.post.
     */
    ?>
    function InitDataSource() {

        <?php
        /**
         * @var everythingDataSource -- Uses this versus $.post directly.
         */
        ?>
        everythingDataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "<?php echo $self; ?>",
                    dataType: "json",
                    type: "POST"
                },
                parameterMap: function(data, type) {
                    showWaitWindow();
                    return data;
                }
            },
            schema: {
                parse: function(results) {
                    hideWaitWindow();
                    if (results.status !== "000") {
                        $.homecuValidator.displayMessage(results.error, $.homecuValidator.settings.statusError );
                    } else if (results.info != null && results.info != "") {
                        $.homecuValidator.displayMessage(results.info, $.homecuValidator.settings.statusInfo );
                    }

                    switch(results.action) {
                        case "read":
                            $("#fromEmailCombobox").data("kendoComboBox").dataSource.data(results.data.emailList);
                            $("#serverMultiselect").data("kendoMultiSelect").dataSource.data(results.data.servers);
                            $("#cuListMultiselect").data("kendoMultiSelect").dataSource.data(results.data.cuList);
                            $("#actionDropdownlist").data("kendoDropDownList").dataSource.data(results.data.actions);
                            break;
                        case "preview":
                            break;
                    }

                    return [];
                }
            }
        });
    }

    <?php
    /**
     * function OpenPreviewWindow()
     * Opens up the preview window for sending emails.
     */
    ?>
    function OpenPreviewWindow() {
        var dialog = $("#previewWindow").data("kendoDialog");

        if (dialog == null) {

             <?php
             /**
              * @var dialog -- The kendo dialog for previewing the email before sending.
              */
             ?>
             dialog = $("<div id='previewWindow'></div>").appendTo("body").kendoDialog({
                title: "Preview",
                actions: [
                    {text: "Send Email", primary: true, action: function() {

                        var parameters = {};
                        parameters.operation = "sendEmails";
                        parameters.fromEmail = $("#fromEmailCombobox").data("kendoComboBox").value().trim();
                        parameters.fromName = $("[name='fromName']").val().trim();
                        parameters.subject = $("[name='subject']").val().trim();
                        parameters.body = tinyMCE.activeEditor.getContent();
                        parameters.filteredServers = kendo.stringify($("#serverMultiselect").data("kendoMultiSelect").value());
                        parameters.filteredCus = kendo.stringify($("#cuListMultiselect").data("kendoMultiSelect").value());
                        everythingDataSource.read(parameters);
                    }},
                    {text: "Cancel"}
                ],
                visible: false,
                open: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.push(this);
                    }
                    var maxHeight1 = 600;
                    var maxHeight2 = $(window).height() - 150;
                    var maxHeight = maxHeight2 >= maxHeight1 ? maxHeight1 : maxHeight2;
                    var maxWidth1 = 800;
                    var maxWidth2 = $(window).width() - 75;
                    var maxWidth = maxWidth2 >= maxWidth1 ? maxWidth1 : maxWidth2;
                    $("#previewWindow").css({maxHeight: maxHeight, maxWidth: maxWidth});
                },
                close: function() {
                    if (window.activeWindows != null) {
                        window.activeWindows.pop();
                    }
                }
            }).data("kendoDialog");
        }

        var template = kendo.template($("#previewTemplate").html());

        var previewData = {};
        previewData.testEmail = $("[name='testEmail']").val().trim();
        previewData.fromEmail = $("#fromEmailCombobox").data("kendoComboBox").value();
        previewData.fromName = $("[name='fromName']").val().trim();
        previewData.subject = $("[name='subject']").val().trim();
        previewData.emailBody = tinyMCE.activeEditor.getContent();

        dialog.content(template(previewData)).open();
    }

    var activeWindows = [];
    $(document).ready(function() {
        InitDataSource();
        InitPage();
        <?php printClickOverlayEvent(); ?>
    });
    </script>

    <?php
    /**
     * @var previewTemplate
     * This is a template for the preview window.
     */
    ?>
    <script type="text/x-kendo-template" id="previewTemplate">
        <div class="container hcu-all-100 hcu-no-padding">
            # if (testEmail != "") { #
            <div class="col-xs-12 hcu-no-padding">
                <label class="col-xs-12 k-info-colored">Check email for <b>#: testEmail #</b> to view test message.</label>
            </div>
            <div class="col-xs-12">&nbsp;</div>
            # } #
            <div class="col-xs-12 hcu-no-padding">
                <div id='previewValidateDiv' class='k-block k-error-colored col-xs-12' style='display:none;'></div>
            </div>
            <div class="col-xs-12">&nbsp;</div>
            <div class="col-xs-12 col-sm-4 hcu-no-padding">
                <label class="col-xs-4 col-sm-12">From</label>
                <div class="col-xs-8 col-sm-12"><div class="admIndent">#: fromName # <div class="visible-xs-block"><br></div> (#: fromEmail #)</div></div>
            </div>
            <div class="visible-xs-block col-xs-12">&nbsp;</div>
            <div class="visible-xs-block col-xs-12">&nbsp;</div>
            <div class="col-xs-12 col-sm-4 hcu-no-padding">
                <label class="col-xs-4 col-sm-12">Subject</label>
                <div class="col-xs-8 col-sm-12"><div class="admIndent">#: subject #</div></div>
            </div>
            <div class="col-xs-12">&nbsp;</div>
            <div class="col-xs-12 hcu-no-padding">
                <label class="col-xs-12">Body of Email</label>
                <div class="col-xs-12"><div id="previewEmailDiv">#= emailBody #</div></div>
            </div>
        </div>
    </script>

    <?php
    /**
     * The HTML part of the page.
     */
    ?>
    <form id="form" class="broadcastEmailsForm">
        <div class="container hcu-all-100 hcu-template vsgPrimary">
            <div class="row">
                <div class="col-xs-12 notificationRow"></div>
            </div>
            <div class="col-xs-12">
                <div class="row">
                    <div id="formValidateDiv" class="k-block k-error-colored formValidateDiv" style="display:none;"></div>
                </div>
            </div>
            <div class="well sm-well col-xs-12">
                <div class="row">
                    <div class="col-xs-12 col-sm-1 hcu-no-padding-nonmobile">
                        <label>Action</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <div id="actionDropdownlist" class="hcu-all-100"></div>
                    </div>
                </div>
            </div>
            <div class="well sm-well col-xs-12">
                <div class="row hcuSpacer">
                    <div class="h4 col-xs-12">Filter Options</div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-1 hcu-no-padding-nonmobile">
                        <label>Credit Union(s)</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <div id="cuListMultiselect" class="hcu-all-100"></div>
                        <p class="small vsgSecondary">Empty means all credit unions.</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-1 hcu-no-padding-nonmobile">
                        <label>Server(s)</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                            <div id="serverMultiselect" class="hcu-all-100"></div>
                            <p class="small vsgSecondary">Empty means all servers.</p>
                    </div>
                </div>
            </div>
            <div class="well sm-well col-xs-12" id="emailOptionsDiv">
                <div class="row hcuSpacer">
                    <div class="h4 col-xs-12">Email Options</div>
                </div>
                <div class="row hcuSpacer">
                    <div class="col-xs-12 col-sm-2 col-md-1 hcu-no-padding-nonmobile">
                        <label>From Email</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <input type="text" class="hcu-all-100" name="fromEmail" id="fromEmailCombobox">
                        <p class="small vsgSecondary">This email must be verified through AWS SES.  You are allowed to write an email in.</p>
                    </div>
                </div>

                <div class="row hcuSpacer">
                    <div class="col-xs-12 col-sm-2 col-md-1 hcu-no-padding-nonmobile">
                        <label>From Name</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <input type="text" class="k-input k-textbox hcu-all-100" name="fromName">
                    </div>
                </div>

                <div class="row hcuSpacer">
                    <div class="col-xs-12 col-sm-2 col-md-1 hcu-no-padding-nonmobile">
                        <label>Subject</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <input type="text" class="k-input k-textbox hcu-all-100" name="subject">
                    </div>
                </div>

                <div class="row hcuSpacer">
                    <div class="col-xs-12 col-sm-1 hcu-no-padding-nonmobile">
                        <label>Test Email</label>
                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <input type="text" class="k-input k-textbox hcu-all-100" name="testEmail">
                        <p class="small vsgSecondary">If this is not empty, then it will send an email here in the preview step.</p>
                    </div>
                </div>
            </div>
            <div class="well sm-well col-xs-12" id="emailBodyDiv">
                <div class="row hcuSpacer">
                    <div class="h4 col-xs-12">Email Body</div>
                </div>
                <div class="row hcuSpacer" id="emailBodyDiv" tabindex="0">
                    <div class="col-xs-12">
                        <textarea id="emailBody" name="emailBody" class="hcu-all-100"></textarea>
                    </div>
                </div>
            </div>
            <div class="col-xs-12">
                <div class="k-state-default row">
                    <a class="okayBtn k-button k-primary" href="#"><i class="fa fa-check"></i>Okay</a>
                </div>
            </div>
        </div>
    </form>
    <form id="downloadCSVForm" action="<?php echo $self; ?>" method="post" target="_blank" style="display:none;">
        <input type="hidden" name="operation" value="downloadCSV">
        <input type="hidden" name="filteredCus" value="[]">
        <input type="hidden" name="filteredServers" value="[]">
    </form>

<?php printMonitorPageBottom();
}