ody_migr_client.prg

<?php
/**
 * File: ody_migr_client.prg
 * This file presents UI in for data migration from Mammoth to Odyssey.
 */

// **********************************************************************************************
// Top portion: import required libraries, check permissions and extract string queries and/or post data
// **********************************************************************************************

$monLibrary = dirname(__FILE__) . "/../library";
$sharedLibrary = dirname(__FILE__) . "../../shared/library";
require_once("$monLibrary/cu_top.i");
require_once("$monLibrary/ck_hticket.i");
require_once("$sharedLibrary/commonJsFunctions.i");

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

$string = array("filter" => FILTER_SANITIZE_STRING);
$params = array("cu" => $string);
$vars = array("cu" => "");
HCU_ImportVars($vars, "", $params);

$cu = HCU_array_key_value("cu", $vars);
$cu = $cu === false ? "" : trim($cu);

// Credit Union is required so prevent the script from executing if it doesn't exist.
if ($cu == "") {
    header("Location: /hcuadm/hcu_noperm.prg");
    exit;
};

// ********************************************************************************************
// Common to .prg and .data (if there is enough lines of code, put it in an include file.). Common functions to populate kendo DDLs.
// ********************************************************************************************

function GetCurrentServer() {
    if (getenv("DEVMODE") == "1") {
        $serverHost = "localhost:8000";
    } else {
        $serverHost = trim(getenv("TICKET_DOMAIN"));
    }
    return "Odyssey (" . $serverHost . ")";
}


function IsDevMode() {
    if(getenv("DEVMODE") == "1" && trim(getenv("TICKET_DOMAIN")) == "")  {
        return 1;
    }
    return 0;
}

/**
 * function GetOperationsList()
* This function returns the specified options for available data migration operations.
 * First element is the default
 */
function GetOperationsList() {
      return array("migrate", "summary", "clean");
}

/**
 * function GetOperationsListOnlyMigrate()
 * This function returns the specified migration task option (only migrate)
 * for switchaccounts
 * First (and the only) element is the default
 */
function GetOperationsListOnlyMigrate() {
      return array("migrate");
}

// monitor lock file is required, so prevent the script from executing if it doesn't exist
$migrationMonitorLock = "/home/" . strtolower($cu) . "/tmp/.ody_migr_monitor_lock";

// ***************************************************************************************
// Top of the web page
// ***************************************************************************************

// Imports the front end libraries: kendo, bootstrap, JQuery as well as formulates the top part of the web page.
printMonitorPageTop("Data Migration from Mammoth [ " . strtoupper($cu) .  "]", $homecuKendoVersion, $cloudfrontDomainName, $bootstrapVersion, $fontawesomeVersion, true);

// Writes out the top header.  Null means do not add anything to the options.
printMonitorPageMiddle("Data Migration from Mammoth [" . strtoupper($cu) . "]", null);

// ****************************************************************************************
// Javascript code
// ****************************************************************************************
?>

<script type="text/javascript">

// Following few settings prevent users from accidently refreshing and changing menu options

// Press F5 with focus on anywhere in the page (Want to switch to any other menu options?)
window.onbeforeunload = function() {
    return "Are you sure you want to refresh the page?";
};

// Disable no back button
history.pushState(null, null, 'no-back-button');
window.addEventListener('popstate', function(event) {
  history.pushState(null, null, 'no-back-button');
});


// Variable to be used to clear auto refresh log fetching
var fetchLogIntervalVar;
// wait for this many seconds before the first log fetch is called after executing migration script
var firstLogFetchOffsetTime = 2;
// Time interval to auto refresh log fetching (seconds)
var refreshWindow = 15;
// Hide progressbar after
var hideProgressBar = 4
// AJAX endpoint
var hcuadmOdyMigrServerURL = "/hcuadm/ody_migr_server.prg";

// Needed for the wait windows.
<?php getShowWaitFunctions(); ?>

/**
 * Update multiple cleanup values with the list of completed categories
 */
function updateAllDoneMultiCheckList(showHideWaitWindow){
    if (showHideWaitWindow) {
        showWaitWindow()
    }
    data_lock_list={
        "post_purpose": "get_wip_done_list",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_lock_list,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var lockFiles = [];
        if (response["success"] == true) {
            lockFiles = response["done_list"];
            // remove switchaccounts from list
            var sa_index = lockFiles.indexOf("switchaccounts");
            if (sa_index > -1) {
                lockFiles.splice(sa_index, 1);
            }
            $("#deleteSelectedCategoriesBtn").html(" Clean Selected Categories")
        }
        else {
            displayMessageAlert(response["message"], "add", "danger");
        }

        // clean up the previously selected but not deleted values
        $("#deleteAllCleanUpList").data("kendoMultiSelect").value([]);
        // upload the updated data source
        var ds = new kendo.data.DataSource({
          data: lockFiles
        });
        $("#deleteAllCleanUpList").data("kendoMultiSelect").setDataSource(ds)


        // enable/disable cleanup button based on the items on the multiple select box
        if (lockFiles.length > 0) {
            $("#deleteSelectedCategoriesBtn").prop('disabled', false);
        } else {
            $("#deleteSelectedCategoriesBtn").prop('disabled', true);
        }

    })
    .always(function (response) {
        if (showHideWaitWindow) {
            hideWaitWindow()
        }
        updateStartButtonVisibleStatus(showHideWaitWindow);
    })
}

/**
 * function updateDataCategoriesList()
 * This function updates data categories list for this $cu
 */
function updateDataCategoriesList(showHideWaitWindow) {
    if (showHideWaitWindow) {
        showWaitWindow();
    }
    data_server_list={
        "post_purpose": "update_categories_list",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_server_list,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var categories_list = [];
        if (response["success"] == true) {
            categories_list = response["categories_list"];
        }
        else {
            displayMessageAlert(response["message"], "add", "danger");
        }

        var categoriesDDL = $("#categoriesDDL").data("kendoDropDownList")
        current_cat_value = categoriesDDL.value()
        // update data source
        var categories_data_source = new kendo.data.DataSource({
          data: categories_list
        });
        categoriesDDL.setDataSource(categories_data_source)
        if (categories_list.length > 0) {
            // do not update already selected current category from the ddl
            if (categories_list.includes(current_cat_value)) {
                categoriesDDL.value(current_cat_value)
            } else {
                categoriesDDL.value(categories_list[0])
            }
            categoriesDDL.trigger("change")
        }
    }).always(function (response) {
        if (showHideWaitWindow) {
            hideWaitWindow();
        }
    })
}

/**
 * function populateServerList()
 * This function populates servers for this $cu
 */
function populateServerList(showHideWaitWindow) {
    if(showHideWaitWindow) {
        showWaitWindow()
    }
    data_server_list={
        "post_purpose": "update_server_list",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_server_list,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        server_list = [];
        if (response["success"] == true) {
            server_list = response["server_list"];

            var serversDDL = $("#serversDDL").data("kendoDropDownList")
            // update data source
            var server_data_source = new kendo.data.DataSource({
              data: server_list
            });

            serversDDL.setDataSource(server_data_source)

            if (server_list.length > 0) {
                serversDDL.value(server_list[0])
                serversDDL.trigger("change")
            }
        } else {
            displayMessageAlert(response["message"], "add", "danger");
        }

    }).always(function (response) {
        if(showHideWaitWindow) {
            showWaitWindow()
        }
    })
}


/**
 * Utility function to reset and hide log monitoring div
 */
function resetMonitorLogArea() {
    $("#logs-textarea").html('')
    $("#migration-status").hide()
}

/**
 * Utility function to enable log monitoring area
 */
function setMonitorLogArea() {
    $("#migration-status").show()
    var currentDateTime = getCurrentDateTime();
    // sanitize display message for log header
    currentDateTime = currentDateTime.replace(/^\s\(|\)$/g, '');
    $("#logs-display-datetime").html("<strong>" + currentDateTime + "</strong>");
}

/**
 * Utility function to update public_html embedded links
 */
 function updatePublicHtmlResources(server) {
    if (server == "www4" || 1 == <?php echo IsDevMode(); ?>) {
        displayMessageAlert("Updating `public_html` is not applicable in Dev Mode ('" + server + "').",
                            "add",
                            "success")
    } else {
        showWaitWindow();
        data_fix_phtml = {
            "post_purpose": "fix_public_html",
            "cu": "<?php echo $cu; ?>",
            "from" : server + ".homecu.net",
            "to": "my.homecu.net"
        };

        $.ajax({
            type: "POST",
            url: hcuadmOdyMigrServerURL,
            data: data_fix_phtml,
            dataType: "json", // returned data type expected from server
            timeout: 0,
        })
         .done(function (response) {
             msg = response["message"];
             var alert_level;
             if(response["success"]) {
                 alert_level = "success"
             } else {
                 alert_level = "danger";
             }
             displayMessageAlert(msg, "add", alert_level);
         })
         .always(function (response) {
             hideWaitWindow();
         });
    }

}

/**
 * Utility function to clean up selected data categories.
 */
function cleanUpSelectedCategories() {

    showWaitWindow()
    resetIntervalAutoLogFetch()
    // delete only the selected lock files
    var deleteDoneList = $("#deleteAllCleanUpList").data("kendoMultiSelect").value()
    if (deleteDoneList.length > 0) {
        data_delete_lock_history = {
            "post_purpose": "clean_all_categories",
            "cu": "<?php echo $cu; ?>",
            "delete_done_list": deleteDoneList
        };

        $.ajax({
            type: "POST",
            url: hcuadmOdyMigrServerURL,
            data: data_delete_lock_history,
            dataType: "json",
            timeout: 0 // some credit unions take more than a few minutes for cleanup
        })
        .done(function (response) {
            msg = response["message"];
            var alert_level;
            if(response["success"]) {
                alert_level = "success"
            } else {
                alert_level = "danger";
            }
            // reset log monitoring div
            resetMonitorLogArea();
            $("#progress-bar-container").removeClass('hidden');
            $("#progress-bar-container").addClass('hidden');
            // set form
            setHtmlFormElements();
            $("#runMigrationBtn").prop("disabled", false);
            // display notification when called using "Delete History" button
            displayMessageAlert(msg, "add", alert_level);
            $("#finalMigrationStatusDiv").html("<u><b>" + msg + getCurrentDateTime() + "</b></u>");
        })
        .always(function (response) {
            UpdateMigrationOptions(false)
            hideWaitWindow()
        });
    } else {
        displayMessageAlert("No category(ies) selected for clean up.", "add", "warning");
        hideWaitWindow()
    }
}

/**
 * function setUpOperationsDDL(opList)
 * This function populate operations DDL with opList
 */
function setUpOperationsDDL(cat_val, ev){
    if (cat_val == "switchaccounts") {
        opList = <?php echo HCU_JsonEncode(GetOperationsListOnlyMigrate()); ?>;
    } else {
        opList = <?php echo HCU_JsonEncode(GetOperationsList()); ?>;
    }
    // update data source for kendo-ui DDL instance for migration operations
    var operations_data_source = new kendo.data.DataSource({
      data: opList
    });

    $("#operationsDDL").data("kendoDropDownList").setDataSource(operations_data_source)
    // don't change the value when categories alue changes
    if (ev != "cascade" && opList.length > 0) {
        $("#operationsDDL").data("kendoDropDownList").value(opList[0])
    }
}


/**
 * This function updates the home banking informational text
 */
function updateHomeBankingInfoText(showHideWaitWindow) {
    if(showHideWaitWindow) {
        showWaitWindow();
    }
    data_hb_info={
        "post_purpose": "display_hb_info_text",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_hb_info,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var msg = response["message"];

        if (response["success"] == true) {
            $("#cuadmin-no-info").removeClass("hidden").addClass("hidden");
            $("#cuadmin-info").removeClass("hidden");

            if (response["show_offline_status"] == true) {
                $("#cuadmin-offlinestat-info").removeClass("hidden");
                $("#cuadmin-offline-status").text(response["offlinestat"]);
            } else {
                $("#cuadmin-offlinestat-info").removeClass("hidden").addClass("hidden");
            }

            if(response["CU2_PROCRECUR"] == "CHECKED") {
                $("#cuadmin-repeating-transfers").text("ON")
            } else {
                $("#cuadmin-repeating-transfers").text("OFF")
            }

            if (response["CU2_ALLOW_MBR_ALERTS"] == "CHECKED") {
                $("#cuadmin-alert-processing").text("ON")
            } else {
                $("#cuadmin-alert-processing").text("OFF")
            }

        } else {
            $("#cuadmin-info").addClass("hidden");
            $("#cuadmin-no-info").removeClass("hidden");
            $("#cuadmin-no-info").text(msg);

        }
    }).always(function (response) {
        if(showHideWaitWindow) {
            hideWaitWindow();
        }
    })
}

/**
 * Update status of final migration criterions.
 */
function updateFinalMigrCheckBox(showHideWaitWindow) {
    if (showHideWaitWindow) {
        showWaitWindow()
    }
    data_lock_unlock = {
        "post_purpose": "get_final_migr_flag",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_lock_unlock,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        if (response["success"] == true) {
            $("#final-migration-label").removeClass("text-danger");
            $("#final-migration-label").removeClass("text-success");

            if (response["final_migr_resp"]["show_final_migr_button"] == true) {
                $("#final-migration").prop("disabled", false)
                $("#final-migration-label").html("Ready for Final Migration!");
                $("#final-migration-label").addClass("text-success");

            } else {
                $("#final-migration").prop("disabled", true)
                $("#final-migration-label").html("NOT Ready for Final Migration!");
                $("#final-migration-label").addClass("text-danger");
            }

            $("#final-migration").prop("checked", false)
            // update input elements based on the changes in lock/unlock changes
            handleFinalMigrationCheckboxClick()

            var true_fa = ' <i class="fa fa-check-square-o text-success"></i>';
            var false_fa = ' <i class="fa fa-times-rectangle text-danger"></i>'

            if (response["final_migr_resp"]["SettingsAdminLocked"] == true) {
                $("#final-mgr-settings-locked").html('1. Are <i>settings</i> & <i>admin</i> migrated & locked?' + true_fa);
            } else {
                $("#final-mgr-settings-locked").html('1. Are <i>settings</i> & <i>admin</i> migrated & locked?' + false_fa);
            }

            if (response["final_migr_resp"]["memdata_gt0"] == true && response["final_migr_resp"]["memdata_is_clean"] == true) {
                $("#final-mgr-memdata-ready").html('2. Is <i>memdata</i> ready?' + true_fa);
            } else {
                $("#final-mgr-memdata-ready").html('2. Is <i>memdata</i> ready?' + false_fa);
            }
            if (response["final_migr_resp"]["memdata_gt0"] == true) {
                $("#final-mgr-memdata-gt0").html('Tested <i>memdata</i> at least once? <i class="text-success">Yes</i>');
            } else {
                $("#final-mgr-memdata-gt0").html('Tested <i>memdata</i> at least once? <i class="text-danger">No</i>');
            }

            if (response["final_migr_resp"]["memdata_is_clean"] == true) {
                $("#final-mgr-memdata-clean").html('Is <i>memdata</i> in clean state? <i class="text-success">Yes</i>');
            } else {
                $("#final-mgr-memdata-clean").html('Is <i>memdata</i> in clean state? <i class="text-danger">No</i>');
            }

            if (response["final_migr_resp"]["memhist_gt0"] == true && response["final_migr_resp"]["memhist_is_clean"] == true) {
                $("#final-mgr-memhist-ready").html('3. Is <i>memhist</i> ready?' + true_fa);
            } else {
                $("#final-mgr-memhist-ready").html('3. Is <i>memhist</i> ready?' + false_fa);
            }

            if (response["final_migr_resp"]["memhist_gt0"] == true) {
                $("#final-mgr-memhist-gt0").html('Tested <i>memhist</i> at least once? <i class="text-success">Yes</i>');
            } else {
                $("#final-mgr-memhist-gt0").html('Tested <i>memhist</i> at least once? <i class="text-danger">No</i>');
            }

            if (response["final_migr_resp"]["memhist_is_clean"] == true) {
                $("#final-mgr-memhist-clean").html('Is <i>memhist</i> in clean state? <i class="text-success">Yes</i>');
            } else {
                $("#final-mgr-memhist-clean").html('Is <i>memhist</i> in clean state? <i class="text-danger">No</i>');
            }

            if (response["final_migr_resp"]["no_wip_exists"] == true) {
                $("#final-mgr-nowip").html('4. Any in-progress migration(s)?  <i class="text-success">No</i> ' + true_fa);
            } else {
                $("#final-mgr-nowip").html('4. Any in-progress migration(s)? <i class="text-danger">Yes</i> ' + false_fa);
            }

            if ($("#check-switch-accounts").is(":checked")) {
                $("#final-mgr-migrate-switchaccounts").html('Is <i>SWITCHACCOUNTS</i> part of final migration?' + ' <i class="text-success">Yes</i>');
            } else {
                $("#final-mgr-migrate-switchaccounts").html('Is <i>SWITCHACCOUNTS</i> part of final migration?' + ' <i class="text-danger">No</i>');
            }
        }
    }).fail(function (response) {
        $("#final-migration").prop("disabled", true)
    })
    .always(function (response) {
        if (showHideWaitWindow) {
            hideWaitWindow()
        }
    });
}

/**
 * Lock/unlock toggle Setting and Admin categories deletion
 */
function lockUnlockCatGroupAction(cat_group, lock_or_unlock) {
    showWaitWindow();
    data_lock_unlock = {
        "post_purpose": "lock_unlock_cat_group",
        "cu": "<?php echo $cu; ?>",
        "cat_group" : cat_group,
        "lock_or_unlock": lock_or_unlock
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_lock_unlock,
        dataType: "json", // returned data type expected from server
        timeout: 60000,
    })
    .done(function (response) {
        msg = response["message"];
        var alert_level;
        if(response["success"]) {
            alert_level = "success"
        } else {
            alert_level = "danger";
        }
        displayMessageAlert(msg, "add", alert_level);
    })
    .always(function (response) {
        hideWaitWindow();
    });

}

/**
 * Lock/unlock settings: change color to lock state
 */
function changeBtnColorToLock(cat_group, btnId){
    $(btnId).removeClass("btn-danger");
    $(btnId).removeClass("btn-success");
    $(btnId).html('<i class="fa fa-lock"></i> (Unlocked) Click to prevent ' + cat_group + ' deletion.');
    $(btnId).addClass("btn-danger");
}

/**
 * Lock/unlock settings: change color to unlock state
 */
function changeBtnColorToUnlock(cat_group, btnId){
    $(btnId).removeClass("btn-danger");
    $(btnId).removeClass("btn-success");
    $(btnId).html('<i class="fa fa-unlock"></i> (Locked) Click to allow ' + cat_group + ' deletion.');
    $(btnId).addClass("btn-success");
}

/**
 * Lock/unlock settings: toggle lock/unlock button states
 */
function toggleLockUnlock(cat_group){
    var btnId = "";
    if (cat_group == "Settings") {
        btnId = "#lockUnlockSettingsMigrationBtn";

    } else if (cat_group == "Admin"){
        btnId = "#lockUnlockAdminMigrationBtn";
    }

    if (btnId != "") {
        $(btnId).click(function() {
            // print the csv file to a new window

            if($(btnId).html().includes('Click to prevent ' + cat_group)) {
                changeBtnColorToUnlock(cat_group, btnId);
                lockUnlockCatGroupAction(cat_group, "lock");
            } else {
                changeBtnColorToLock(cat_group, btnId)
                lockUnlockCatGroupAction(cat_group, "unlock");
            }
            updateFinalMigrCheckBox(true)
        });
    }
}

/**
 * setup html elements when ready for final migration
 */
function handleFinalMigrationCheckboxClick() {
    var serversddl = $("#serversDDL").data("kendoDropDownList");
    var categoriesddl = $("#categoriesDDL").data("kendoDropDownList");
    var operationsddl = $("#operationsDDL").data("kendoDropDownList");

    if ($("#final-migration").is(":checked")) {
        $("#runMigrationBtn").html('<i class="fa fa-plug"></i> Start Final Migration')
        serversddl.enable(false)
        categoriesddl.enable(false)
        operationsddl.enable(false)

        $("[name='username']").prop("disabled", false).removeClass("k-state-disabled");
        $("[name='password']").prop("disabled", false).removeClass("k-state-disabled");
    } else {
        $("#runMigrationBtn").html('<i class="fa fa-plug"></i> Start')
        serversddl.enable(true)
        categoriesddl.enable(true)
        operationsddl.enable(true)
        categoriesddl.trigger("change");
        operationsddl.trigger("change");


        if (operationsddl.value() == "migrate") {
            $("[name='username']").prop("disabled", false).removeClass("k-state-disabled");
            $("[name='password']").prop("disabled", false).removeClass("k-state-disabled");
        } else {
            $("[name='username']").prop("disabled", true).addClass("k-state-disabled");
            $("[name='password']").prop("disabled", true).addClass("k-state-disabled");
        }
    }
}

/**
 * Reset migration state: cleanup memdata and lock files
 */
function resetMigrationState() {
    showWaitWindow();
    data_reset_migr_state = {
        "post_purpose": "reset_migration_state",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_reset_migr_state,
        dataType: "json", // returned data type expected from server
        timeout: 0
    })
    .done(function (response) {
        msg = response["message"];
        var alert_level;
        if(response["success"]) {
            alert_level = "success"
            showFinalMigrationElements(msg)
            UpdateMigrationOptions(false)

        } else {
            alert_level = "danger";
        }
        displayMessageAlert(msg, "add", alert_level);
    })
    .always(function (response) {
        hideWaitWindow();
    });


}
/**
 * Display completed logs with no side effects.
 */
function fetchCompletedLogHistory(category, operation) {
    showWaitWindow()
    var server = $("#serversDDL").data("kendoDropDownList").value();
    data_log_history = {
        "post_purpose": "fetch_log_history_only",
        "cu": "<?php echo $cu; ?>",
        "category": category,
        "operation": operation
    };
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_log_history,
        dataType: "json", // returned data type expected from server
        async: "false"
    })
    .done(function (response) {
        alert_msg = response["message"];
        alert_level = "success";
        var log_header_prefix = getAlertPrefix(category, operation, false);
        $("#current-log-header").html(log_header_prefix)
        if (response["success"] == true) {
            var logs_content = response["log_content"]
            var file_does_not_exist = response["does_not_exist"];
            // if log file EXISTS
            if (file_does_not_exist == false) {
                setMonitorLogArea()
                // iterate through each line of the log file
                for (lg_index in logs_content) {
                    lg_line = logs_content[lg_index]
                    // if error
                    if (lg_line.includes("ERROR")) {
                        lg_line_color = "danger"
                    }
                    // if warning/critical
                    else if(lg_line.includes("WARNING")){
                        lg_line_color = "warning"
                    }
                    // normal log
                    else {
                        lg_line_color = "success"
                    }
                    // prepare display format of this particular log
                    lg_line = '<div class="text-' + lg_line_color + '"><i class="fa fa-chevron-circle-right"></i> '
                            + lg_line + '</div><br>'
                    // add log line to the log displaying div
                    if (lg_index == 0) {
                        $("#logs-textarea").html(lg_line)
                    } else {
                        $("#logs-textarea").append(lg_line)
                    }
                }
            }
        } else {
            alert_level = "danger";
        }
        displayMessageAlert(alert_msg, "add", alert_level);
    })
    .fail(function (response) {
         console.log(response);
    })
    .always(function (response) {
        hideWaitWindow();
    });
}

/**
 * define handlers for click events of all the click-able
 * elements in the Migration page
 */
function handleClickEvents() {

    /**
     * Anonymous jQuery function
     * Event handler for delete history button in Migration Settings
     */
     <?php if(IsDevMode()) { ?>
     $("#deleteSelectedCategoriesBtn").on("click", function() {
        kendo.confirm("Are you sure you want to clean up selected categories?")
        .then(
        function () {
            cleanUpSelectedCategories();
        },
        function() {
            console.log("Cancel clean up selected categories action!")
        })
     })
     <?php } ?>

     /**
     * Anonymous jQuery function
     * Event handler for delete history button in Migration Settings
     */
     $("#updatePublicHtml").on("click", function() {
        server = $("#serversDDL").data("kendoDropDownList").value();
        kendo.confirm("Are you sure you want to update public_html embedded links?")
        .then(
        function () {
            updatePublicHtmlResources(server);
        },
        function() {
            console.log("Cancel delete history action!")
        })
    })

    $("#accountCrossRefBtn").on("click", function() {
        // print the csv file to a new window
        window.open(hcuadmOdyMigrServerURL + "?get_purpose=acc_cross_ref&cu=<?php echo $cu; ?>", "Cross Account");
    })

    toggleLockUnlock("Settings");
    toggleLockUnlock("Admin");

    /*
     * Anonymous jQuery function
     * Event handler for fetching log for all the previously ran migration processes
     */
    $("#get-log-history").click(function() {
        var option = $("#loghistoryDDL").data("kendoDropDownList").value();
        var res = option.split("-");
        var operation = res[0];
        var category = res[1];
        // fetch log
        fetchCompletedLogHistory(category, operation);
    });


    /*
     * Event handler for "Start" or "Start Final Migration" button.
     * When enabled, and clicked, this event executes regular or final migration
     * operation of all the available categories
     */
    $("#runMigrationBtn").on("click", function() {
        if ($.homecuValidator.validate()) {
            var server = $("#serversDDL").data("kendoDropDownList").value().trim();
            var category = $("#categoriesDDL").data("kendoDropDownList").value().trim();
            var operation = $("#operationsDDL").data("kendoDropDownList").value().trim();
            var cu = "<?php echo strtoupper($cu); ?>";

            var confirmation_msg = "<b class='text-info'>[Regular Migration Operation] Please confirm that you want to perform '" + operation + "-" + category + "' for " + cu + ".</b>";
            var is_final_migr = false;

            if ($("#final-migration").is(":checked")) {
                is_final_migr = true;

                confirmation_msg =  "<b class='text-info'>[Final Migration] Data categories to be migrated: 'memdata', 'memhist', ['loanapp']";

                if ($("#check-switch-accounts").is(":checked")) {
                    confirmation_msg += ", 'switchaccounts'";
                }

                confirmation_msg += ". Credit Union: " + cu + ". Please confirm.</b>";
            }

            if (server == "") {
                displayMessageAlert("Invalid input. Source Server cannot be empty. ", "add", "danger")
            } else {
                kendo.confirm(confirmation_msg)
                .then(function () {
                    var username = $("[name='username']").val().trim();
                    // base64 decode - to avoid passing raw password values
                    // inside the application
                    var password = btoa($("[name='password']").val().trim());

                    var migr_initiated = true;
                    $("#runMigrationBtn").prop("disabled", true)

                    // final migration operations (memdata + memhist)
                    if (is_final_migr == true) {
                        category = "memdata"
                        operation = "migrate"
                        showWaitWindow()
                        var initiateMigrationAjaxCallerObject = InitFinalMigrationOperation(server, username, password);
                    }
                    // regular one migration operation at a time
                    else {
                        if (category != "" && operation != "") {
                            var initiateMigrationAjaxCallerObject = InitMigrationOperation(server, operation, category, username, password);
                        } else {
                            migr_initiated = false;
                            displayMessageAlert("You must provide both data category and data operation input. ", "add", "danger")
                        }

                    }
                    if (migr_initiated == true) {
                        initiateMigrationAjaxCallerObject
                        .done(function (response) {
                            var alert_prefix = getAlertPrefix(category, operation, true);
                            var alert_level;
                            var msg  = response["message"]
                            if (response["success"] == true) {
                                if(is_final_migr == true) {
                                    $("#final-migration-checklist-wrapper").css('display', 'none')
                                }
                                disableSettingsButtonsSetTo(true);
                                autoRefreshLog(category, operation, is_final_migr);
                                alert_level = "success";
                            } else {
                                updateStartButtonVisibleStatus(false)
                                alert_level = "danger";
                            }
                            displayMessageAlert(alert_prefix + msg, "add", alert_level)
                        })
                    }
                },
                function () {
                    updateStartButtonVisibleStatus(false)
                });
            }
        } else {
            displayMessageAlert("Invalid input. ", "add", "danger")
            updateStartButtonVisibleStatus(false)
        }

    });

    /*
     * Anonymous jQuery function
     * Event handler for migration settings button that toggles the text and shows/hides monitor UI access disable option.
     */
    $("#migration-settings").click(function() {
        $('#check-migration').prop('checked', false);
        $("#disable-migration-button").attr("disabled", "disabled");

        $(this).html($(this).html().includes("Show Settings") ? '<i class="fa fa-cogs"></i> Hide Settings': '<i class="fa fa-cogs"></i> Show Settings');
        $("#settings").toggle();
    });

    /*
     * Anonymous jQuery function
     * Event handler responsible for disabling the monitor UI .
     */
     $("#disable-migration-button").click(function() {
        kendo.confirm("<b class='text-danger'> [DANGER ZONE]</b> This will lock the whole migration screen. If this is your first time, please contact a developer if you are unsure about this. Please do not proceed unless you are 200% sure. <br><br><b class='text-danger'>Confirming this means that we are past 'Go Live' day and data migrations have been fully completed for '<?php echo strtoupper($cu); ?>' credit union. </br>This ONLY deletes temporary files created during the MIGRATION process, and DOES NOT/MUST NOT touch anything related to PRODUCTION data on the DATABASE.</b> ")
        .then(
            function () {
                resetIntervalAutoLogFetch()
                disableMigrationMonitor()
            })

    });

    /*
     * Anonymous jQuery function
     * Event handler for a checkbox to confirm the monitor UI disable operation.
     */
    $("#check-migration").click(function(){
        if ($(this).is(":checked")) {
            $("#disable-migration-button").removeAttr("disabled");
        } else {
            $("#disable-migration-button").attr("disabled", "disabled");
        }
    });

    /*
     * Anonymous jQuery function
     * Event handler for a checkbox to confirm the monitor UI disable operation.
     */
    $("#final-migration").click(function(){
        handleFinalMigrationCheckboxClick()
    });

    $("#check-switch-accounts").on("click", function() {
        handleSwitchAccountsLoanAppsSetting("switchaccounts", "toggle_setting", true)
    })

    <?php if(IsDevMode()) { ?>
    $("#resetFinalMigration").click(function(){
        kendo.confirm("<b class='text-danger'> [DANGER ZONE]</b> Seeing this in PRODUCTION environment? This operation IS NOT INTENDED to be used in production environment. Please contact a developer. <br><br><b class='text-danger'>Consequences: This will DELETE EVERYTHING but settings and admin.</b> You will LOSE ALL Members, Switch Accounts, Loanapps and Member History data that you may have migrated earlier.")
        .then(
        function () {
            resetMigrationState()
        })
    });
    <?php } ?>

}

/**
 * This function sets up all the controls and includes event handlers for some important elements in the migration screen.
 */
function SetUp() {
    // initialize kendo UI elements
    initializeKendoElements();

    // display migration UI
    $("#migrationDiv").removeClass("hidden");
    // setUp form validation - kendo-ui
    $.homecuValidator.setup({formValidate: "migrationDiv", formStatusField: "migrationStatusDiv"});
    // initial state of the containers, buttons and message holders
    $("#migrationDisableMsgDiv").addClass("hidden");
    $("#disable-migration-button").prop("disabled", true);
    $("#settings").hide();

    resetMonitorLogArea()

    // retrieve settings to whether or not to
    // migrate switchaccounts
    handleSwitchAccountsLoanAppsSetting("switchaccounts", "get_setting", false);

    // update servers data source
    populateServerList(false);

    // update operations data source
    setUpOperationsDDL("all", "init");

    // update categories data source
    updateDataCategoriesList(false);

    handleMigrationOnPageLoad(false)

    // define anonymous jquery functions to handle click events
    handleClickEvents()
}

/**
 * Utility function to clear/reset log fetch interval
 */
function resetIntervalAutoLogFetch() {
    if (fetchLogIntervalVar != undefined) {
        clearInterval(fetchLogIntervalVar)
        fetchLogIntervalVar = undefined;
    }
}

/**
 * Main function that initiates log file sync.
 *
 * Mainly applies to in-progress or just started "migrate" operation. First log fetch is always
 * called after a few seconds after the migration script is executed to allow the migration
 * script to write initial logs in the appropriate log file.
 */
function autoRefreshLog(category, operation, is_final_migr) {
     $("#runMigrationBtn").prop("disabled", true)

     <?php if(IsDevMode()) { ?>
     $("#resetFinalMigration").prop("disabled", true)
     <?php } ?>

    var final_migr_include_sa = false;
    // always include loanapps
    var final_migr_include_loanapps = true;

    // check whether or not to include switchaccounts in final migration
    if (is_final_migr) {
        if($("#check-switch-accounts").is(":checked")) {
            final_migr_include_sa = true;
        }
    }

    // applies to "migrate" operation
    var show_progressbar = true;

    // wait for firstLogFetchOffsetTime seconds to let the recent migration script start writing logs to a file,
    // otherwise it will read old log or throw error for not finding a file
    setTimeout( function() { fetchMigrationLog(show_progressbar,
                                               category,
                                               operation,
                                               is_final_migr,
                                               final_migr_include_sa,
                                               final_migr_include_loanapps); }, firstLogFetchOffsetTime * 1000 );

    var alert_msg = "Logs will be auto-refreshed every " + refreshWindow + " seconds until " + "'" + operation + "-" + category + "' completes!";
    if (is_final_migr) {
        displayMessageAlert("[Final Migration] " + alert_msg, "add", "success")
    } else {
        displayMessageAlert("[Regular Migration]" + alert_msg, "add", "success")
    }
    resetIntervalAutoLogFetch()
    // set time interval to periodically fetch log content
     fetchLogIntervalVar = setInterval( function() { fetchMigrationLog(show_progressbar,
                                                                       category,
                                                                       operation,
                                                                       is_final_migr,
                                                                       final_migr_include_sa,
                                                                       final_migr_include_loanapps); },
                                        refreshWindow * 1000  );
}

/**
 * Utility function to reload current page
*/
function reloadPage() {
    location.reload();
}

/**
 * A function to disable migration monitor.
 *
 * The post request creates a '.ody_migr_monitor_lock' file in the /home/<cu>/tmp/ folder.
 *
 *  * ****IMPORTANT: CAUTION CAUTION CAUTION****
 *
 * THIS AJAX CALL INVOKES A FUNCTION (in ody_migr_server.prg). PLEASE
 * DO NOT ADD ANY CODE THAT WILL DELETE ANY DATABASE RELATED DATA ON
 * BOTH THE CLIENT AND SERVER SIDES. AT THIS POINT, WE ARE DONE
 * MIGRATING PRODDUCTION DATA FROM MAMMOTH TO ODYSSEY AND WE CERTAINLY
 * DON'T WANT TO MESS AROUND WITH THE MIGRATED DATA ON THE DATABASE
 * AFTER THE FINAL DATA MIGRATION.
*/
function disableMigrationMonitor() {
    var server = $("#serversDDL").data("kendoDropDownList").value();
    data_disable_monitor = {
        "post_purpose": "disable_monitor",
        "cu": "<?php echo $cu; ?>",
        "server": server
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_disable_monitor,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var msg;
        if (response["success"] == true) {
            msg = response["message"] + " Lock file location: '<?php  echo $migrationMonitorLock; ?>'!"
            $("#migrationDiv").addClass("hidden");
        } else {
            msg = response["message"] + " Lock file's expected location is: '<?php  echo $migrationMonitorLock; ?>'!"
        }
        $("#migrationDisableMsgDiv").text(msg)
        $("#migrationDisableMsgDiv").removeClass("hidden");
    })
    .fail(function (response) {
        console.log(response);
    })
}

/**
 * A function that creates and updates kendo-ui progress bar for in-progress migration.
 *
 * Only applies to "migrate" data migration operation.
 */
 function updateProgressBar(operation_value, category_value, progress_status, progress_text, update_pb_flag) {
    if(update_pb_flag) {
        if (operation_value == "migrate" && category_value =="memdata") {
            //$("#progress-bar-container").removeClass('hidden');
            if(progress_status["total"] == 0) {
                $("#progress-bar-text").html("<strong class='text-success'>Please wait, collecting progress stats... " + progress_text + "</strong>")
            }
            else {
                $("#progress-bar-container").removeClass('hidden');
                var progressbar = $("#progressbar").data("kendoProgressBar");
                if (progressbar == undefined) {
                    $("#progressbar").kendoProgressBar({
                      min: 0,
                      max: progress_status["total"],
                      type: "percent",
                      orientation: "horizontal",
                        complete: function(e) {
                          $("#progress-bar-text").html("<strong class='text-success'>Migration completed! " + progress_text + "</strong>")
                      },
                      animation: {
                        duration: 600
                      }
                    });
                    progressbar = $("#progressbar").data("kendoProgressBar");
                }
                $("#progress-bar-text").html("<strong class='text-info'>Migration in-progress: " + progress_text + "</strong>")
                progressbar.value(progress_status["current"])
            }
        } else {
            //$("#progress-bar-container").removeClass('hidden');
            $("#progress-bar-container").addClass('hidden')
        }
    } else {
        //$("#progress-bar-container").removeClass('hidden');
        $("#progress-bar-container").addClass('hidden');
    }

}

/**
 * Switchaccount settings: update checked/unchecked status of the setting
 * using the lock file
 */
function handleSwitchAccountsLoanAppsSetting(entity, action, showHideWaitWindow) {
    $("#check-switch-accounts").prop("disabled", true);

    if(showHideWaitWindow) {
        showWaitWindow()
    }
    data_sa_setting = {
        "post_purpose": "handle_switchaccounts_setting",
        "cu": "<?php echo $cu; ?>",
        "action": action, // get_setting or toggle_setting
        "entity": entity // switchaccounts
    }
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_sa_setting,
        dataType: "json",
        async: false
    }).done(function (response) {

        if (entity == "switchaccounts")  {
            var settingsElemId = $("#check-switch-accounts");
        }

        if (action == "get_setting") {
            if(response["success"] == true) {
                settingsElemId.prop('checked', response["include_or_not"])
            }
        } else { // toggle_setting
            if(response["success"] == true) {
                if(settingsElemId.is(":checked")) {
                    if (entity == "switchaccounts") {
                        displayMessageAlert("Settings Changed: Switch accounts INCLUDED in final migration.", "add", "success");
                        $("#final-mgr-migrate-switchaccounts").html('Is <i>SWITCHACCOUNTS</i> part of final migration?' + ' <i class="text-success">Yes</i>');
                    }
                } else {
                    if (entity == "switchaccounts") {
                        displayMessageAlert("Settings Changed: Switch accounts EXCLUDED in final migration.", "add", "success");
                        $("#final-mgr-migrate-switchaccounts").html('Is <i>SWITCHACCOUNTS</i> part of final migration?' + ' <i class="text-danger">No</i>');
                    }
                }
            }
        }
    }).always(function (response) {
        fetchWIPAndDoneList(false, false);
        updateDataCategoriesList(false);
        $("#check-switch-accounts").prop("disabled", false);
        if(showHideWaitWindow) {
            hideWaitWindow()
        }
    })
}

/**
 * This function disables (resets) html form elements used for execution migration.
 */
function disableMigrationInputForm(){
    $("[name='username']").prop("disabled", true).addClass("k-state-disabled");
    $("[name='password']").prop("disabled", true).addClass("k-state-disabled");
    $("#serversDDL").data("kendoDropDownList").enable(false)
    $("#operationsDDL").data("kendoDropDownList").enable(false)
    $("#categoriesDDL").data("kendoDropDownList").enable(false)
    $("#wipDDL").data("kendoDropDownList").enable(false)
}

/**
 * This function sets html form elements used for execution migration.
 */
function setHtmlFormElements(){
    $("[name='username']").prop("disabled", false).removeClass("k-state-disabled");
    $("[name='password']").prop("disabled", false).removeClass("k-state-disabled");
    $("#serversDDL").data("kendoDropDownList").enable(true)
    $("#operationsDDL").data("kendoDropDownList").value("migrate")
    $("#categoriesDDL").data("kendoDropDownList").value("settings")
    $.homecuValidator.setup({formValidate: "migrationDiv", formStatusField: "migrationStatusDiv"});
}

/**
 * enable/disable settings buttons
 */
function disableSettingsButtonsSetTo(flag) {
    var settingsIds = ["lockUnlockSettingsMigrationBtn",
                        "lockUnlockAdminMigrationBtn", "deleteSelectedCategoriesBtn",
                        "check-switch-accounts", "runMigrationBtn"]

    for (settingIndex in settingsIds) {
        $("#" + settingsIds[settingIndex]).prop("disabled", flag)
    }
}

function getCurrentDateTime() {
     var now =  new Date().toLocaleString("en-US", {timeZone: "America/Boise"});
     return " (Last displayed: " + now + " MST)";
}

/**
* Display static message about the status of migration operations
*/
function displayStaticMigrationStatus(is_final_migr, operation_value, category_value,
                                      migr_state) {
     if (migr_state == "inprogress") {
         migr_state = " is in progress";
     } else if (migr_state == "completed") {
         migr_state = " has completed";
     }
     var op_suffix = " '" + operation_value + "-" + category_value + "' " + migr_state + ". ";
     var msg_static = "[Regular Migration]" + op_suffix;
     if (is_final_migr) {
         var msg_static = "[Final Migration]" + op_suffix;
     }
     $("#finalMigrationStatusDiv").html("<u><b>" + msg_static + getCurrentDateTime() + "</b></u>");
}

/**
 * Show/enable final migration related elements
 */
function showFinalMigrationElements(msg) {
    $("#finalMigrationStatusDiv").html("<u><b>" + msg + getCurrentDateTime() + "</b></u>");
    $("#final-migration-checklist-wrapper").css('display', 'block')
    setHtmlFormElements()
    disableSettingsButtonsSetTo(false)
}

/**
 * Hide/disable final migration related elements
 */
function hideFinalMigrationElements(msg, final_migr_status) {
    FetchLogsHistoryList(false);
    fetchWIPAndDoneList(false, true)

    $("#finalMigrationStatusDiv").html("<u><b>" + msg + getCurrentDateTime() + "</b></u>");
    $("#final-migration-checklist-wrapper").css('display', 'none')

     updateHomeBankingInfoText(false);
     <?php if(IsDevMode()) { ?>
     $("#deleteAllCleanUpList").data("kendoMultiSelect").setDataSource([])
     <?php } ?>
     disableSettingsButtonsSetTo(true)
     disableMigrationInputForm()
     if (final_migr_status == "completed") {
         $("#accountCrossRefBtn").prop("disabled", false);
         $("#migration-settings").prop("disabled", false);
         <?php if(IsDevMode()) { ?>
         $("#resetFinalMigration").prop("disabled", false);
         <?php } ?>
     } else if (final_migr_status == "inprogress") {
         $("#accountCrossRefBtn").prop("disabled", true);
     }

}

/**
 * Handle regular or final migration process on page load
 */
function handleMigrationOnPageLoad(showHideWaitWindow) {
    if(showHideWaitWindow) {
        showWaitWindow()
    }
    data_complete_onload = {
        "post_purpose": "manage_migration_state",
        "cu": "<?php echo $cu; ?>",
        "final_migration_when": "on_pageload"
    }
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_complete_onload,
        dataType: "json",
        async: false
    }).done(function (response) {
        var msg = response["message"]
        if (response["success"] == true) {

            var final_migr_status = response["migr_status"]
            var migr_type = response["migr_type"]

            if (final_migr_status == "completed") {
                // this should be after completion of memhist of final migration
                hideFinalMigrationElements(msg, final_migr_status)
            }

            else if (final_migr_status == "inprogress") {
                var inprogress_op_cat = response["inprogress_category"]
                var op_cat_arr = inprogress_op_cat.split("-")
                var inprogress_operation= op_cat_arr[0];
                var inprogress_category = op_cat_arr[1];
                if (migr_type == "final") {
                    hideFinalMigrationElements(msg, final_migr_status)
                    autoRefreshLog(inprogress_category, inprogress_operation, true);
                } else {
                    $("#final-migration-checklist-wrapper").css('display', 'block');
                    autoRefreshLog(inprogress_category, inprogress_operation, false);
                }
            }

            else if (final_migr_status == "invalid") {
                hideFinalMigrationElements(msg, final_migr_status)
                displayMessageAlert(msg, "add", "danger")
            }
            // normalstart
            else {
                UpdateMigrationOptions(false)
                showFinalMigrationElements(msg)
                displayMessageAlert(msg, "add", "success")
            }
        } else {
            hideFinalMigrationElements(msg, "invalid")
            displayMessageAlert(msg, "add", "danger")
        }
    }).always(function (response) {
        if(showHideWaitWindow) {
            hideWaitWindow()
        }
    })
}

/**
 * Handle final migration process on completion
 */
function wrapUpFinalMigration() {
    showWaitWindow()
    data_complete_final = {
        "post_purpose": "manage_migration_state",
        "cu": "<?php echo $cu; ?>",
        "final_migration_when": "on_completion"
    }
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_complete_final,
        dataType: "json"
    })
    .done(function (response) {
        var msg = response["message"]

        if (response["success"] == false) {
            displayMessageAlert(msg, "add", "danger")
        } else {
            displayMessageAlert(msg, "add", "success")
        }
        hideFinalMigrationElements(response["message"], "completed")

    }).always(function (response) {
        displayMessageAlert("Completing FINAL Migration. ", "add", "success")
        $("#runMigrationBtn").html('<i class="fa fa-plug"></i> Start')
        $("#runMigrationBtn").prop("disabled", true)
        hideWaitWindow()
    })
}

function getAlertPrefix(category_value, operation_value, fetch_during_migration) {
    if (fetch_during_migration == true) {
        return "<b><u>["+ category_value.toUpperCase() + "-" + operation_value.toUpperCase() + "-" + "<?php echo strtoupper($cu); ?>" + "] </b></u>"
    } else {
        return "<b><u>[SHOWING LOG HISTORY]["+ category_value.toUpperCase() + "-" + operation_value.toUpperCase() + "-" + "<?php echo strtoupper($cu); ?>" + "] </b></u>"
    }
 }

/**
 * Get next category to migrate for final migration
 * final_migr_include_loanapps is always configred to be true
 */
function getNextFinalMigrationCategory(completed_category,
                                       final_migr_include_sa,
                                       final_migr_include_loanapps) {
     var next_migr = "memhist";

     if (completed_category == "memdata") {
         if (final_migr_include_sa) {
             next_migr = "switchaccounts";
         } else if (final_migr_include_loanapps) {
             next_migr = "loanapp";
         }
         // else { next_migr = memhist }
     } else if (completed_category == "switchaccounts") {
         if (final_migr_include_loanapps) {
             next_migr = "loanapp";
         }
         // else { next_migr = memhist }
     }
     // else { next_migr = memhist }

     return next_migr;
}

/**
 * Also migrate switchaccounts, loanapp as a part of final migration
 */
function startMemhistAndSwitchAccsForFinalMigration(category) {
    data_memhist_sa_wip = {
        "post_purpose": "start_memhist_sa_wip_for_final_migration",
        "cu": "<?php echo $cu; ?>",
        "category": category,
    }
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_memhist_sa_wip,
        dataType: "json",
        async: false
    })
    .done(function (response) {
        if (response["success"] == false) {
            displayMessageAlert(response["message"], "add", "danger")
        }
    })
}

/**
 * Main function to make a post request, read log file, parse log content, display logs in appropriate
 * containers and update migration progress.
 *
 * @param show_progressbar      flag to display/update progressbar or not
 * @param category_value        data migration category
 * @param operation_value       data migration operation
*/
 function fetchMigrationLog(show_progressbar, category_value, operation_value,
                            is_final_migr, final_migr_include_sa,
                            final_migr_include_loanapps) {

     if (is_final_migr == false) {
         updateStartButtonVisibleStatus(false)
     }

    // show wait window
    showWaitWindow();
    // get alert prefix
    var alert_prefix = getAlertPrefix(category_value, operation_value, true);
    // update header of log monitoring area
    $("#current-log-header").html(alert_prefix)

    // data to post, post_purpose is part of every ajax call in this javascript file
    data_fetch_log = {
        "post_purpose": "fetch_log",
        "cu": "<?php echo $cu; ?>",
        "operation": operation_value,
        "category": category_value
    };

    error = false;

    // ajax call
    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_fetch_log,
        dataType: "json" // returned data type expected from server
    })
    .done(function(response) {
        alert_msg = alert_prefix + response["message"];
        var alert_level;
        warning = false;

        if (response["success"] == true) {
            // fetch response data
            var logs_content = response["log_report"]["log_content"]
            var end_of_migration = response["log_report"]["end_of_log"]
            var progress_status = response["log_report"]["progress_status"]
            var file_does_not_exist = response["log_report"]["does_not_exist"];
            var migration_status = "inprogress";

            // if log file EXISTS
            if (file_does_not_exist == false) {

                // halt on error
                halt_fetching = false
                // iterate through each line of the log file
                for (lg_index in logs_content) {
                    lg_line = logs_content[lg_index]

                    // if error
                    if (lg_line.includes("ERROR")) {
                        lg_line_color = "danger"
                        error = true;
                        var arr_lg_error = lg_line.split("::")
                        alert_msg += "<br> "+ alert_prefix +"Encountered ERROR(S)! "
                                   + arr_lg_error[arr_lg_error.length-1].trim()
                        migration_status = "encountered ERROR(s). Refer to the log file '" +
                                           operation_value + "-" + category_value + "'"
                        halt_fetching = true
                    }
                    // if warning/critical
                    else if(lg_line.includes("WARNING")){
                        lg_line_color = "warning"
                        warning = true;
                        var arr_lg_warning = lg_line.split("::");
                        var lg_line_warning = arr_lg_warning[arr_lg_warning.length - 1]
                        if(!lg_line_warning.includes("Relaxing validation")) {
                            alert_msg = alert_prefix + "WARNING(S)! " + lg_line_warning
                        }
                    }
                    // normal log
                    else {
                        lg_line_color = "success"
                    }

                    if(lg_line.includes("MIGRATION DONE")){
                        lg_line_color = "success"
                        warning = false
                        alert_msg = alert_prefix + "Migration operation '"
                                   + operation_value + "-" + category_value+"' COMPLETED! "
                    }


                    // prepare display format of this particular log
                    lg_line = '<div class="text-' + lg_line_color + '"><i class="fa fa-chevron-circle-right"></i> '
                            + lg_line + '</div><br>'

                    // add log line to the log displaying div
                    if (lg_index == 0) {
                        $("#logs-textarea").html(lg_line)
                    } else {
                        $("#logs-textarea").append(lg_line)
                    }

                    // if error, reset log sync and delete work-in-progress lock file and terminate log fetching.
                    if (halt_fetching) {
                        resetIntervalAutoLogFetch()
                        // also handle error encountered during final migration execution (eg. wrong password)
                        deleteWIPMigrateLock(operation_value, category_value, is_final_migr);

                        if (is_final_migr) {
                            // if this is final migration, enable the migration elements
                            // so that it can be executed again; lock files are handled
                            // on the server side
                            showFinalMigrationElements(migration_status);
                        }
                        break
                    }
                }
                if (halt_fetching == false) {
                    updateProgressBar(operation_value, category_value,
                                      progress_status, alert_prefix, show_progressbar)
                }
                // check if this migration already completed
                // wip file would already have marked as done
                if (end_of_migration == true) {
                    // clear log interval if migration completed
                    resetIntervalAutoLogFetch()

                    // HANDLE Final Migration Part
                    if (is_final_migr == true && operation_value == "migrate") {
                        // Exec sequence: memdata -> switchaccounts (if configured) -> loanapp (if configured) -> memhist

                        // do the following when memdata completes as a part of final migration
                        if (category_value == "memdata") {
                            setTimeout( function() { $("#progress-bar-container").addClass('hidden'); },
                                        hideProgressBar * 1000);
                        }

                        // do the following when memdata/switchaccounts/loanapp completes
                        if (category_value == "memdata"
                            || category_value == "switchaccounts"
                            || category_value == "loanapp") {

                            // select next migration category (switchaccounts/loanapp/memhist) to migrate next
                            var next_migr = getNextFinalMigrationCategory(category_value,
                                                                          final_migr_include_sa,
                                                                          final_migr_include_loanapps);

                            // create a wip file for next_migr
                            startMemhistAndSwitchAccsForFinalMigration(next_migr);

                            // always show log displaying div
                            setMonitorLogArea();

                            hideFinalMigrationElements("[Final Migration] 'migrate-" + category_value
                                                     + "' completed. Starting 'migrate-" + next_migr + "'", "inprogress");

                            // start fetching next_migr, set wip
                            // start fetching next_migr logs after 3 seconds
                            setTimeout( function() { autoRefreshLog(next_migr, operation_value, true); }, 3000);
                        }

                        // do the following when memhist completes
                        else {
                            hideWaitWindow()
                            wrapUpFinalMigration()
                        }
                    }
                    // HANDLE Regular one-at-a-time {migrate,summary,clean} Operations
                    else {
                        if (category_value == "memdata"
                            && operation_value == "clean") {
                            $("#accountCrossRefBtn").prop("disabled", true);
                        }
                        if (category_value == "memdata" && operation_value == "migrate") {
                            setTimeout( function() { $("#progress-bar-container").addClass('hidden'); }, hideProgressBar * 1000)
                        }
                        displayStaticMigrationStatus(is_final_migr,
                                                     operation_value,
                                                     category_value,
                                                     "completed")
                    }
                } else {
                    displayStaticMigrationStatus(is_final_migr, operation_value,
                                                 category_value, migration_status)
                }
            }
            // if log file DOES NOT EXISTS
            else {
                // clear log interval if migration completed
                resetIntervalAutoLogFetch();
                deleteWIPMigrateLock(operation_value, category_value, is_final_migr);
                error = true;
            }
        }
        // response success = False
        else {
            error = true;
            deleteWIPMigrateLock(operation_value, category_value, is_final_migr);
            resetIntervalAutoLogFetch()
        }
        if (error == true) {
            alert_level = "danger";
        } else if (warning == true) {
            alert_level = "warning";
        } else {
            alert_level = "success";
        }
        // display log appropriate alert message after fetching log content
        displayMessageAlert(alert_msg, "add", alert_level)
    })
    .always(function() {
        // always show log displaying div
        setMonitorLogArea()

        if(is_final_migr == true && operation_value == "migrate") {
            fetchWIPAndDoneList(false, false);
        } else {
            // update migration options etc.
            UpdateMigrationOptions(false);
        }

        if(is_final_migr == true) {
            // if final migration encountered error (eg. execution with wrong
            // password, then enable the Start Button)
            if(error) {
                $("#runMigrationBtn").prop("disabled", false)
            } else {
                $("#runMigrationBtn").prop("disabled", true)
            }

        } else {
            $("#check-switch-accounts").prop("disabled", false)
        }
        // hide wait window
        hideWaitWindow()
    });
}

function InitFinalMigrationOperation(server, username, password) {
    // data to send as a post request
    data_execute_final_script = {
        "post_purpose": "execute_final_migration",
        "cu": "<?php echo $cu; ?>",
        "server": server,
        "username": username,
        "password": password
    };

    // return ajax caller instance
    return $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_execute_final_script,
        dataType: "json",
        timeout: 120000
    })
}


/**
 * Main function that instantiates ajax post call to execute python migration script
 *
 * @param server            Mammoth endpoint server
 * @param operation         Data migration operation
 * @param data_category     Data migration category
 * @param username          Mammoth server credential: username
 * @param Password          Mammoth server credential: password
 *
 * @return jquery.ajax instance for that call
*/
function InitMigrationOperation(server, operation, data_category, username, password) {
    // data to send as a post request
    data_execute_script = {
        "post_purpose": "execute_script",
        "cu": "<?php echo $cu; ?>",
        "server": server,
        "operation": operation,
        "category": data_category,
        "username": username,
        "password": password
    };

    // return ajax caller instance
    return $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_execute_script,
        dataType: "json"
    })
}

/**
* A function that makes a ajax post request to delete work-in-progress lock file
*/
function deleteWIPMigrateLock(operation, category, is_final_migr) {
    data_del_wip_file = {
        "post_purpose": "delete_wip",
        "cu": "<?php echo $cu; ?>",
        "operation": operation,
        "category": category,
        "is_final_migr": is_final_migr
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_del_wip_file,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var msg = response["message"];
        displayMessageAlert(msg, "append", "danger")
    })
    .fail(function (response) {
        console.log(response);
    });
}

/**
 * Update lock unlock button visibility based on completion of
 * related migration categories
 */
function updateLockUnlockButton(cat_group, showHideWaitWindow) {
    if(showHideWaitWindow){
        showWaitWindow()
    }
    data_lockunlock = {
        "post_purpose": "display_lock_unlock_preventive_buttons",
        "cu": "<?php echo $cu; ?>",
        "cat_group": cat_group
    };

    var btnId = "";
    if (cat_group == "Settings") {
        btnId = "#lockUnlockSettingsMigrationBtn";

    } else if (cat_group == "Admin"){
        btnId = "#lockUnlockAdminMigrationBtn";
    }

    if (btnId != "") {
        $.ajax({
            type: "POST",
            url: hcuadmOdyMigrServerURL,
            data: data_lockunlock,
            dataType: "json",
        }).done(function (response) {
            var msg = response["message"];
            var locked = response["locked"];

            if (response["success"] == true) {
                if (response["show_btn"] == true) {
                    $(btnId).prop("disabled", false)

                } else {
                    $(btnId).prop("disabled", true)
                }

                if(locked) {
                    changeBtnColorToUnlock(cat_group, btnId);
                } else {
                    changeBtnColorToLock(cat_group, btnId);
                }
            }

        }).always(function (response) {
            if(showHideWaitWindow){
                hideWaitWindow()
            }
        })
    }
}

/**
 * Show/hide account cross reference download button based on
 * completion of 'migrate-memdata'
 */
function updateAccountCrossRefDownloadButton(showHideWaitWindow) {
    if(showHideWaitWindow){
        showWaitWindow()
    }
    data_accref_dw = {
        "post_purpose": "display_accref_download",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_accref_dw,
        dataType: "json", // returned data type expected from server
    }).done(function (response) {
        var msg = response["message"];
        if (response["success"] == true) {
            if (response["show_btn"] == true) {
                $("#accountCrossRefBtn").prop("disabled", false)
            } else {
                $("#accountCrossRefBtn").prop("disabled", true)
            }
        }

    }).always(function (response) {
        if(showHideWaitWindow){
            hideWaitWindow()
        }
    })
}

/**
 * Update summary area status display text
 */
 function updateSummary(done_list, is_final_migr_done) {
     var true_fa = '<i class="fa fa-check-square-o text-success"></i> ';
     var false_fa = '<i class="fa fa-times-rectangle text-danger"></i> ';

     if (done_list.includes("settings")) {
         $("#general-summary-settings").html(true_fa + "Settings");
     } else {
         $("#general-summary-settings").html(false_fa + "Settings");
     }

     if (done_list.includes("admin")) {
         $("#general-summary-admin").html(true_fa + "Admin");
     } else {
         $("#general-summary-admin").html(false_fa + "Admin");
     }

     if (done_list.includes("memdata")) {
         $("#general-summary-memdata").html(true_fa + "Member Data");
     } else {
         $("#general-summary-memdata").html(false_fa + "Member Data");
     }

     if ($("#check-switch-accounts").is(":checked")) {
         if (done_list.includes("switchaccounts")) {
             $("#general-summary-switch-accounts").html(true_fa + "Switch Accounts");
         } else {
             $("#general-summary-switch-accounts").html(false_fa + "Switch Accounts");
         }
         $("#general-summary-switch-accounts").removeClass("hidden");

     } else {
         $("#general-summary-switch-accounts").removeClass("hidden").addClass("hidden");
     }

     if(done_list.includes("loanapp")) {
         $("#general-summary-loanapps").html(true_fa + "Loan Apps");
     } else {
         $("#general-summary-loanapps").html(false_fa + "Loan Apps");
     }

     if (done_list.includes("memhist")) {
         $("#general-summary-memhist").html(true_fa + "Member History");
     } else {
         $("#general-summary-memhist").html(false_fa + "Member History");
     }

     if(is_final_migr_done == true) {
         $("#general-summary-final-migr").html(true_fa + "Did final migration run?");
     } else {
         $("#general-summary-final-migr").html(false_fa + "Did final migration run?");
     }
 }

/**
 * A function that makes a ajax post request to fetch list of all
 * in-progress and completed migrations
 */
function fetchWIPAndDoneList(showHideWaitWindow, is_part_of_final_migr) {
    if(showHideWaitWindow){
        showWaitWindow()
    }
    data_wip_done_list = {
        "post_purpose": "get_wip_done_list",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_wip_done_list,
        async: false,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var msg = response["message"];
        if (response["success"] == true) {
            var done_list = response["done_list"];
            var wip_list = response["wip_list"];
            var is_final_migr_done = response["final_migr_done"]

            var wipDDL = $("#wipDDL").data("kendoDropDownList");
            var ds = new kendo.data.DataSource({
                data: wip_list
            });

            wipDDL.setDataSource(ds)

            if (wip_list.length > 0) {
                wipDDL.value(wip_list[0]);
            }
            wipDDL.enable(false)

            updateSummary(done_list, is_final_migr_done);

        } else {
            displayMessageAlert(msg, "add", "danger")
        }
    }).fail(function (response) {
        console.log(response);
    }).always(function (response) {
        if (is_part_of_final_migr == false) {
            updateStartButtonVisibleStatus(false)
        } else {
            $("#runMigrationBtn").prop("disabled", true);
        }

        if(showHideWaitWindow){
            hideWaitWindow()
        }
    });
}

/**
* A function that makes a ajax post request to fetch list of all previously ran data migration options
*/
function FetchLogsHistoryList(showHideWaitWindow) {
    if(showHideWaitWindow) {
        showWaitWindow()
    }
    data_wip_done_list = {
        "post_purpose": "get_logs_list",
        "cu": "<?php echo $cu; ?>"
    };

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_wip_done_list,
        dataType: "json", // returned data type expected from server
    })
    .done(function (response) {
        var msg = response["message"];
        if (response["success"] == true) {
            var logs_list = response["logs_list"];
            var logsHistoryDDL = $("#loghistoryDDL").data("kendoDropDownList");
            // update data source
            var logshistory_data_source = new kendo.data.DataSource({
              data: logs_list
            });
            logsHistoryDDL.setDataSource(logshistory_data_source)

            if (logs_list.length > 0) {
                logsHistoryDDL.enable(true)

                logsHistoryDDL.value(logs_list[0])
                logsHistoryDDL.trigger("change")

                $("#get-log-history").prop("disabled", false)
            } else {
                $("#get-log-history").prop("disabled", true)
                logsHistoryDDL.enable(false)
            }

        } else {
            displayMessageAlert(msg, "append", "danger")
        }
    }).always(function (response) {
        if(showHideWaitWindow) {
            hideWaitWindow()
        }
    });
}

/**
 * Show/hide start button based on WIP category
 */
function updateStartButtonVisibleStatus(showHideWaitWindow) {
    if(showHideWaitWindow) {
        showWaitWindow()
    }
    var wip = $("#wipDDL").data("kendoDropDownList").value();
    if (wip == "") {
        $("#runMigrationBtn").prop("disabled", false)
        <?php if(IsDevMode()) { ?>
        $("#resetFinalMigration").prop("disabled", false)
        $("#deleteSelectedCategoriesBtn").prop("disabled", false)
        <?php } ?>

    } else {
        $("#runMigrationBtn").prop("disabled", true)
        <?php if(IsDevMode()) { ?>
        $("#resetFinalMigration").prop("disabled", true)
        $("#deleteSelectedCategoriesBtn").prop("disabled", true)
        <?php } ?>
    }

    if(showHideWaitWindow) {
        hideWaitWindow()
    }

}

/**
 * Main function to update values to be displayed in In-progress Migrations, Completed Migrations and Logs History tabs in Migration Options section.
 */
function UpdateMigrationOptions(showHideWaitWindow) {
    if (showHideWaitWindow) {
        showWaitWindow();
    }

    fetchWIPAndDoneList(false, false);
    updateAccountCrossRefDownloadButton(false);
    updateLockUnlockButton("Settings", false);
    updateLockUnlockButton("Admin", false);
    FetchLogsHistoryList(false);
    // update home banking status
    updateHomeBankingInfoText(false);
    <?php if(IsDevMode()) { ?>
    // update list of categories available for deletion
    updateAllDoneMultiCheckList(false)
    <?php } ?>
    // enable/disable final migration checkbox based on previously ran memdata and memhist migrations count
    updateFinalMigrCheckBox(false)
    updateStartButtonVisibleStatus(false)
    updateDataCategoriesList(false)

    if (showHideWaitWindow){
        hideWaitWindow()
    }
}

/**
 * Utility function to display message status and alerts
 */
function displayMessageAlert(message, append_or_add, alert_level) {
    if (alert_level == "danger") {
        alert_level = "error"
    }
    msg_length = message.length
    message = message.substring(0, Math.min(msg_length - 1, 500));
    $("#migration-alert").getKendoNotification().show("<div class='notificationAlert'>" + message + "</div>", alert_level)
}

/**
 * Initialize KendoUIs in the migration screen
 */
function initializeKendoElements() {
    $("#wipDDL").kendoDropDownList({
        dataSource: {
            data: []
        },
        noDataTemplate: "No IN PROGRESS migrations to show!"
    }).data("kendoDropDownList");

    $("#migration-alert").kendoNotification({
         autoHideAfter: 15000,
         button: true,
         width: 500,
         position: {
            pinned: true,
            top: 20,
            left: null,
            bottom: null,
            right: 20
        }
    });

    // kendo-ui DDL instance for servers
    $("#serversDDL").kendoDropDownList({
        dataSource: {
            data: []
        },
        noDataTemplate: "No Mammoth server endpoint to show!"
    }).data("kendoDropDownList");

    // kendo-ui DDL instance for migration operations
    $("#operationsDDL").kendoDropDownList({
        dataSource: {
            data: []
        },
        change: function(e){
            var serversddl = $("#serversDDL").data("kendoDropDownList");
            if (this.value() != 'migrate') {
                serversddl.enable(false)
                $("[name='username']").prop("disabled", true).addClass("k-state-disabled");
                $("[name='password']").prop("disabled", true).addClass("k-state-disabled");
            } else {
                serversddl.enable(true)
                $("[name='username']").prop("disabled", false).removeClass("k-state-disabled");
                $("[name='password']").prop("disabled", false).removeClass("k-state-disabled");
            }
        },
        noDataTemplate: "No migration operation to show!"
    }).data("kendoDropDownList");

    // kendo-ui DDL instance for categories
    $("#categoriesDDL").kendoDropDownList({
        dataSource: {
            data: []
        },
        cascade: function(e){
                setUpOperationsDDL(this.value(), "cascade");
        },
        noDataTemplate: "No data categories to show!"
    }).data("kendoDropDownList");

    <?php if(IsDevMode()) { ?>
    $("#deleteAllCleanUpList").kendoMultiSelect({
        dataSource: [],
        noDataTemplate: "No completed migration category(ies) to show!",
        change: function(e) {
            if(this.value().length > 0) {
                $("#deleteSelectedCategoriesBtn").html(" Clean Selected (" + this.value().length + ") Categories")
            } else {
                $("#deleteSelectedCategoriesBtn").html(" Clean Selected Categories")
            }
      }
    }).data("kendoMultiSelect");
    <?php } ?>

    $("#loghistoryDDL").kendoDropDownList({
        dataSource: {
            data: []
        },
        noDataTemplate: "No LOGS HISTORY to show!"
    }).data("kendoDropDownList");

}

/**
 * Main entrypoint for this javascript
 */
function main() {
    // add tooltip using title attribute
    $("#migrationDiv").kendoTooltip({ filter: "a[title]" });

    // check for access permissions and proceed with necessary initialization if permitted
    data_check_monitor_lock = {
        "post_purpose": "check_monitor_lock",
        "cu": "<?php echo $cu; ?>"
    };

    showWaitWindow()

    $.ajax({
        type: "POST",
        url: hcuadmOdyMigrServerURL,
        data: data_check_monitor_lock,
        dataType: "json", // returned data type expected from server
        async: false
    }).done(function(response) {
        // lock it away, no permission
        lock_file = response["lock_file"]
        lock_file_exists = response["exists"]

        // if lock file exist, migrations creen access is not permitted
        if (lock_file_exists) {
            disabled_msg = "Sorry, migration is disabled. Lock file " + lock_file + " exists!";
            $("#migrationDisableMsgDiv").text(disabled_msg)
            $("#migrationDisableMsgDiv").removeClass("hidden");

        } else {
            // setup kendo ui controls and perform necessary initializations
            SetUp();
        }
    })
    .fail(function(response) {
        error_msg = "Something went wrong loading the migration page (possibly due to lock file mishandling!)";
        $("#migrationDisableMsgDiv").text(error_msg);
        $("#migrationDisableMsgDiv").removeClass("hidden");
    }).always(function(response) {
        // allow 2 seconds for initial setup
        setTimeout(function() { hideWaitWindow()}, 2000)
    });
}

/*
 * Main function that is called first when the webpage is opened.
 */
$(document).ready(function() {
    main()
});

</script>

<?php
// ***********************************************************************************
// Local style
// ***********************************************************************************
?>

<style>

.notificationAlert {
      word-wrap: break-word;
      white-space: normal;
      margin: -18px 0 0 20px;
  }

.local-max-width {
  max-width: 1000px;
}

.local-grid-cursor tbody {
  cursor: default;
}

.local-grid-cursor tbody tr td:eq(0) {
  cursor: pointer;
}

#logs-textarea {
    overflow: scroll;
    font-size: 12px;
    font-weight: bold;
    resize: none;
    width: 100%;
    height: 350px;
}

#migration-history-tabs{
    min-height: 450px;
}

#migration-settings-tab {
    min-height: 560px;
}

#progressbar {
    width: 100%;
}
</style>

<?php
// ***********************************************************************************
// HTML of page
// ***********************************************************************************
?>


  <div id="migrationDiv" class="container-fluid hcu-template form-horizontal hidden">
    <p></p>

    <div id="progress-bar-container" class="col-xs-12 well hidden">
            <div id="progress-bar-text" class="col-xs-12 form-group"></div>
            <div id="progressbar" class="col-xs-12"></div>
    </div>

    <div id="migration-alert"></div>
    <div id="migrationStatusDiv" class="col-xs-12 form-group"></div>
    <div id="finalMigrationStatusDiv" class="col-xs-12 text-danger text-center"></div>

    <div>
        <div id="migration-input" class="float-left col-xs-12 col-sm-6">

            <div class="panel panel-primary col-xs-12">
                <div class="form-group col-xs-12">
                     <div class="page-header">
                        <h1>Migration Input <small></small></h1>
                     </div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-4">Target System</label>
                    <div class="col-xs-12 col-sm-8"><b><i class="text-info"><?php echo GetCurrentServer();?></i></b></div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-4">Source Server <i class="text-info">(Mammoth)</i></label>
                    <div class="col-xs-12 col-sm-8"><div id="serversDDL" class="hcu-all-100"></div></div>
                </div>

                <div class="form-group">
                  <label class="col-xs-12 col-sm-4">Server Username</label>
                    <div class="col-xs-12 col-sm-8"><input type="text" title="Enter username of the first credential that you use to login to the Monitor in Mammoth." class="k-input k-textbox hcu-all-100" name="username" maxlength="50"
                        required validationMessage="Enter {0}" placeholder= "Enter Mammoth monitor username"></div>
                </div>

                <div class="form-group">
                  <label class="col-xs-12 col-sm-4">Server Password</label>
                    <div class="col-xs-12 col-sm-8"><input type="password" title="Enter password of the first credential that you use to login to the Monitor in Mammoth." class="k-input k-textbox hcu-all-100" name="password" maxlength="50"
                        required validationMessage="Enter {0}" placeholder= "Enter Mammoth monitor password"></div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-4">Data Operation</label>
                    <div class="col-xs-12 col-sm-8"><div id="operationsDDL" class="hcu-all-100"></div></div>
                </div>

                <div class="form-group">
                    <label class="col-xs-12 col-sm-4">Data Category</label>
                    <div class="col-xs-12 col-sm-8"><div id="categoriesDDL" class="hcu-all-100"></div></div>
                </div>
                <hr/>
                <div class="form-group">
                    <div id="checkbox-alerts" class="col-xs-12 col-sm-6 float-left">
                        <div id="cuadmin-info">
                            <h4 class="text-info"><u><?php echo strtoupper($cu); ?> Banking Settings</u></h4>
                            <h6 class="text-default">Home Banking -> Allow Repeating Transactions: <strong id="cuadmin-repeating-transfers" class="text-danger"></strong></h6>
                            <h6 class="text-default">Home Banking -> Allow Member Alert Processing: <strong id="cuadmin-alert-processing" class="text-danger"></strong></h6>
                            <h6 id="cuadmin-offlinestat-info" class="text-default hidden">Change Online Status -> Offline Status : <strong id="cuadmin-offline-status" class="text-danger"></strong></h6>
                        </div>
                        <div id="cuadmin-no-info" class="text-danger hidden"></div>
                        <div id="migration-categories-summary">
                            <hr>
                            <h4 class="text-info"><u>Summary of Completion</u></h4>
                            <h5><u>Settings</u></h5>
                            <h6 id="general-summary-settings" class="text-default">N/A Settings</h6>
                            <h6 id="general-summary-admin" class="text-default">N/A Admin </h6>
                            <h5><u>Members</u></h5>
                            <h6 id="general-summary-memdata" class="text-default">N/A Member Data</h6>
                            <h6 id="general-summary-switch-accounts" class="text-default hidden">N/A Switch Accounts</h6>
                            <h6 id="general-summary-loanapps" class="text-default">N/A Loan Apps</h6>
                            <h6 id="general-summary-memhist" class="text-default">N/A Member History</h6>
                            <h6 id="general-summary-final-migr" class="text-default">Did final migration run? N/A</h6>

                            </br>
                            <p><i>Note: Loan Apps migration migrates data of credit unions that have loan apps specific data on Mammoth. The ones with no corresponding loan related data on Mammoth are safely handled.</i></p>
                            <i class="fa fa-check-square-o text-success"> Completed </i>
                            <i class="fa fa-times-rectangle text-danger"> Not Completed</i>
                            </br></br>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 float-right">
                        <div class="col-xs-12 float-right text-right">
                            <button type="button" id="runMigrationBtn" class="btn btn-primary"><i class="fa fa-plug"></i> Start</button>
                        </div>
                        <div class="clear"></div>
                        <div class="col-xs-12 float-right text-right">
                            <div id ="final-migration-checklist-wrapper" style="display: none;">
                                <hr>
                                <input class="form-check-input" type="checkbox" id="final-migration" title="settings and admin have alredy been migrated and updated. Also tested memdata and memhist should have been tested at least once." value="option1" disabled>
                                <label id="final-migration-label" class="form-check-label text-danger text-right" for="final-migration">Ready for Final Migration?</label>
                                <br/>
                                <p class="text-danger"><i>Please refresh the page before starting final migration. </br>Final migration includes: memdata, [loanapp, switchaccounts] and memhist data categories.</i></p>
                                <h6 id="final-mgr-settings-locked" class="text-info text-right">1. Are <i>settings</i> & <i>admin</i> migrated & locked? N/A</h6>
                                <h6 id="final-mgr-memdata-ready" class="text-info text-right">2. Is <i>memdata</i> ready? N/A</h6>
                                <h6 id="final-mgr-memdata-gt0" class="text-default text-right">Tested <i>memdata</i> at least once? N/A</h6>
                                <h6 id="final-mgr-memdata-clean" class="text-default text-right">Is <i>memdata</i> in clean state? N/A</h6>
                                <h6 id="final-mgr-memhist-ready" class="text-info text-right">3. Is <i>memhist</i> ready? N/A</h6>
                                <h6 id="final-mgr-memhist-gt0"class="text-default text-right">Tested <i>memhist</i> at least once? N/A</h6>
                                <h6 id="final-mgr-memhist-clean" class="text-default text-right">Is <i>memhist</i> in clean state? N/A</h6>
                                <h6 id="final-mgr-nowip" class="text-default text-info">4. Any in-progress migration(s)? N/A</h6>
                                </br>
                                <h6 id="final-mgr-migrate-switchaccounts" class="text-danger text-right">Is <i>SWITCHACCOUNTS</i> part of final migration? N/A</h6>
                                <h6><i>(configure from Migration Settings -> Settings:Support)</i></h6>
                                </br>
                                <i class="fa fa-check-square-o text-right text-success"> Satisfies. </i>
                                <i class="fa fa-times-rectangle text-right text-danger"> Does not satisfy. </i>
                                <div class="clear"></div>
                                <br/><br/>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>

        <div  id="migration-sidebar" class="float-right col-xs-12 col-sm-6">

             <div id="migration-history-tabs" class="panel panel-primary col-xs-12">
                    <div class="col-xs-12 form-group">
                        <div class="page-header">
                            <h1>Migration Settings <small></small></h1>
                        </div>
                    </div>
                      <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#migration-inprogress-tab">In-Progress Migration</a></li>
                        <li><a data-toggle="tab" href="#migration-dev-settings-tab">Settings: Developers</a></li>
                        <li><a data-toggle="tab" href="#migration-settings-tab">Settings: Support</a></li>
                      </ul>

                      <div class="tab-content">
                        <div id="migration-inprogress-tab" class="tab-pane fade in active">
                            <div class="page-header">
                                <h4>In-Progress Migration</h4>
                            </div>

                            <div class="col-xs-12 col-sm-12">
                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-7 float-left">
                                        <div id="wipDDL" class="hcu-all-100"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>

                        </div>
                        <div id="migration-dev-settings-tab" class="tab-pane fade col-xs-12">
                            <div>
                                <br/>
                                <i class="text-danger text-center">Please do not change settings here if you're not a part of the data migration team!</i>
                            </div>
                            <div  class="float-left col-xs-12 col-sm-6">
                                <div class="page-header">
                                    <h4> Logs History: Completed Migrations</h4>
                                </div>
                                <div class="col-xs-12 col-sm-12">
                                    <div class="form-group">
                                        <div class="col-xs-12 col-sm-7 float-left">
                                            <div id="loghistoryDDL" class="hcu-all-100"></div>
                                        </div>
                                        <div class="col-xs-12 col-sm-5 float-right">
                                            <button id="get-log-history" type="button" class="btn btn-info" disabled><i class="fa fa-get-pocket"></i> Fetch Log</button>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>

                            <?php if(IsDevMode()) { ?>
                            <div  class="float-right col-xs-12 col-sm-6">
                                <div class="page-header">
                                    <h4>Reset Migration State (Developer Tool)<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-danger"><b>DANGER ZONE!  Please contact a developer if you're seeing this in PRODUCTION environment. Consequences: This will DELETE EVERYTHING but settings and admin. </b>This is primarily used by developers to reset migration states with a single click during development and testing. This may take up to a couple minutes for larger CUs.</p>
                                    <button type="button" title="" id="resetFinalMigration" class="btn btn-danger" disabled><i class="fa fa-undo"></i> Reset (Final) Migration State</button>
                                </div>

                                <div class="page-header">
                                    <h4>Multiple Clean Up (Developer Tool)<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-primary">Clean up multiple data categories.<br>(may take up to a couple minutes for larger CUs)</p>
                                    <select id="deleteAllCleanUpList" multiple="multiple"></select>
                                    <br/>
                                    <button type="button" id="deleteSelectedCategoriesBtn" title="" class="btn btn-danger"><i class="fa fa-trash"></i> Clean Selected Categories</button>
                                    <br/><br/>
                                </div>
                            </div>
                            <?php }?>

                            <div class="clear"></div>
                        </div>
                        <div id="migration-settings-tab" class="tab-pane fade col-xs-12">
                            <div>
                                <br/>
                                <i class="text-danger">Please do not change settings here if you're not a part of the data migration team.</i>
                            </div>
                            <div class="clear"></div>
                            <div  class="float-left col-xs-12 col-sm-6">
                                 <div class="page-header">
                                    <h4>Settings Migration Deletion<small></small></h4>
                                </div>
                                <div >
                                    <p class="text-primary">Locked = Prevent deletion, Unlocked = Allow deletion</p>
                                    <button type="button" id="lockUnlockSettingsMigrationBtn" title="Allow/Dis-allow further migration of settings data category." class="btn btn-danger" disabled><i class="fa fa-lock"></i> Lock Settings Migration</button>
                                    <br/><br/>
                                </div>
                                <div class="page-header">
                                    <h4>Admin Migration Deletion<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-primary">Locked = Prevent deletion, Unlocked = Allow deletion</p>
                                    <button type="button" id="lockUnlockAdminMigrationBtn" title="Allow/Dis-allow further migration of admin data category." class="btn btn-danger"><i class="fa fa-lock"></i> Lock Admin Migration</button>
                                    <br/><br/>
                                </div>

                                <div class="page-header">
                                    <h4>Disable Migration Screen In Monitor<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-primary">Disable monitor access after completion of all migrations.</p>
                                    <button id="migration-settings" title="Use this setting to disable migration monitor after migration of all the data categories is completed." type="button" class="btn btn-info"><i class="fa fa-cogs"></i> Show Settings</button>
                                    <br/><br/>
                                </div>
                                <div id="settings" class="col-xs-12 form-group">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox" id="check-migration" value="option1">
                                        <label class="form-check-label text-danger" for="check-migration">I believe that all the data for all applicable categories have been migrated to Odyssey for <?php echo strtoupper($cu); ?>.</label>
                                    </div>
                                    <button id="disable-migration-button" type="button" title="Are you REALLY sure?" class="btn btn-danger"><i class="fa fa-ban"></i> Disable Migration Menu</button>
                                    <br/><br/>
                                </div>
                            </div>

                            <div  class="float-right col-xs-12 col-sm-6">
                                <div class="page-header">
                                    <h4>Update <i>public_html</i> Embedded Links<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-info">Have you already migrated the filesystem to Odyssey? </br>This updates links in the scripts in <b>/home/<?php echo $cu; ?>/public_html/</b> directory.</p>
                                    <button type="button" title="Have you already migrated the filesystem? This updates the embedded links the public_html directory. Eg. domain name update (www3.homecu.net -> my.homecu.net), calculator links, php script (.prg files) links, etc." id="updatePublicHtml" class="btn btn-info"><i class="fa fa-refresh"></i> Update</button>
                                </div>
                                <div class="page-header">
                                    <h4>Include Switch Accounts?<small></small></h4>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="check-switch-accounts"><label class="form-check-label text-info" for="check-switch-accounts">Check this only if SWITCH ACCOUNTS related data is to be include in the Final Migration.</label>
                                </div>

                                <div class="page-header">
                                    <h4>Account Cross Reference List<small></small></h4>
                                </div>
                                <div>
                                    <p class="text-primary">Download a list of Mammoth to Odyssey members mapping info.</p>
                                    <button type="button" title="'migrate-memdata' maintains a list of Mammoth's user_name to Odyssey's userid mappings information. Use this button to get the mapping -- save the content as a file when opened in another window. " id="accountCrossRefBtn" class="btn btn-info"><i class="fa fa-download"></i> Download</button>
                                    <br/><br/>
                                </div>
                            </div>

                            <div class="clear"></div>
                        </div>
                      </div>
            </div>

            <div id="migration-status" class="col-xs-12">
                <div class="form-group panel panel-primary col-xs-12">
                    <div class="page-header">
                        <h1>Logs <small id="current-log-header"></small></h1>
                        <p class="text-danger" id="logs-display-datetime"></p>
                    </div>
                    <div class="col-xs-12">
                        <div id="logs-textarea" class="form-control"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="clear"></div>
    </div>

  </div>

  <div class="container-fluid form-horizontal">
        <div class="form-group">&nbsp;</div>
        <div id="migrationDisableMsgDiv" class ="alert alert-danger hidden" role="alert"></div>
  </div>


<?php
// *************************************************************************************
// Bottom of page
// *************************************************************************************

// Will print out the closing tags created in the printMonitorPageTop function.
printMonitorPageBottom();
exit;