stagfe2/public/js/mc.js

var findEventHandlers = function (eventType, jqSelector) {
    var results = [];
    var $ = jQuery; // to avoid conflict between others frameworks like Mootools

    var arrayIntersection = function (array1, array2) {
        return $(array1).filter(function (index, element) {
            return $.inArray(element, $(array2)) !== -1;
        });
    };

    var haveCommonElements = function (array1, array2) {
        return arrayIntersection(array1, array2).length !== 0;
    };


    var addEventHandlerInfo = function (element, event, $elementsCovered) {
        var extendedEvent = event;
        if ($elementsCovered !== void 0 && $elementsCovered !== null) {
            $.extend(extendedEvent, {
                targets: $elementsCovered.toArray()
            });
        }
        var eventInfo;
        var eventsInfo = $.grep(results, function (evInfo, index) {
            return element === evInfo.element;
        });

        if (eventsInfo.length === 0) {
            eventInfo = {
                element: element,
                events: [extendedEvent]
            };
            results.push(eventInfo);
        } else {
            eventInfo = eventsInfo[0];
            eventInfo.events.push(extendedEvent);
        }
    };


    var $elementsToWatch = $(jqSelector);
    if (jqSelector === "*") //* does not include document and we might be interested in handlers registered there
        $elementsToWatch = $elementsToWatch.add(document);
    var $allElements = $("*").add(document);

    $.each($allElements, function (elementIndex, element) {
        var allElementEvents = $._data(element, "events");
        if (allElementEvents !== void 0 && allElementEvents[eventType] !== void 0) {
            var eventContainer = allElementEvents[eventType];
            $.each(eventContainer, function (eventIndex, event) {
                var isDelegateEvent = event.selector !== void 0 && event.selector !== null;
                var $elementsCovered;
                if (isDelegateEvent) {
                    $elementsCovered = $(event.selector, element); //only look at children of the element, since those are the only ones the handler covers
                } else {
                    $elementsCovered = $(element); //just itself
                }
                if (haveCommonElements($elementsCovered, $elementsToWatch)) {
                    addEventHandlerInfo(element, event, $elementsCovered);
                }
            });
        }
    });

    return results;
};

window.top.addEventListener('popstate', function (event) {
    window.setTimeout(function () {
        hideMask();
        hideMoeFormMask();
        if (!event || (!event.state && event.state !== '')) {
            console.error('ALIX No state!', event, event.state);
            return;
        }
        var state = event.state;
        if (state === '') state = '/';
        if (state[0] !== '/') state = '/' + state;
        if (!!state) fastLoad(state, false, true);
    }, 0);
});
$(document).ready(function () {

    if(window.location.pathname === window.top.location.pathname) {
        window.top.location.href = '/mc' + window.location.pathname;
        return;
    }
    // window.top.ensureRHS();
    $(document).on('click', '.stag_rhs_toggle', function () {
        var state = window.top.toggleRHS(),
            icon = $(this).find('i');
        if (state === 'collapsed') {
            icon.removeClass().addClass('fa fa-arrow-left');
        } else {
            icon.removeClass().addClass('fa fa-arrow-right');
        }
    });
    var body = $(window.top.document.body),
        icon = $('.stag_rhs_toggle i');
    if (body.is('.stag_rhs_collapsed')) {
        icon.removeClass().addClass('fa fa-arrow-left');
    }
    initCreateNote();
    initQuillEdit();
    initFastLoad();
    initPrimaryForm();
    initPatientPresenceIndicator();
    if(typeof initializeCalendar !== 'undefined') {
        initializeCalendar();
    }
    if(typeof initIntakeEvents !== 'undefined') {
        initIntakeEvents();
    }

    // populate history on fresh load
    var target = window.top.location.pathname;
    if (target.indexOf('/mc') === 0) {
        target = target.split('/mc')[1];
    }
    fastLoad(target, true, false, true);

});
function enableTimeSpecificFields(_checked, _valueClass, _rangeClass) {
    if(_valueClass) $('.' + _valueClass).prop('disabled', _checked);
    if(_rangeClass) $('.' + _rangeClass).prop('disabled', !_checked);
}
function toggleDisabledAsNeeded(_el, _targetValue, _enableClass, _disableClass) {
    if(_el.value === _targetValue) {
        if(_enableClass) $('.' + _enableClass).prop('disabled', false);
        if(_disableClass) $('.' + _disableClass).prop('disabled', true);
    }
    else {
        if(_enableClass) $('.' + _enableClass).prop('disabled', true);
        if(_disableClass) $('.' + _disableClass).prop('disabled', false);
    }
}
function toggleVisibilityAsNeeded(_el, _targetValue, _visibleClass, _hiddenClass) {
    if(_el.value === _targetValue) {
        if(_visibleClass) $('.' + _visibleClass).removeClass('d-none');
        if(_hiddenClass) $('.' + _hiddenClass).addClass('d-none');
    }
    else {
        if(_visibleClass) $('.' + _visibleClass).addClass('d-none');
        if(_hiddenClass) $('.' + _hiddenClass).removeClass('d-none');
    }
}
var fastCache = {};

function initFastLoad(_parent = false) {

    var allAs = $('a[href]:not([onclick]):not([href="#"])');
    if (_parent) {
        allAs = _parent.find('a[href]:not([onclick]):not([href="#"])');
    }

    // clear cache
    if(!_parent) {
        fastCache = {};
    }
    else {
        allAs.each(function () {
            if(typeof fastCache[this.href] !== 'undefined') {
                delete fastCache[this.href];
            }
        });
    }

    // find links without event handlers
    allAs.each(function () {
        if (!$(this).closest('[moe]').length) {
            if ($(this).closest('.dropdown-menu[aria-labelledby="practice-management"]').length) {
                enableFastLoad(this, true);
            } else {
                var handlers = findEventHandlers('click', this);
                if (!handlers || !handlers.length) {
                    enableFastLoad(this);
                }
            }
        }
    });

    function enableFastLoad(_a, _menuItem = false) {
        $(_a)
            .off('click.fast-load')
            .on('click.fast-load', function () {
                fastLoad(this.href, true, true);
                $('.dropdown-menu[aria-labelledby="practice-management"]')
                    .removeClass('show')
                    .prev('.dropdown-toggle').attr('aria-expanded', 'false');
                return false;
            });
        // console.info('FastLoad enabled for ' + _a.innerText + ' [' + _a.href + ']');
    }

    // fast cache
    // allAs = $('a[href]:not([onclick]):not([href="#"])');
    // allAs.each(function () {
    //     var a = this;
    //     $.get(a.href, function (_data) {
    //         fastCache[a.href] = _data;
    //     });
    // });

}

function onFastLoaded(_data, _href, _history) {
    var targetParent = $('.stag-content');
    _data = '<div>' + _data + '</div>';
    var content = $(_data).find('.stag-content');
    if (content && content.length) {
        content = content.html();
        content += '<script src="/js/yemi.js?_=4"></script>';
        targetParent.html(content);
        window.setTimeout(function() {
            initCreateNote();
            initQuillEdit();
            initFastLoad(targetParent);
            initPrimaryForm();
            initPatientPresenceIndicator();
            $(window).scrollTop(0);
        }, 50);
        if(typeof initializeCalendar !== 'undefined') {
            initializeCalendar();
        }
        if(typeof initIntakeEvents !== 'undefined') {
            initIntakeEvents();
        }
    } else {
        // fallback
        console.warn('MC: Target page failed: ' + _href);
        targetParent.html('<p class="text-danger p-3 small">Target page not found or returned error: <b>' + _href + '</b></p>');
    }
    hideMask();
}
function fastLoad(_href, _history = true, _useCache = true, _replaceState = false) {

    showMask();

    if(_href === '') _href = '/';

    // push state
    if (_history) {
        var target = _href;
        if (target.indexOf('//') !== -1) {
            target = target.split('//')[1];
            if (target.indexOf('/') !== -1) {
                target = target.substr(target.indexOf('/') + 1);
            }
        }
        if(target[0] === '/') target = target.substr(1);
        if(_replaceState) {
            window.top.history.replaceState(target, null, '/mc/' + target);
            console.log('ALIX replaceState: [' + target + ']');
        }
        else {
            window.top.history.pushState(target, null, '/mc/' + target);
            console.log('ALIX pushState: [' + target + ']');
        }
    }

    if (_useCache && !!fastCache[_href]) {
        onFastLoaded(fastCache[_href], _href, _history);
    } else {
        $.get(_href, function(_data) {
            onFastLoaded(_data, _href, _history);
        }).fail(function() {
            onFastLoaded('error', _href, _history);
        });
    }
}

function initPrimaryForm(_form = false) {
    var primaryForm = _form ? _form : $('.primary-form:visible');
    if (primaryForm.length) {
        primaryForm = primaryForm.first();
        var rte = primaryForm.find('[contenteditable="true"]').first();
        if(rte.length) {
            rte.focus().select();
        }
        else {
            if(primaryForm.find('[autofocus]:visible').length) {
                primaryForm.find('[autofocus]:visible').first().focus().select();
            }
            else {
                primaryForm.find('input:not([type="hidden"]):visible, textarea:visible, select:visible').first().focus().select();
            }
        }
    }
}

function openInRHS(_url) {
    window.top.showRHS();
    var icon = $('.stag_rhs_toggle i');
    icon.removeClass().addClass('fa fa-arrow-right');
    window.top.openInRHS(_url);
    return false;
}

function initCreateNote() {
    $(document)
        .off('click.create-note', '.create-auto-note-trigger')
        .on('click.create-note', '.create-auto-note-trigger', function() {
            showMask();
            var clientUid = $(this).attr('data-patient-uid');
            $.post('/api/note/createUsingFreeTextHtml', {
                clientUid: clientUid,
                hcpProUid: $(this).attr('data-hcp-uid'),
                effectiveDateEST: $(this).attr('data-effective-date'),
            }, function(_data) {
                hideMask();
                if (!_data.success) {
                    toastr.error(_data.message);
                }
                else {
                    fastLoad('/patients/view/' + clientUid + '/notes/view/' + _data.data, true, false);
                }
            }, 'json');
        });
}

function initQuillEdit(_selector = '.note-content[auto-edit]') {

    $(document)
        .off('click.enable-edit', '.note-content:not([auto-edit]):not(.readonly)')
        .on('click.enable-edit', '.note-content:not([auto-edit]):not(.readonly)', function() {
            $(this).attr('auto-edit', 1);
            initQuillEdit();
            initPrimaryForm();
            initPatientPresenceIndicator();
        });

    if(!$(_selector).length) return;
    var noteUid = $(_selector).attr('data-note-uid');
    var qe = new Quill(_selector, {
        theme: 'snow'
    });
    var toolbar = $(qe.container).prev('.ql-toolbar');
    var saveButton = $('<button class="btn btn-sm btn-primary w-auto px-3 py-0 text-sm text-white save-note-content">Save</button>');
    toolbar.append(saveButton);
    saveButton.on('click', function() {
        $.post('/api/note/putFreeTextHtml', {
            uid: noteUid,
            freeTextHtml: qe.root.innerHTML,
        }, function(_data) {
            if (!_data.success) {
                toastr.error(_data.message);
            }
            else {
                // toastr.success('Note saved');
                // saveButton.prop('disabled', true);
                fastLoad(window.top.location.pathname.substr(3), false, false);
            }
        }, 'json');
    });
    // qe.on('text-change', function() {
    //     saveButton.prop('disabled', false);
    // });
}

function initPatientPresenceIndicator() {
    var presenceTimer = false;
    if(presenceTimer !== false) {
        window.clearInterval(presenceTimer);
        presenceTimer = false;
    }
    var elem = $('.patient-presence-indicator[data-patient-uid]');
    if(elem.length) {
        var patientUid = elem.attr('data-patient-uid');
        presenceTimer = window.setInterval(function() {
            $.get('/patients/' + patientUid + '/presence', function(_data) {
                if(_data.online) {
                    elem.addClass('online');
                }
                else {
                    elem.removeClass('online');
                }
            }, 'json');
        }, 2500);
    }
}