Mods-for-HESK-Netsyms/js/modsForHesk-javascript.js

//-- Turn off Dropzone autodetection.
//Dropzone.autoDiscover = false;

//-- Activate anything Mods for HESK needs, such as tooltips.
var loadJquery = function()
{
    //-- Activate tooltips
    $('[data-toggle="tooltip"]').tooltip({
        container: 'body'
    });

    //-- Activate popovers
    $('[data-toggle="popover"]').popover({
        trigger: 'hover',
        container: 'body'
    });

    //-- Activate HTML popovers
    $('[data-toggle="htmlpopover"]').popover({
        trigger: 'hover',
        container: 'body',
        html: 'true'
    });

    //-- Activate HTML on-click popovers
    $('[data-toggle="htmlpopover-onclick"]').popover({
        container: 'body',
        html: 'true'
    });

    //-- Activate Bootstrap Datepicker
    $(function() {
        $('.datepicker').datepicker({
            todayBtn: "linked",
            clearBtn: true,
            autoclose: true,
            todayHighlight: true,
            format: "yyyy-mm-dd"
        });
    });

    $('[data-toggle="iconpicker"]').iconpicker({
        iconset: ['fontawesome', 'octicon'],
        selectedClass: "btn-warning",
        labelNoIcon: $('#no-icon').text(),
        searchText: $('#search-icon').text(),
        labelFooter: $('#footer-icon').text()
    });

    $('.clockpicker').clockpicker();

    // Set the proper text color for background-volatile elements
    $('.background-volatile').each(function() {
        $this = $(this);
        var background = $this.css('background-color');

        if (background !== 'rgba(0, 0, 0, 0)'
            && background !== 'transparent') {
            var grayCount = calculateGrayCount(background);

            if (grayCount > 186) {
                $this.css('color', '#000');
            } else {
                $this.css('color', '#fff');
            }
        }
    });

    // Initialize colorpicker
    $('.colorpicker-trigger').colorpicker({
        format: 'hex'
    });

    // Generic select/deselect all. Use this instead of selectAll()/deselctAll()
    $('[data-select-all]').click(function() {
        var toggle = $(this).attr('data-select-all');
        $('[data-select-target="' + toggle + '"]').prop('checked', true)
            .prop('selected', true)
            .trigger('change');
    });

    $('[data-deselect-all]').click(function() {
        var toggle = $(this).attr('data-deselect-all');
        $('[data-select-target="' + toggle + '"]').prop('checked', false)
            .prop('selected', false)
            .trigger('change');
    });

    $('.box-header h1.box-title').click(function() {
        $(this).parent().find('[data-widget="collapse"]').click();
    });
    
    $('[data-show]').click(function() {
        var show = $(this).attr('data-show');
        $('#' + show).show();
    });
    
    $('[data-hide]').click(function() {
        var hide = $(this).attr('data-hide');
        $('#' + hide).hide();
    })
};

function calculateGrayCount(background) {
    var parts = background.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    var red = parts[1];
    var green = parts[2];
    var blue = parts[3];

    return red*0.299 + green*0.587 + blue*0.114;
}

var setIcon = function(icon) {
    $('[data-toggle="iconpicker"]').iconpicker('setIcon', icon);
};

// Deprecated. Use data-select-all="id" instead
function selectAll(id) {
    $('#' + id + ' option').prop('selected', true);
}

// Deprecated. Use data-deselect-all="id" instead
function deselectAll(id) {
    $('#' + id + ' option').prop('selected', false);
}

function toggleRow(id) {
    if ($('#' + id).hasClass('danger'))
    {
        $('#' + id).removeClass('danger');
    } else
    {
        $('#' + id).addClass('danger');
    }
}

function toggleChildrenForm(show) {
    if (show) {
        $('#childrenForm').show();
        $('#addChildText').hide();
    } else {
        $('#childrenForm').hide();
        $('#addChildText').show();
    }
}

function toggleContainers(showIds, hideIds) {
    showIds.forEach(function (entry) {
        $('#' + entry).show();
    });
    hideIds.forEach(function (entry) {
        $('#' + entry).hide();
    });
}

function disableIfEmpty(sourceId, destinationId) {
    if ($('#' + sourceId).val().length > 0) {
        $('#' + destinationId).attr('disabled', false);
    } else {
        if ($('#' + destinationId).is(':checkbox')) {
            $('#' + destinationId).attr('checked', false);
        }
        $('#' + destinationId).attr('disabled', true);
    }
}

function changeText(id, checkedValue, uncheckedValue, object) {
    if (object.checked) {
        $('#'+id).text(checkedValue);
    } else {
        $('#'+id).text(uncheckedValue);
    }
}

function requestUserLocation(yourLocationText, unableToDetermineText) {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;
            setLatLon(latitude, longitude);
            $('#console').hide();
            $('#map').show();
            initializeMapForCustomer(latitude, longitude, yourLocationText);
        }, function(error) {
            $('#console').text(unableToDetermineText).show();
            switch(error.code) {
                case error.PERMISSION_DENIED:
                    setLatLon('E-1','E-1');
                    break;
                case error.POSITION_UNAVAILABLE:
                    setLatLon('E-2','E-2');
                    break;
                case error.TIMEOUT:
                    setLatLon('E-3','E-3');
                    break;
                case error.UNKNOWN_ERROR:
                    setLatLon('E-4','E-4');
                    break;
            }
        });
    } else {
        $('#console').text(unableToDetermineText).show();
        setLatLon('E-5','E-5');
    }
}

function setLatLon(lat, lon) {
    $('#latitude').val(lat);
    $('#longitude').val(lon);
}

var marker;
var map;
function resetLatLon(lat, lon) {
    map.setView([lat, lon], 15);
    marker.setLatLng(L.latLng(lat, lon));
}

function closeAndReset(lat, lon) {
    $('#save-group').hide();
    $('#close-button').show();
    $('#friendly-location').show();
    $('#save-for-address').hide();
    resetLatLon(lat, lon);
}

function initializeMapForCustomer(latitude, longitude, yourLocationText) {
    map = L.map('map').setView([latitude, longitude], 15);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    marker = L.marker([latitude, longitude], {draggable: true})
        .addTo(map)
        .bindPopup(yourLocationText);

    marker.on('dragend', function(event) {
        setLatLon(event.target.getLatLng().lat, event.target.getLatLng().lng);
    });
}

function initializeMapForStaff(latitude, longitude, usersLocationText) {
    map = L.map('map').setView([latitude, longitude], 15);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    marker = L.marker([latitude, longitude], {draggable: true})
        .addTo(map)
        .bindPopup(usersLocationText);

    marker.on('dragend', function(event) {
        setLatLon(event.target.getLatLng().lat, event.target.getLatLng().lng);
        $('#save-group').show();
        $('#close-button').hide();
        $('#friendly-location').hide();
        $('#save-for-address').show();
    });

    $('#more-modal').on('shown.bs.modal', function(){
        setTimeout(function() {
            map.invalidateSize();
        }, 10);
    });
}

function getFriendlyLocation(latitude, longitude) {
    var URL = 'https://nominatim.openstreetmap.org/reverse?format=json&lat='+ latitude +'&lon='+ longitude +'&zoom=15&addressdetails=1';
    $.getJSON(URL, function(data) {
        $('#friendly-location').text(data.display_name);
    });
}

function outputAttachmentIdHolder(value, id) {
    $('#attachment-holder-' + id).append('<input type="hidden" name="attachment-ids[]" value="' + value + '">');
}

function removeAttachment(id) {
    $('input[name="attachment-ids[]"][value="' + id + '"]').remove();
    $.ajax({
        url: getHelpdeskUrl() + '/internal-api/ticket/delete-attachment.php?id=' + id,
        method: 'GET'
    });
}

jQuery(document).ready(loadJquery);