MAINHACK

Viewing / Editing File: events.js

"use strict";

$(document).ready(function () {

/** --------------------------------------------------------------------------------------------------
     *  [subscription product - price] - on selecting product, update the price for that product
     *  [notes]
     * --------------------------------------------------------------------------------------------------*/
    //client list has been reset or cleared
    $(document).on("select2:unselecting", ".stripe_product_price", function (e) {
        NX.clientAndProjectsClearToggle($(this));
    });
    //client list has been reset or cleared
    $(document).on("select2:select", ".stripe_product_price", function (e) {
        NX.stripeProductPriceToggle(e, $(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [link on a div]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".click-url, .url-link", function (e) {
        window.location = $(this).attr("data-url");
    });

/** --------------------------------------------------------------------------------------------------
     *  [remove preloader]
     * -------------------------------------------------------------------------------------------------*/
    $(".preloader").fadeOut('slow', function () {
        NProgress.done();
    });

/** --------------------------------------------------------------------------------------------------
     *  prevent events from bubbling down
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-stop-propagation", function (event) {
        event.stopPropagation();
    });

/** --------------------------------------------------------------------------------------------------
     *  [side filter panel] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-side-panel", function () {
        NX.toggleSidePanel($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [side panel with ajax] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-side-panel-ajax", function () {
        NX.toggleSidePanelAjax($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [stats widget] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-stats-widget", function () {
        NX.toggleListPagesStatsWidget($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [add user modal] - toggle client options
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-client-options", function () {
        NX.toggleAddUserClientOptions($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [add item modal button] - reset target form
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".reset-target-modal-form", function () {
        NX.resetTargetModalForm($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [reset filter panel] - resets the form fields
     * ---------------------------------------------------------*/
    $(document).on("click", ".js-reset-filter-side-panel", function () {
        NX.resetFilterPanelFields($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [add clients modal] - toggle address section
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-switch-toggle-hidden-content", function () {
        NX.switchToggleHiddenContent($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [various] - toggle form options
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-form-options", function () {
        NX.toggleFormOptions($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [pushstate] - change url in address bar
     * -------------------------------------------------------------------------------------------------*/
    $(".project-top-nav").on("click", 'a', function () {
        NX.expandTabbedPage($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [add-edit-project] - add or edit project button clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.add-edit-project-button', function () {
        NX.addEditProjectButton($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [update user preference] - e.g. leftmenu, stats
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.update-user-ux-preferences', function () {
        NX.updateUserUXPreferences($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [apply filter button] - button clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.apply-filter-button', function () {
        NX.applyFilterButton($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [lists main checkbox] - checkbox clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("change", '.listcheckbox-all', function () {
        NX.listCheckboxAll($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [lists main checkbox] - checkbox clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("change", '.listcheckbox', function () {
        NX.listCheckbox($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [clients & projects] - on selecting clients, update the projects dropdown to show clients projects
     *  [notes]
     *       - the clients dropdown must have the following
     *       - class="clients_and_projects_toggle"
     *       - data-projects-dropdown="id-of-the-projects-dropdown"
     *       - data-feed-request-type="filter_tickets" (as checked in feed controller)
     * --------------------------------------------------------------------------------------------------*/
    //client list has been reset or cleared
    $(document).on("select2:unselecting", ".clients_and_projects_toggle", function (e) {
        NX.clientAndProjectsClearToggle($(this));
    });
    //client list has been reset or cleared
    $(document).on("select2:select", ".clients_and_projects_toggle", function (e) {
        NX.clientAndProjectsToggle(e, $(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [project & users] - on selecting project, update users dropdown to show assigned users
     *  [notes]
     *       - the projects dropdown must have the following
     *       - class="projects_assigned_toggle"
     *       - data-assigned-dropdown="id-of-the-users-dropdown"
     * --------------------------------------------------------------------------------------------------*/
    //client list has been reset or cleared
    $(document).on("select2:unselecting", ".projects_assigned_toggle", function (e) {
        NX.projectsAndAssignedClearToggle($(this));
    });
    //client list has been reset or cleared
    $(document).on("select2:select", ".projects_assigned_toggle", function (e) {
        NX.projectAndAssignedCToggle(e, $(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [project & users] - on selecting project, update tasks dropdown to show  tasks
     *  [notes]
     *       - the projects dropdown must have the following
     *       - class="projects_my_tasks_toggle"
     *       - data-task-dropdown="id-of-the-task-dropdown"
     * --------------------------------------------------------------------------------------------------*/
    //project list has been reset or cleared
    $(document).on("select2:unselecting", ".projects_my_tasks_toggle", function (e) {
        //toggle task drop down
        NX.projectsTasksClearToggle($(this));
        //reset fields and button (for manual timer recording)
        NX.recordTaskTimeToggle('disable');
    });
    //projecct list - a project has been selected
    $(document).on("select2:select", ".projects_my_tasks_toggle", function (e) {
        //populate the tasks dropdown
        NX.projectAssignedTasksToggle(e, $(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [default category icon] clicked - show alert
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-system-default-category", function () {
        $.confirm({
            theme: 'modern',
            type: 'blue',
            title: NXLANG.default_category,
            content: NXLANG.system_default_category_cannot_be_deleted,
            buttons: {
                cancel: {
                    text: NXLANG.close,
                    btnClass: ' btn-sm btn-outline-info',
                },
            },
        });
    });

/** --------------------------------------------------------------------------------------------------
     *  [toggle ticket editor or view mode]
     * -------------------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        $(document).on({
            mouseenter: function () {
                $(this).find('.js-hover-actions-target').show();
            },
            mouseleave: function () {
                $(this).find('.js-hover-actions-target').hide();
            }
        }, ".js-hover-actions");
    });

/** --------------------------------------------------------------------------------------------------
     *  [general placeholder clicked]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-toggle-placeholder-element', function () {
        NX.togglePlaceHolders($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [general close button clicked]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-toggle-close-button', function () {
        NX.toggleCloseButtonElements($(this));
    });

/** ----------------------------------------------------------
     *  [jquery.confirm] [option 1]
     *     - form fields in confirm dialogue (such as check boxes)
     * -----------------------------------------------------------*/
    //set the form value to the actual form value
    $(document).on('change', '.confirm_action_checkbox', function () {
        //hidden field
        var hidden_field = $("#" + $(this).attr('data-field-id'));
        if ($(this).is(':checked')) {
            hidden_field.val('on')
        } else {
            hidden_field.val('')
        }
    });

/** ----------------------------------------------------------
     *  [jquery.confirm] [option 2]
     * -----------------------------------------------------------*/
    //set the form value to the actual form value
    $(document).on('change', '.confirm_popup_checkbox', function () {
        //hidden field
        var hidden_field = $("#" + $(this).attr('data-confirm-checkbox-field-id'));
        if ($(this).is(':checked')) {
            hidden_field.val('on')
        } else {
            hidden_field.val('')
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [task - reset the task form]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.reset-card-modal-form', function (e) {
        NX.resetCardModal($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [task - checklist text clicked]
     * -------------------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        $(document).on({
            mouseenter: function () {
                //hide all
                $('.checklist-action-buttons').hide();
                $(this).find('.checklist-action-buttons').show();
            },
            mouseleave: function () {
                $('.checklist-action-buttons').hide();
            }
        }, ".checklist-item");
    });

/** --------------------------------------------------------------------------------------------------
     *  [better ux on delete items] - remove item from list whilst the ajax happend in background
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-delete-ux', function () {
        NX.uxDeleteItem($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [toggle task timer buttons]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-timer-button', function (e) {
        NX.toggleTaskTimer($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [toggle settings left menu]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-toggle-settings-menu', function (e) {
        NX.toggleSettingsLeftMenu($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [convert lead to a customer]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", '.js-lead-convert-to-customer', function (e) {
        //add overlay
        $("#leadConvertToCustomer").addClass('overlay');
        nxAjaxUxRequest($(this));
        NX.convertLeadForm($(this), 'show');
    });
    $(document).on("click", '.js-lead-convert-to-customer-close', function (e) {
        NX.convertLeadForm($(this), 'hide');
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav events - show]
     * -------------------------------------------------------------------------------------------------*/
    $("#topnav-notification-dropdown").on("show.bs.dropdown", function (e) {
        NX.eventsTopNav($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav events - mark all events as read]
     * -------------------------------------------------------------------------------------------------*/
    $("#topnav-notification-mark-all-read").on('click', function (e) {
        NX.eventsTopNavMarkAllRead($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav events - mark one event as read]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.js-notification-mark-read-single', function (e) {
        NX.eventsMarkRead($(this), 'single');
    });

/** --------------------------------------------------------------------------------------------------
     *  [app][change dynamic urls]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.js-dynamic-url', function (e) {
        NX.browserPushState($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [settings][change dynamic urls]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.js-dynamic-settings-url', function (e) {
        //set the dynamic url
        var self = $(this);
        var url = self.attr('data-url');
        var dynamic_url = 'app' + url;
        self.attr('data-dynamic-url', dynamic_url);
        //update browser address bar
        NX.browserPushState($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [settings][email template selected]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('change', '#selectEmailTemplate', function (e) {
        NX.loadEmailTemplate($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [settings][clear cache]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#clearSystemCache', function (e) {
        NX.clearSystemCache($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [settings][clear cache]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.toggle-invoice-tax', function (e) {
        NX.toggleInvoiceTaxEditing($(this));
    });

/** ------------------------------------------------------------------------------
     *  - close any other static popover windows
     * ------------------------------------------------------------------------------- */
    $(document).on('click', '.js-elements-popover-button', function () {
        $('.js-elements-popover-button').not(this).popover('hide');
    });

/** ---------------------------------------------------
     *  Show a popover with dynamic html content
     *  - html content is set in a hidden div
     *  - button has id of hidden div
     *  <button class="btn btn-info btn-sm js-dynamic-popover-button" tabindex="0" 
     *          data-popover-content="--html entities endoced (php) html here---"
     *          data-placement="top"
     *          data-title="Taxes Rates~"> Tax Rates~ </button>
     * -------------------------------------------------- */
    $(document).find(".js-elements-popover-button").each(function () {
        $(this).popover({
            html: true,
            sanitize: false, //The HTML is NOT user generated
            template: NX.basic_popover_template,
            title: $(this).data('title'),
            content: function () {
                //popover elemenet
                var str = $(this).attr('data-popover-content');
                //decode html entities
                return $("<div/>").html(str).text();
            }
        });
    });

/** --------------------------------------------------------------------------------------------------
     *  [paypal] payment opion selected
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#invoice-make-payment-button', function (e) {
        $("#invoice-buttons-container").hide();
        $("#invoice-pay-container").show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [paynow] cancel payment button clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#invoice-cancel-payment-button', function (e) {
        $("#invoice-pay-container").hide();
        $(".payment-gateways").hide();
        $("#invoice-buttons-container").show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [paypal] payment opion selected
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.invoice-pay-gateway-selector', function (e) {
        NX.selectPaymentGateway($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [disable button on click]
     *  disable the button on click
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.disable-on-click', function (e) {
        $(this).prop("disabled", true);
        $(this).addClass('button-loading-annimation');
    });

/** --------------------------------------------------------------------------------------------------
     *  [disable button on click]
     *  disable a button on click and add the loading annimation. Good for Stripe and Payal buttons etc
     *  [IMPORTANT] do not use this class on ajax buttons. They have their own data-property for this
     *              using this will prevent ajax form submitting
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.disable-on-click-loading', function (e) {

$(this).prop("disabled", true); //this is stopping form submits
        $(this).addClass('button-loading-annimation');
    });

/** --------------------------------------------------------------------------------------------------
     *  [disable button on click]
     *  disable a button, change to please wait, add loading annimation
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.disable-on-click-please-wait', function (e) {
        $(this).html('&nbsp;&nbsp;&nbsp;' + NXLANG.please_wait + '...&nbsp;&nbsp;&nbsp;');
        $(this).prop("disabled", true); //this is stopping form submits
        $(this).addClass('button-loading-annimation');
    });

/** --------------------------------------------------------------------------------------------------
     *  [shipping address] same as billing address
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#same_as_billing_address", function () {
        NX.shippingAddressSameBilling($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [toggle menu clicked] - update the autoscroll bar
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".main-hamburger-menu", function () {
        if (typeof navleft != 'undefined') {
            navLeftScroll.update();
        }
        //reset menu tooltips
        NXleftMenuToolTips();
    });
    $(document).on("click", ".settings-hamburger-menu", function () {
        if (typeof navleft != 'undefined') {
            navLeftScroll.update();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [select2] clear validation.js errors (if any) on selecting drop down
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('select2:select', '.select2-hidden-accessible', function () {
        try {
            if ($(this).valid()) {
                $(this).next('span').removeClass('error').addClass('valid');
            }
        } catch (err) {
            //we are expecting this error for none validated select2 elements. nothing to do here.
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  toggle target element
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".toggle-collapse", function (e) {
        e.preventDefault();
        var target = $(this).attr('href');
        if (target != '') {
            $(target).toggle();
        }
    });

/*----------------------------------------------------------------
     *  [tax button clicked] - set popover dom
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-tax-popover-button', function (e) {
        //is the tax button enabled?
        if ($(this).hasClass('disabled')) {
            $(this).popover('hide');
            //error message
            NX.notification({
                type: 'error',
                message: NXLANG.add_lineitem_items_first
            });
            NXINVOICE.log('[invoicing] initialiseTaxPopover() - tax button is disabled');
        } else {
            NXINVOICE.toggleTaxDom($("#bill_tax_type").val());
        }
    });

/*----------------------------------------------------------------
     *  [tax type] - tax type drop down has been changed
     *---------------------------------------------------------------*/
    $(document).on('change', '#billing-tax-type', function () {
        NXINVOICE.toggleTaxDom($(this).val());
    });

/*----------------------------------------------------------------
     *  [tax popover - submit button] - clicked
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-tax-popover-update', function (e) {
        //update tax type
        NXINVOICE.updateTax();
    });

/*----------------------------------------------------------------
     *  [adjustments button clicked] - set popover dom
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-adjustment-popover-button', function () {
        NXINVOICE.toggleAdjustmentDom();
    });

/*----------------------------------------------------------------
     *  [adjustments popover - submit button] - clicked
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-adjustment-popover-update', function (e) {
        //update tax type
        NXINVOICE.updateAdjustment();
    });

/*----------------------------------------------------------------
     *  [adjustments popover - remove button] - clicked
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-adjustment-popover-remove', function (e) {
        //update tax type
        NXINVOICE.removeAdjustment();
    });

/*----------------------------------------------------------------
     *  [discount button clicked] - set popover dom
     *---------------------------------------------------------------*/
    $(document).on('click', '#billing-discounts-popover-button', function () {
        //is the discounts button enabled?
        if ($(this).hasClass('disabled')) {
            $(this).popover('hide');
            //error message
            NX.notification({
                type: 'error',
                message: NXLANG.add_lineitem_items_first
            });
        } else {
            NXINVOICE.toggleDiscountDom($("#bill_discount_type").val());
        }
    });

/*----------------------------------------------------------------
     *  [discount type] - tax type drop down has been changed
     * ------------------------------------------------------------*/
    $(document).on('change', '#js-billing-discount-type', function () {
        NXINVOICE.toggleDiscountDom($(this).val());
    });

/*----------------------------------------------------------------
     *  [discount popover - submit button] - clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#billing-discount-popover-update', function (e) {
        //update tax type
        NXINVOICE.updateDiscount();
    });

/*----------------------------------------------------------------
     *  [line item] - add new blank line button has been clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#billing-item-actions-blank', function (e) {
        NXINVOICE.DOM.itemNewLine();
    });

/*----------------------------------------------------------------
     *  [line item] - add new blank line button has been clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#billing-time-actions-blank', function (e) {
        NXINVOICE.DOM.timeNewLine();
    });

/*----------------------------------------------------------------
     *  [line item] - add new blank line button has been clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#billing-dimensions-actions-blank', function (e) {
        NXINVOICE.DOM.dimensionsNewLine();
    });

/*----------------------------------------------------------------
     *  [line item] - delete line button has been clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '.js-billing-line-item-delete', function (e) {
        NXINVOICE.DOM.deleteLine($(this));
    });

/*----------------------------------------------------------------
     *  [bill item] - add selected bill items button clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#itemsModalSelectButton, #categoryItemsModalSelectButton', function (e) {
        NXINVOICE.DOM.addSelectedProductItems($(this));
    });

/*----------------------------------------------------------------
     *  [epxense item] - add selected expenses button clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#expensesModalSelectButton', function (e) {
        NXINVOICE.DOM.addSelectedExpense($(this));
    });

/*----------------------------------------------------------------
     * [task item] - add selected tasks button clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#tasksModalSelectButton', function (e) {
        NXINVOICE.DOM.addSelectedTask($(this));
    });

/*----------------------------------------------------------------
     *  [time item] - add time billing button clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#timebillingModalSelectButton', function (e) {
        NXINVOICE.DOM.addSelectedTimebilling($(this));
    });

/*----------------------------------------------------------------
     *  [time item] - add task time billing button clicked
     * ------------------------------------------------------------*/
    $(document).on('click', '#tasksModalSelectTimeButton', function (e) {
        //change the 'data-unit' for each selected item to equal the value in 'data-unit-time'
        $("#tasks-list-table").find(".tasks-checkbox:checked").each(function () {
            $(this).attr('data-unit', $(this).attr('data-unit-time'));
        });
        NXINVOICE.DOM.addSelectedTimebilling($(this));
    });

/*----------------------------------------------------------------
     *  [tax type] - tax type drop down has been changed
     * ------------------------------------------------------------*/
    $(document).on('change keyup input paste', '.calculation-element', function () {
        NXINVOICE.CALC.reclaculateBill(self);
    });

/*----------------------------------------------------------------
     *  [deciamls] keep 2 deciaml places for all number fields
     * -----------------------------------------------------------*/
    $(".decimal-field").blur(function () {
        this.value = parseFloat(this.value).toFixed(2);
    });

/*----------------------------------------------------------------
     *  [save changes]
     * ------------------------------------------------------------*/
    $(document).on("click", '#billing-save-button', function () {
        NXINVOICE.CALC.saveBill($(this));
    });

/*----------------------------------------------------------------
     *  [tax type] - tax type drop down has been changed
     * ------------------------------------------------------------*/
    $(document).on('change keyup input paste', '.js_line_validation_item', function () {
        NXINVOICE.DOM.revalidateItem($(this));
    });

/*----------------------------------------------------------------
     *  [paynow] button clicked
     * -----------------------------------------------------------*/
    $(document).on('click', '#invoice-make-payment-button', function (e) {
        $("#invoice-buttons-container").hide();
        $("#invoice-pay-container").show();
    });

//prevent event dropwon from closing on click event
    $(document).on('click', '.top-nav-events', function (e) {
        e.stopPropagation();
    });

//prevent event dropwon from closing on click event
    $(document).on('click', '.js-do-not-close-on-click', function (e) {
        e.stopPropagation();
    });

//prevent event dropwon from closing on click of selecte2 on topnav timer
    $(document).on('click', '.js-do-not-close-on-click > .select2-search__field', function (e) {
        e.stopPropagation();
    });

/*----------------------------------------------------------------
     *  show plan modal window
     * -----------------------------------------------------------*/
    $(document).on('click', '.show-modal-button', function () {
        var title = $(this).attr('data-modal-title');
        //change title (if applicable)
        $("#plainModalTitle").html(title);
        //reset body
        $("#plainModalBody").html('');
        //modal size (modal-lg | modal-sm | modal-xl)
        var modal_size = $(this).attr('data-modal-size');
        if (modal_size == '' || modal_size == null) {
            modal_size = 'modal-lg';
        }
        //set modal size
        $("#plainModalContainer").addClass(modal_size);
    });

/*----------------------------------------------------------------
     *  show common modal window. This function set the ajax attr
     *  for for the modal window, that has been triggered by a button
     * 
     * -----------------------------------------------------------*/
    $(document).on('click', '.edit-add-modal-button', function () {

//variables
        var url = $(this).attr('data-url');
        var modal_title = $(this).attr('data-modal-title');
        var action_url = $(this).attr('data-action-url');
        var action_class = $(this).attr('data-action-ajax-class');
        var action_loading_target = $(this).attr('data-action-ajax-loading-target');
        var action_method = $(this).attr('data-action-method');
        var action_type = $(this).attr('data-action-type');
        var action_form_id = $(this).attr('data-action-form-id');
        var add_class = $(this).attr('data-add-class');
        var top_padding = $(this).attr('data-top-padding'); //set to 'none'
        var button_loading_annimation = $(this).attr('data-button-loading-annimation');

//modal-lg modal-sm modal-xl modal-xs
        var modal_size = $(this).attr('data-modal-size');
        if (modal_size == '' || modal_size == null) {
            modal_size = 'modal-lg';
        }

//objects
        var $button = $(".commonModalSubmitButton");

//enable button - incase it was previously disable by another function
        $button.prop("disabled", false);

//set modal size
        $("#commonModalContainer").removeClass('modal-lg modal-sm modal-xl modal-xs');
        $("#commonModalContainer").addClass(modal_size);

//update form style
        var form_style = $(this).attr('data-form-design');
        if (form_style != '') {
            //remove previous styles
            $("#commonModalForm").removeClass('form-material')
            $("#commonModalForm").addClass(form_style)
        }

//add custom class
        if (add_class != '') {
            $("#commonModalContainer").addClass(add_class);
        }

//change title
        $("#commonModalTitle").html(modal_title);
        //reset body
        $("#commonModalBody").html('');
        //hide footer
        $("#commonModalFooter").hide();
        //change form action
        $("#commonModalForm").attr('action', action_url);

//[submit button] - reset
        $button.show();
        $button.removeClass('js-ajax-ux-request');
        $button.addClass(action_class);
        $button.attr('data-form-id', 'commonModalBody');

//defaults
        $("#commonModalHeader").show();
        $("#commonModalFooter").show();
        $("#commonModalCloseButton").show();
        $("#commonModalCloseIcon").show();
        $("#commonModalExtraCloseIcon").hide();

//remove classes
        $("#commonModalCloseIcon").removeClass('on-close-reload-parent');
        $("#commonModalCloseButton").removeClass('on-close-reload-parent');

//hidden elements
        if ($(this).attr('data-header-visibility') == 'hidden') {
            $("#commonModalHeader").hide();
        }
        if ($(this).attr('data-footer-visibility') == 'hidden') {
            $("#commonModalFooter").hide();
        }
        if ($(this).attr('data-close-button-visibility') == 'hidden') {
            $("#commonModalCloseButton").hide();
        }
        if ($(this).attr('data-header-close-icon') == 'hidden') {
            $("#commonModalCloseIcon").hide();
        }
        if ($(this).attr('data-header-extra-close-icon') == 'visible') {
            $("#commonModalExtraCloseIcon").show();
        }
        //reload parent when modal is closed
        if ($(this).attr('data-on-close-reload-parent') == 'yes') {
            $("#commonModalCloseIcon").addClass('on-close-reload-parent');
            $("#commonModalCloseButton").addClass('on-close-reload-parent');
        }

//remove top padding
        if (top_padding == 'none') {
            $("#commonModalBody").addClass('p-t-0');
        } else {
            $("#commonModalBody").removeClass('p-t-0');
        }

//[submit button] - update attributes etc (if provided)
        //$button.addClass(action_class);
        $button.attr('data-url', action_url);
        $button.attr('data-loading-target', action_loading_target);
        $button.attr('data-ajax-type', action_method);

//add loading annimation on button
        if (button_loading_annimation == 'yes') {
            $button.attr('data-button-loading-annimation', 'yes');
        }

//form post
        if (action_type == "form") {
            $button.attr('data-type', 'form');
            $button.attr('data-form-id', action_form_id);
        }
    });

/*----------------------------------------------------------------
     *  show actions modal window - action modal
     * -----------------------------------------------------------*/
    $(document).on('click', '.actions-modal-button', function () {

//variables
        var url = $(this).attr('data-url');
        var modal_title = $(this).attr('data-modal-title');
        var action_url = $(this).attr('data-action-url');
        var action_method = $(this).attr('data-action-method');
        var add_body_class = $(this).attr('data-body-class');

//additional variable
        var action_type = $(this).attr('data-action-type');
        var action_form_id = $(this).attr('data-action-form-id');

//add class to modal body
        if (add_body_class != '') {
            $("#actionsModalBody").addClass(add_body_class);
        }

//objects
        var $button = $("#actionsModalButton");

//change title
        $("#actionsModalTitle").html(modal_title);
        //reset body
        $("#actionsModalBody").html('');
        //hide footer
        $("#actionsModalFooter").hide();

//$button.addClass(action_class);
        $button.attr('data-url', action_url);
        $button.attr('data-ajax-type', action_method);
        $button.attr('data-type', action_type);
        $button.attr('data-form-id', action_form_id);
        $button.attr('data-skip-checkboxes-reset', true);
    });

/*----------------------------------------------------------------
     * show category hover button
     *--------------------------------------------------------------*/
    $(document).on('mouseover', '.kb-category', function () {
        $(this).find(".kb-hover-icons").show();
    });
    $(document).on('mouseout', '.kb-category', function () {
        $(this).find(".kb-hover-icons").hide();
    });

/*----------------------------------------------------------------
     * Better ux on teaks checkbox click
     *--------------------------------------------------------------*/
    $(document).on('click', '.toggle_task_status', function () {
        var parentid = $(this).attr('data-container');
        var parent = $("#" + parentid);
        if ($(this).prop("checked") == true) {
            parent.addClass('task-completed');
        } else {
            parent.removeClass('task-completed');
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  toggle tasks and leads custom fields
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#custom-fields-panel-edit-button", function (e) {
        e.preventDefault();
        $(".custom-fields-panel-edit").hide();
        $("#custom-fields-panel").show();
    });
    $(document).on("click", "#custom-fields-panel-close-button", function (e) {
        e.preventDefault();
        $("#custom-fields-panel").hide();
        $(".custom-fields-panel-edit").show();
    });

/*----------------------------------------------------------------
     *  create modal - start
     * -----------------------------------------------------------*/
    $(document).on('click', '.create-modal-button', function () {

//set modal splash message
        $("#create-modal-splash-text").html($(this).attr('data-splash-text'));

//set create url
        $("#create-new-client-button").attr('data-url', $(this).attr('data-new-client-url'));

//show defauly set
        $(".create-modal-option-contaiers").hide();
        $("#option-existing-client-container").show();

});

/*----------------------------------------------------------------
     *  create modal - selector
     * -----------------------------------------------------------*/
    $(document).on('click', '.create-modal-selector', function () {

var target_containter = $(this).attr('data-target-container');

//hide all containers
        $(".create-modal-option-contaiers").hide();

//show the target container
        $("#" + target_containter).show();

});

var target_containter = $(this).attr('data-target-container');

//hide all containers
        $(".client-selector-container").hide();
        $(".client-type-selector").removeClass('active');

//set clients election type
        $("#client-selection-type").val($(this).attr('data-type'))

//show the target container
        $("#" + target_containter).show();
        $(this).addClass('active');

//show custom fields option
        if ($(this).attr('data-type') == 'new') {
            $("#new-client-custom-fields").show();
        } else {
            $("#new-client-custom-fields").hide();
        }

});

/*----------------------------------------------------------------
     *  [stop topnav timer] - clicked
     *---------------------------------------------------------------*/
    $(document).on('click', '#my-timer-time-topnav-stop-button', function (e) {
        //hide timer
        $("#my-timer-container-topnav").hide();
    });

/** --------------------------------------------------------------------------------------------------
     *  [card assigned user - add button clicked]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".card-task-assigned, .card-lead-assigned", function (e) {
        NXCardsAssignedSelect();
    });

/** --------------------------------------------------------------------------------------------------
     *  [reminder panel] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-reminder-panel", function () {
        NX.toggleReminderPanel($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [toggle row with settings on a table] - this is reusable
     *  - settings button must have the following attributes
     *       - [data-settings-row-id] - corresponding to the row with the settings
     *       - [data-settings-common-rows] - a common class for the parent and also settings rows
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-table-settings-row", function () {
        NX.toggleTableSettingsRow($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [custom field] - standard form - required checked box clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("change", ".custom-fields-standard-form-required-checkbox", function () {
        nxAjaxUxRequest($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [custom field] - standard form - how to display the form
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("change", "#custom_fields_display_setting", function () {
        nxAjaxUxRequest($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [cliet modules permissions] - toggle the permissions in add/edit clients modal
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#client_app_modules", function (e) {

var selection = e.params.data.id;

//toggle permissions
        if (selection == 'system') {
            $("#client_app_modules_pemissions").hide();
        } else {
            $("#client_app_modules_pemissions").show();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [reminders] - close reminder buttom clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#close_reminder_button", function () {
        //hide the calendar
        $("#card-reminder-create-container").hide();
        //show add button
        $("#card-reminder-create-button").show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [reminders] - edit reminder icon
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#card-a-reminder-edit-button", function () {
        //show edit button
        $("#card-a-reminder-buttons").toggle();
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav reminders - show]
     * -------------------------------------------------------------------------------------------------*/
    $("#topnav-reminders-dropdown").on("show.bs.dropdown", function (e) {
        NX.remindersTopNav($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav reminder - delete one reminder]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.js-reminder-mark-read-single', function (e) {
        NX.remindersMarkRead($(this), 'single');
    });

/** --------------------------------------------------------------------------------------------------
     *  [top nav reminders - delete all]
     * -------------------------------------------------------------------------------------------------*/
    $("#topnav-reminders-delete-all").on('click', function (e) {
        //aajx request
        nxAjaxUxRequest($(this));
        //hide icon
        $("#topnav-reminders-dropdown").hide();
    });

/** --------------------------------------------------------------------------------------------------
     *  [tasks/leads] - cancel tags editing button clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#card-tags-button-cancel", function () {
        $("#card-tags-edit-tags-container").hide();
        $("#card-tags-current-tags-container").show();
    });
    $(document).on("click", "#card-tags-button-edit", function () {
        $('#card_tags').select2('destroy');
        $('#card_tags').select2(null).trigger("change");

//reset select2 dropdown
        $('#card_tags').select2({
            theme: "bootstrap",
            width: null,
            containerCssClass: ':all:',
            tags: true,
            multiple: true,
            tokenSeparators: [' '],
        }).val(NX.array_1).trigger("change");
        //show and hide
        $("#card-tags-edit-tags-container").show();
        $("#card-tags-current-tags-container").hide();
    });

/** --------------------------------------------------------------------------------------------------
     *  [notifications panel] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-notifications-panel", function () {
        NXtoggleNotificationsPanel($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [side panel with menu] - menu clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".right-sidepanel-menu", function () {
        $(".right-sidepanel-menu").removeClass('active');
        $(this).addClass('active');
    });

/** --------------------------------------------------------------------------------------------------
     *  [close side panels] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-close-side-panels", function () {
        NXcloseSidePanel($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [projects & milestones] - on selecting project, update the milestones dropdown
     * --------------------------------------------------------------------------------------------------*/
    //client list has been reset or cleared
    $(document).on("select2:unselecting", ".projects_and_milestones_toggle", function (e) {
        NX.projectsAndMilestonesClearToggle($(this));
    });
    //client list has been reset or cleared
    $(document).on("select2:select", ".projects_and_milestones_toggle", function (e) {
        NX.projectsAndMilestonesToggle(e, $(this));
    });

/*----------------------------------------------------------------
     *  proposals modal - client type selector
     * -----------------------------------------------------------*/
    $(document).on('click', '.customer-type-selector', function () {

var target_containter = $(this).attr('data-target-container');

//hide all containers
        $(".customer-selector-container").hide();
        $(".customer-type-selector").removeClass('active');

//set clients election type
        $("#customer-selection-type").val($(this).attr('data-type'))

//show the target container
        $("#" + target_containter).show();
        $(this).addClass('active');

});

/** --------------------------------------------------------------------------------------------------
     *  [tasks] - creating a new task. Show client users for assignment, when project has been
     *            selected
     * --------------------------------------------------------------------------------------------------*/
    //client list has been reset or cleared
    $(document).on("select2:unselecting", ".projects_assigned_client_toggle", function (e) {
        NXTaskProjectToggleClear($(this));
    });
    //client list has been reset or cleared
    $(document).on("select2:select", ".projects_assigned_client_toggle", function (e) {
        NXTaskProjectToggle(e, $(this));
    });

/*----------------------------------------------------------------
     *  estimate automation [create project]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_estimates_automation_create_project, #estimate_automation_create_project', function () {
        if ($(this).is(':checked')) {
            $("#settings_automation_create_project_options").show();
            $("#estimate_automation_create_project_options").show();
        } else {
            $("#settings_automation_create_project_options").hide();
            $("#estimate_automation_create_project_options").hide();
        }
    });

/*----------------------------------------------------------------
     *  estimate automation [create invoice]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_estimates_automation_create_invoice, #estimate_automation_create_invoice', function () {
        if ($(this).is(':checked')) {
            $("#settings_automation_create_invoice_options").show();
            $("#estimate_automation_create_invoice_options").show();
        } else {
            $("#settings_automation_create_invoice_options").hide();
            $("#estimate_automation_create_invoice_options").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  estimate automation [default status]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#settings2_estimates_automation_default_status, #automation_default_status, #estimate_automation_status", function (e) {

var selection = e.params.data.id;
        //toggle permissions
        if (selection == 'enabled') {
            $("#settings-automation-options-container").show();
            $("#automation-options-container").show();
        } else {
            $("#settings-automation-options-container").hide();
            $("#automation-options-container").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  project automation [default status]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#settings2_projects_automation_default_status, #automation_default_status, #project_automation_status", function (e) {

var selection = e.params.data.id;
        //toggle permissions
        if (selection == 'enabled') {
            $("#automation-options-container").show();
        } else {
            $("#automation-options-container").hide();
        }
    });

/*----------------------------------------------------------------
     *  project automation [create invoice]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_projects_automation_create_invoices, #project_automation_create_invoices', function () {
        if ($(this).is(':checked')) {
            $("#project_automation_create_invoices_settings").show();
        } else {
            $("#project_automation_create_invoices_settings").hide();
        }
    });

/*----------------------------------------------------------------
     *  project automation [create invoice]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_projects_automation_convert_estimates_to_invoices', function () {
        if ($(this).is(':checked')) {
            $("#project_automation_create_invoices_options").show();
        } else {
            $("#project_automation_create_invoices_options").hide();
        }
    });

/*----------------------------------------------------------------
     *  project automation [bill hours]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_projects_automation_invoice_unbilled_hours, #project_automation_invoice_unbilled_hours', function () {
        if ($(this).is(':checked')) {
            $("#project_automation_invoice_hourly_rate_container").show();
        } else {
            $("#project_automation_invoice_hourly_rate_container").hide();
        }
    });

/*----------------------------------------------------------------
     *  task dependency
     * -----------------------------------------------------------*/
    //create button clicked
    $(document).on('click', '#card-dependency-create-button', function () {
        //show the form
        $("#task-dependency-list-container").hide();
        $("#task-dependency-create-container").show();
    });
    //close button clicked
    $(document).on('click', '#card-task-dependency-close-button', function () {
        //show the form
        $("#task-dependency-create-container").hide();
        $("#task-dependency-list-container").show();
    });
    //delete dependency button clicked
    $(document).on('click', '#task-dependency-delete-button', function () {
        var parent = $(this).attr('data-parent');
        $("#" + parent).hide();
        nxAjaxUxRequest($(this));
    });
    $(document).on('click', '#task-dependency-delete-button', function () {
        var parent = $(this).attr('data-parent');
        //show the form
        $("#" + parent).hide();
    });

/** --------------------------------------------------------------------------------------------------
     *  [file folders settings] - toggle status
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#settings2_file_folders_status", function (e) {

var selection = e.params.data.id;

//toggle permissions
        if (selection == 'enabled') {
            $("#file_folders_managers").show();
        } else {
            $("#file_folders_managers").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [file folder menu]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.file-folder-menu-item', function (e) {
        $(".file-folder-menu-item").removeClass('active');
        $(this).addClass('active');
    });

/** --------------------------------------------------------------------------------------------------
     *  [estimate automation] - accept estimate - set project title
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#bill_status", function (e) {

var selection = e.params.data.id;

if (selection == 'accepted') {
            $("#estimate_automation_project_title_panel").show();
        } else {
            $("#estimate_automation_project_title_panel").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [product type selector] - toggle type
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#item_type", function (e) {

var selection = e.params.data.id;

//toggle permissions
        if (selection == 'dimensions') {
            $("#items_dimensions_container").show();
        } else {
            $("#items_dimensions_container").hide();
        }
    });

/**--------------------------------------------------------------------------------------
     * [ITEMS SIDE PANEL] - for managing product's tasks for automation
     * -------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        $(document).on('click', '#js-products-automation-tasks', function () {
            //reset the side panel content
            $("#products-tasks-side-panel-content").html('');
            //add link to the 'create task'button
            $("#create-product-task-button").attr('data-url', $(this).attr('data-create-task-url'));
            $("#create-product-task-button").attr('data-action-url', $(this).attr('data-create-task-action-url'));
            //loadajax
            nxAjaxUxRequest($(this));
        });
    });

/**--------------------------------------------------------------------------------------
     * [ESTIMATE FILE ATTACHMENTS
     * -------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        //toggle dropzone
        $(document).on('click', '#bill-file-attachments-upload-button', function () {
            $("#bill-file-attachments-wrapper").hide();
            $("#bill-file-attachments-dropzone-wrapper").show();
        });
        $(document).on('click', '#bill-file-attachments-close-button', function (event) {
            event.stopPropagation();
            $("#bill-file-attachments-dropzone-wrapper").hide();
            $("#bill-file-attachments-wrapper").show();
        });

//delet file attachment
        $(document).on('click', '#delete-bill-file-attachment', function () {
            var parent = $(this).attr('data-parent');
            $("#" + parent).hide();
            nxAjaxUxRequest($(this));
        });
    });

//reset all 
        $('.saas_email_option').prop('checked', false);
        $('.email_settings').hide();

//check this one
        $(this).prop('checked', true);

//hidden field
        $("#" + $(this).attr('data-target')).show();

});

/** --------------------------------------------------------------------------------------------------
     *  [tickets] - reply inline
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#ticket_replay_button_inline', function (e) {

// Destroy existing dropzone instance on the target element
        var $dropzoneElement = $("#fileupload_ticket_reply");
        var existingDropzoneInstance = $dropzoneElement.get(0).dropzone;
        if (existingDropzoneInstance) {
            existingDropzoneInstance.destroy();
        }

//enable dropzone
        $("#fileupload_ticket_reply").dropzone({
            url: "/fileupload",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            init: function () {
                this.on("error", function (file, message, xhr) {

//is there a message from backend [abort() response]
                    if (typeof xhr != 'undefined' && typeof xhr.response != 'undefined') {
                        var error = $.parseJSON(xhr.response);
                        var message = error.notification.value;
                    }

//any other message
                    var message = (typeof message == 'undefined' || message == '' ||
                        typeof message == 'object') ? NXLANG.generic_error : message;

//error message
                    NX.notification({
                        type: 'error',
                        message: message
                    });
                    //remove the file
                    this.removeFile(file);
                });
            },
            success: function (file, response) {
                //get the priview box dom elemen
                var $preview = $(file.previewElement);
                //create a hidden form field for this file
                $preview.append('<input type="hidden" name="attachments[' + response.uniqueid +
                    ']"  value="' + response.filename + '">');
            }
        });

// Loop through each TinyMCE instance
        tinymce.editors.forEach(function (editor) {
            // Set the content to an empty string
            editor.setContent('');
        });

$("#ticket_replay_button_inline_container").hide();
        $("#ticket_reply_inline_form").show();

//reply or note
        var reply_type = $(this).attr('data-reply-type');
        $("#ticketreply_type").val(reply_type);
        if (reply_type == 'note') {
            $("#ticketreply_type_info").show();
            //change the lang on the submit button
            var reply_button_text = $("#ticket_reply_button_submit").attr('data-lang-save-note');
            $("#ticket_reply_button_submit").html(reply_button_text);
            $("#ticket-add-canned").hide();
        } else {
            $("#ticketreply_type_info").hide();
            //change the lang on the submit button
            var reply_button_text = $("#ticket_reply_button_submit").attr('data-lang-submit');
            $("#ticket_reply_button_submit").html(reply_button_text);
            $("#ticket-add-canned").show();
        }

});

$(document).on('click', '#ticket_reply_button_close', function (e) {
        $("#ticket_reply_inline_form").hide();
        $("#ticket_replay_button_inline_container").show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [tickets] - edit reply - cancel button
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#ticket_edit_reply_cancel_buton', function (e) {

var text_container_id = $(this).attr('data-reply-text-container');
        var text_editor_container_id = $(this).attr('data-edit-reply-container');

//hide the text editor container
        $("#" + text_editor_container_id).hide();

//show the original text
        $("#" + text_container_id).show();

});

/** --------------------------------------------------------------------------------------------------
     *  clear preset filter
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#clear_preset_filter_button', function (e) {
        $("#clear_preset_filter_button_container").hide();
        ("#filter_remember").prop('checked', false);
    });

/** --------------------------------------------------------------------------------------------------
     *  reports date range option selected
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#filter_report_date_range", function (e) {
        var selected_value = e.params.data.id;
        if (selected_value == 'custom_range') {
            $(".reports-date-range").show();
        } else {
            $(".reports-date-range").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [table config panel] - toggle
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-table-config-panel", function () {
        NX.toggleTableConfigPanel($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [table config panel] - checkbox clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        $(document).on('click', '.table-config-checkbox', function () {

var column_class = $(this).attr('name');
            var $table_column = $("." + column_class);

//toggle table column
            if ($(this).is(':checked')) {
                $table_column.removeClass('hidden');
            } else {
                $table_column.addClass('hidden');
            }

nxAjaxUxRequest($(this).closest('.table-config-ajax'));
        });
    });

/*----------------------------------------------------------------
     *  reset any modal body
     * -----------------------------------------------------------*/
    $(document).on('click', '.reset-target-modal', function () {

var target_id = $(this).data('target');
        var target = $(target_id + 'Body');

target.html('');

});

/** ----------------------------------------------------------
     *  invoices/estimates bulk adding category items
     * -----------------------------------------------------------*/
    //set the form value to the actual form value
    $(document).on('change', '.category-items-checkbox', function () {

var target = $(this).attr('data-target');

if ($(this).is(':checked')) {
            //check all target items
            $(target).prop('checked', true);

} else {
            //check all target items
            $(target).prop('checked', false);
        }
    });

/*----------------------------------------------------------------
     * dashboard - income expenses chart tooltip
     *--------------------------------------------------------------*/
    $(document).ready(function () {
        $(".chartist-tooltip").html('---');
    });
    $(document).on('mouseout', '#admin-dhasboard-income-vs-expenses', function () {
        $(this).find(".chartist-tooltip").hide();
    });
    $(document).on('mouseover', '#admin-dhasboard-income-vs-expenses', function () {
        $(this).find(".chartist-tooltip").show();
    });

/** --------------------------------------------------------------------------------------------------
     *  prevent events from bubbling down
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-close-dropdown-onclick", function (event) {
        event.stopPropagation();
    });

/** --------------------------------------------------------------------------------------------------
     *  publishing - scheduled or now
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".publishing_option", function (event) {
        // uncheck all other checkboxes with the same class
        $('.publishing_option').not(this).prop('checked', false);
        // check the currently clicked checkbox
        $(this).prop('checked', true);

//enable check box
        if ($(this).attr('id') == 'publishing_option_later') {
            $('.publishing_option_date').prop('disabled', false);
            $("#publishing_option_button").html($("#publishing_option_button").attr('data-lang-schedule'));
        } else if ($(this).attr('id') == 'publishing_option_now') {
            $('.publishing_option_date').prop('disabled', true);
            $("#publishing_option_button").html($("#publishing_option_button").attr('data-lang-publish'));
        }
    });

//submit button has been clicked. select appropriate action
    $(document).on("click", "#publishing_option_button", function (event) {

//publish now
        if ($('#publishing_option_now').prop('checked')) {
            //start request
            nxAjaxUxRequest($("#publishing_option_now"));
        } else {
            //start request
            nxAjaxUxRequest($("#publishing_option_later"));
        }

//close drop down
        $('.dropdown-menu').dropdown('hide');
    });

/** --------------------------------------------------------------------------------------------------
     *  canned messages - expand button cliked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-canned-button-expand", function (event) {

var target_meta = $(this).data('meta');
        var target_body = $(this).data('body');
        var arrow_up = $(this).data('up');
        var arrow_down = $(this).data('down');

var dom_target_meta = $("#" + target_meta);
        var dom_target_body = $("#" + target_body);
        var dom_arrow_up = $("#" + arrow_up);
        var dom_arrow_down = $("#" + arrow_down);

//reset default
        $(".canned-meta").show();
        $(".canned-icon-up").hide();
        $(".canned-icon-down").show();

// Check if the target body is visible
        if (dom_target_body.is(":visible")) {
            $(".canned-body").hide();
            dom_arrow_up.hide();
            dom_arrow_down.show();
            dom_target_body.hide();
            dom_target_meta.show();
        } else {
            $(".canned-body").hide();
            dom_arrow_up.show();
            dom_arrow_down.hide();
            dom_target_body.show();
            dom_target_meta.hide();
        }

});

/** --------------------------------------------------------------------------------------------------
     *  canned messages - insert message button cliked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-canned-button-insert", function (event) {

var message = $(this).data('body');
        var $message = $("#" + message);

//reset panel default
        $(".canned-meta").show();
        $(".canned-icon-up").hide();
        $(".canned-icon-down").show();
        $(".canned-body").hide();

// reset content of the TinyMCE editor
        tinymce.activeEditor.setContent('');

// get the content from the canned-response div
        var canned_response = $message.html();

// insert the canned response into the TinyMCE editor
        tinymce.activeEditor.execCommand('mceInsertContent', false, canned_response);

//record last uses
        nxAjaxUxRequest($(this));

//close panel
        NXcloseSidePanel();

});

/** --------------------------------------------------------------------------------------------------
     *  canned messages - search form filled
     * -------------------------------------------------------------------------------------------------*/
    let canned_timeout;
    $(document).on('keyup', '#search_canned', function (e) {

//reset category dropdown
        $("#browse_canned").val('');
        $("#browse_canned").trigger("change");

// check if the input field is focused and the Enter key is pressed - execute search now
        if ($(this).is(':focus') && e.keyCode === 13) {
            clearTimeout(canned_timeout);
            nxAjaxUxRequest($(this));
        } else {
            // if other keys are pressed execute dynamic search after a delay
            clearTimeout(canned_timeout);
            canned_timeout = setTimeout(() => {
                if ($('#search_canned').is(':focus')) {
                    NX.dynamicSearch($(this), e);
                }
            }, 1000);
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  canned messages - category dropdown selected
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#browse_canned", function (e) {
        //reset search form
        $("#search_canned").val('');
        //request
        nxAjaxUxRequest($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  proposal automation [default status]
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("select2:select", "#settings2_proposals_automation_default_status, #automation_default_status, #proposal_automation_status", function (e) {

/*----------------------------------------------------------------
     *  proposal automation [create project]
     * -----------------------------------------------------------*/
    $(document).on('change', '#settings2_proposals_automation_create_project, #proposal_automation_create_project', function () {
        if ($(this).is(':checked')) {
            $("#settings_automation_create_project_options").show();
            $("#proposal_automation_create_project_options").show();
        } else {
            $("#settings_automation_create_project_options").hide();
            $("#proposal_automation_create_project_options").hide();
        }
    });

/*----------------------------------------------------------------
     *  tickets IMAP settings
     * -----------------------------------------------------------*/
    $(document).on('select2:select', '#settings2_tickets_imap_status', function (e) {
        var selection = e.params.data.id;
        if (selection == 'enabled') {
            $("#settings_imap_options_container").show();
            $("#imap_test_connection_button").show();
        } else {
            $("#settings_imap_options_container").hide();
            $("#imap_test_connection_button").hide();
        }
    });

/*----------------------------------------------------------------
     *  tickets IMAP category settings
     * -----------------------------------------------------------*/
    $(document).on('select2:select', '#category_email_integration', function (e) {
        var selection = e.params.data.id;
        if (selection == 'enabled') {
            $("#category_imap_settings_container").show();
        } else {
            $("#category_imap_settings_container").hide();
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  pinning items
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-pinning", function (e) {

e.preventDefault();

var parent_id = $(this).attr('data-parent');
        var $parent = $("#" + parent_id);

//disable the items
        $parent.addClass('disabled-content');

//request
        nxAjaxUxRequest($(this));
        e.stopPropagation();
    });

/** --------------------------------------------------------------------------------------------------
     *  checlist items - show drag icon, on-hover
     * -------------------------------------------------------------------------------------------------*/
    $(document).ready(function () {
        // When the mouse enters a checklist item
        $(document).on('mouseenter', '.checklist-item', function () {
            // Find the .drag-handle element within this checklist item and show it
            $(this).find('.drag-handle').show();
        });

// When the mouse leaves a checklist item
        $(document).on('mouseleave', '.checklist-item', function () {
            // Find the .drag-handle element within this checklist item and hide it
            $(this).find('.drag-handle').hide();
        });
    });

/** --------------------------------------------------------------------------------------------------
     *  reload parent on modal window close
     * -------------------------------------------------------------------------------------------------*/
    $(document).off("click", ".on-close-reload-parent").on("click", ".on-close-reload-parent", function (e) {

//add overlay to page
        $("body").addClass('overlay');
        $("#main-top-nav-bar").addClass('loading');

//reload window
        window.location.reload();

});

/** --------------------------------------------------------------------------------------------------
     *  recording timesheet for other users
     * -------------------------------------------------------------------------------------------------*/
    //monitor select2 change on timesheet user dropdown    
    $(document).on('select2:select', "#timesheet_user", function (e) {
        //get the selected user id
        var userId = $(this).select2('data')[0].id;

//get the base url from the data attribute
        var baseUrl = $(this).attr('data-base-url');

//new ajax url
        var newUrl = baseUrl + userId;

//update the data attribute for consistency
        $("#my_assigned_projects").attr('data-ajax--url', newUrl);

//update the data attribute for consistency
        $("#my_assigned_projects").attr('data-user-id', userId);

//update the AJAX URL directly in the select2 instance
        $("#my_assigned_projects").data('select2').dataAdapter.ajaxOptions.url = newUrl;

//reset the projects dropdown
        $("#my_assigned_projects").val(null).trigger('change');

//clear and disable the tasks dropdown
        $("#my_assigned_tasks").empty().prop('disabled', true);
    });

/** --------------------------------------------------------------------------------------------------
     *  import checklist items
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", "#import-checklist-link", function (e) {
        e.preventDefault();

// Toggle visibility of #import-checklist-container
        if ($("#import-checklist-container").hasClass('hidden')) {
            $("#import-checklist-container").removeClass('hidden');
        } else {
            $("#import-checklist-container").addClass('hidden');
        }

//hide text area for adding checklist
        $("#element-checklist-text").hide();
    });

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST COMMENTS] - toggle checklist comments wrapper visibility
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".checklist-comments-wrapper-toggle-button", function (e) {
        e.preventDefault();

//toggle text aread
        var text_area_wrapper_id = $(this).attr('data-checklist-comments-textarea-wrapper');

if ($("#" + text_area_wrapper_id).is(":visible")) {
            $(".checklist-comments-textarea-wrapper").hide();
        } else {
            $(".checklist-comments-textarea-wrapper").hide();
            $("#" + text_area_wrapper_id).show();
        }

});

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST COMMENTS] - submit checklist comment
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".checklist-comments-submit-button", function (e) {

//nothing for now

});

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST COMMENTS] - close post comment textarea
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".checklist-comments-close-button", function (e) {
        e.preventDefault();

var tinymce_textarea_id = $(this).attr('data-tinymce-textarea-id');
        var textarea_wrapper = $(this).attr('data-textarea-wrapper');
        var post_button = $(this).attr('data-checklist-comments-post-button');

// hide the textarea wrapper
        $("#" + textarea_wrapper).hide();

// show the 'post comment' button
        $("#" + post_button).show();

// reset the tinymce textarea
        tinymce.get(tinymce_textarea_id).setContent('');

});

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLISTS] - hide or show checklist comments
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".checklist-comments-hide-button", function (e) {

console.log('foo');

$("#card-checklist").removeClass('checklist-comments-visible');
        $("#card-checklist").addClass('checklist-comments-hidden');

$(".global-checklist").removeClass('checklist-comments-visible');
        $(".global-checklist").addClass('checklist-comments-hidden');

});
    $(document).on("click", ".checklist-comments-show-button", function (e) {

$("#card-checklist").removeClass('checklist-comments-hidden');
        $("#card-checklist").addClass('checklist-comments-visible');

$(".global-checklist").removeClass('checklist-comments-hidden');
        $(".global-checklist").addClass('checklist-comments-visible');
    });

/** --------------------------------------------------------------------------------------------------
     *  [GLOBAL][CHECKLISTS] - add new button clicked
     * -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '#checklist-add-new-button, #new-checklist-text-form-close-button', function (e) {
        $("#new-checklist-text-container").toggle();
        $("#checklists-actions-panel").toggle();
        if (!$("#import-checklist-container").hasClass('hidden')) {
            $("#import-checklist-container").addClass('hidden');
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST INLINE EDITING] - when user clicks on checklist text to edit
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".checklist-text-container", function (e) {
        e.preventDefault();

// First, hide all checklist editing forms that may be open
        $(".edit-checklist-text-container").hide();

// Show all checklists (go to default view state)
        $(".checklist-item").removeClass('hidden-forced');

// Get the target editing container ID from data attribute
        var targetEditContainer = $(this).attr('data-target');

// Get the current checklist container ID
        var checklistContainerId = $(this).closest('.checklist-item').attr('id');

// Hide the current checklist container
        $("#" + checklistContainerId).addClass('hidden-forced');

// Show the editing form for this checklist
        $("#" + targetEditContainer).show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST INLINE EDITING] - when user clicks update button to save changes
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".update-checklist-submit-button", function (e) {
        e.preventDefault();

// Get data attributes
        var checklistTarget = $(this).attr('data-checklist-target');
        var checklistWrapperTarget = $(this).attr('data-checklist-wrapper-target');
        var formId = $(this).attr('data-form-id');

// Get the new text from textarea
        var newText = $("#" + formId + " textarea[name='checklist_text']").val();

// Update the checklist text display
        $("#" + checklistTarget).text(newText);

// Hide the editing form
        $("#" + formId).hide();

// Show the main checklist container
        $("#" + checklistWrapperTarget).removeClass('hidden-forced');

// Initiate AJAX request to update backend
        nxAjaxUxRequest($(this));
    });

/** --------------------------------------------------------------------------------------------------
     *  [CHECKLIST INLINE EDITING] - when user clicks close button to cancel editing
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".update-checklist-close-button", function (e) {
        e.preventDefault();

// Get data attributes
        var checklistTarget = $(this).attr('data-checklist-target');
        var textareaTarget = $(this).attr('data-textarea-target');
        var formId = $(this).attr('data-form-id');
        var checklistWrapperTarget = $(this).attr('data-checklist-wrapper-target');

// Get the original text from the checklist display
        var originalText = $("#" + checklistTarget).text();

// Reset the textarea to match the original text
        $("#" + textareaTarget).val(originalText);

// Hide the editing form
        $("#" + formId).hide();

// Show the main checklist container
        $("#" + checklistWrapperTarget).removeClass('hidden-forced');
    });

/** --------------------------------------------------------------------------------------------------
     *  [LEAD LOG] - editor close button clicked
     *  -------------------------------------------------------------------------------------------------*/
    $(document).on('click', '.lead_log_edit_clode_button', function () {

var log_id = $(this).attr('data-log-id');
        var lead_log_container = $("#lead_log_container_" + log_id);
        var editor_container = $("#lead_log_editing_wrapper_" + log_id);

//hide this editor
        editor_container.hide();

//show the original log
        lead_log_container.show();
    });

/** --------------------------------------------------------------------------------------------------
     *  [Quick Access] buttons - Star/Unstar toggle
     *  -------------------------------------------------------------------------------------------------*/
    //handle star button click
    $(document).on('click', '#quick-access-star-button', function () {
        //hide star button and show unstar button after successful ajax
        $(this).addClass('ajax-success-action');
        $(this).attr('data-success-hide', '#quick-access-star-button');
        $(this).attr('data-success-show', '#quick-access-unstar-button');
    });

//handle unstar button click  
    $(document).on('click', '#quick-access-unstar-button', function () {
        //hide unstar button and show star button after successful ajax
        $(this).addClass('ajax-success-action');
        $(this).attr('data-success-hide', '#quick-access-unstar-button');
        $(this).attr('data-success-show', '#quick-access-star-button');
    });

/*----------------------------------------------------------------
     *  Select2 events - Income vs Expenses Year Filter
     * -----------------------------------------------------------*/
    $(document).on("select2:select", "#income_expenses_year", function (e) {

//get the selected option value
        var selected_value = e.params.data.id;

//trigger ajax request using existing framework
        nxAjaxUxRequest($(this));

});

/** --------------------------------------------------------------------------------------------------
     *  [STARRED CONTENT] - HIGHLIGHT ACTIVE MENU
     *  Highlight the active menu item in the starred side panel when opened from topnav
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-toggle-side-panel-ajax", function (e) {
        //get the target menu from data attribute
        var targetMenu = $(this).attr('data-target-menu');

//remove active class from all menu items
        $('.right-sidepanel-menu').removeClass('active');

//add active class to the target menu item
        if (targetMenu) {
            $('#' + targetMenu).addClass('active');
        }
    });

/** --------------------------------------------------------------------------------------------------
     *  [STARRED CONTENT] - SORTING DROPDOWN
     *  Update the dropdown text when sorting is changed
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-starred-sorting", function (e) {
        e.preventDefault();

//get the sort text
        var sortText = $(this).attr('data-sort-text');

//update the dropdown button text
        $('#starred-sort-text').text(sortText);
    });

/** --------------------------------------------------------------------------------------------------
     *  [STARRED CONTENT] - REMOVE ITEM FROM FEED
     *  Generic handler to remove items from any starred feed
     * -------------------------------------------------------------------------------------------------*/
    $(document).on("click", ".js-starred-remove-item", function (e) {
        e.preventDefault();
        e.stopPropagation();

//get the item id to remove
        var itemId = $(this).attr('data-item-id');

//fade out and remove the item immediately for better UX
        if (itemId) {
            $('#' + itemId).fadeOut(300, function () {
                $(this).remove();
            });
        }
    });

});

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: events.js

Server Info

System Features

User Info