{"version":3,"sources":["app.min.js"],"names":["gradientActive","gradientIdle","gradientLocked","base","document","getElementsByTagName","href","$","on","find","append","data","this","attr","length","html","ajaxComplete","originalHtml","not","each","originalClass","undefined","parent","result","triggerElementValidationsOnFormValidation","formValidation","element","startLoadingIndicator","target","endLoadingIndicator","startDate","card","replaceWith","get","url","initDatePickerOverview","employeeId","datetimepicker","d","preventDefault","date","e","format","icons","getOverviewData","next","moment","maxDate","_ref","oldDate","addClass","getOverviewCards","isSame","css","removeClass","newCard","cardsToFetch","thisCard","Day","Employee","console","log","replaceAll","pieId","renderPie","tooltip","clearInterval","cardLoop","setInterval","datasets","window","legendColors","label","thisChart","labels","getContext","i","value","backgroundColor","gradientMeeting","text","thisPieChart","Chart","type","tooltips","tooltipItem","push","index","datasetIndex","legendCallback","chart","generateLegend","pieCharts","join","legend","renderPies","period","previous","val","_ref2","location","user","jQuery","expr","contains","a","m","toUpperCase","indexOf","chartCanvas","addColorStop","createLinearGradient","setLoadingIndicators","add","from","hasClass","clientId","hide","searchValue","parents","show","post","nextCard","reload","id","button","success","remove","after","before","fadeOut","page","initDatePickerDetails"],"mappings":"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","file":"../app.min.js","sourcesContent":["var gradientActive;\r\nvar gradientIdle;\r\nvar gradientLocked;\r\nvar base = document.getElementsByTagName('base')[0].href;\r\n\r\njQuery.expr[':'].contains = function (a, i, m) {\r\n    return jQuery(a).text().toUpperCase()\r\n        .indexOf(m[3].toUpperCase()) >= 0;\r\n};\r\n\r\n$(function () {\r\n\r\n    // Create the gradients for charts\r\n    var chartCanvas = $('<canvas width=\"400\" height=\"300\"></canvas>')[0].getContext('2d');\r\n\r\n    // Citytalk Blue\r\n    gradientActive = chartCanvas.createLinearGradient(0, 0, 0, 350);\r\n    gradientActive.addColorStop(0, '#2544b7');\r\n    gradientActive.addColorStop(1, '#66d8b0');\r\n\r\n    // Citytalk Energy Orange\r\n    gradientIdle = chartCanvas.createLinearGradient(0, 0, 0, 350);\r\n    gradientIdle.addColorStop(0, '#fac556');\r\n    gradientIdle.addColorStop(1, '#f4932b');\r\n\r\n    // Citytalk V&D Purple\r\n    gradientLocked = chartCanvas.createLinearGradient(0, 0, 0, 350);\r\n    gradientLocked.addColorStop(0, '#c93ea1');\r\n    gradientLocked.addColorStop(1, '#981d68');\r\n\r\n    // Citytalk IT Green\r\n    gradientMeeting = chartCanvas.createLinearGradient(0, 0, 0, 350);\r\n    gradientMeeting.addColorStop(0, '#66d8af');\r\n    gradientMeeting.addColorStop(1, '#36b078');\r\n\r\n    setLoadingIndicators();\r\n\r\n    $('[data-toggle=\"tooltip\"]').tooltip();\r\n    \r\n});\r\n\r\n\r\nfunction setLoadingIndicators() {\r\n\r\n    $(document).on('click', ':submit:not(.noloading), .showloading, .showLoading', function () {\r\n        $(this).find('i').data('originalclass', $(this).find('i').attr('class')).attr('class', 'icon-Refresh spin');\r\n        if ($(this).find('i').length === 0) {\r\n            $(this).data('originalhtml', $(this).html());\r\n            $(this).append('<i class=\"icon-Refresh spin\"></i>');\r\n        }\r\n    });\r\n    $(document).ajaxComplete(function () {\r\n        $(':submit i, .showloading i, .showLoading i').not('.keepLoading i').each(function () {\r\n            var originalClass = $(this).data('originalclass');\r\n            var originalHtml = $(this).parent().data('originalhtml');\r\n            if (originalClass !== undefined) {\r\n                $(this).attr('class', originalClass);\r\n            } else if (originalHtml !== undefined) {\r\n                $(this).parent().html(originalHtml);\r\n            }\r\n        });\r\n    });\r\n\r\n    $('form').addTriggersToJqueryValidate().triggerElementValidationsOnFormValidation();\r\n\r\n\r\n    $('form').formValidation(function (element, result) {\r\n        if (!result) {\r\n            $(':submit i, .showloading i, .showLoading i').each(function () {\r\n                var originalClass = $(this).data('originalclass');\r\n                var originalHtml = $(this).parent().data('originalhtml');\r\n                if (originalClass !== undefined) {\r\n                    $(this).attr('class', originalClass);\r\n                } else if (originalHtml !== undefined) {\r\n                    $(this).parent().html(originalHtml);\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n}\r\n\r\nfunction startLoadingIndicator(target) {\r\n    target.find('i').data('originalclass', $(this).find('i').attr('class')).attr('class', 'icon-Refresh spin');\r\n    if (target.find('i').length === 0) {\r\n        target.data('originalhtml', $(this).html());\r\n        target.append('<i class=\"icon-Refresh spin\"></i>');\r\n    }\r\n}\r\n\r\nfunction endLoadingIndicator(target) {\r\n    var originalClass = target.find('i').data('originalclass');\r\n    var originalHtml = target.parent().data('originalhtml');\r\n\r\n    if (originalClass !== undefined) {\r\n        target.find('i').attr('class', originalClass);\r\n    } else if (originalHtml !== undefined) {\r\n        target.html(originalHtml);\r\n    }\r\n}\r\n\r\n\n\r\n$(function () {\r\n\r\n    var from = moment($('.fromDate').data('currentdate'));\r\n\r\n\r\n    if (typeof page === 'undefined' || page === null || page != 'overview') return;\r\n\r\n    var refreshId = 0;\r\n    if (location.hostname != 'localhost') {\r\n        refreshId = setInterval(function () {\r\n            $('.refresh').trigger('click');\r\n        }, 30000);\r\n    }\r\n    initDatePickerOverview();\r\n\r\n\r\n    $(document).on('click', '.previousDay', function (e) {\r\n        e.preventDefault();\r\n        from = from.add(-1, 'days');\r\n        getOverviewData(from.format());\r\n    });\r\n\r\n    $(document).on('click', '.nextDay', function (e) {\r\n        e.preventDefault();\r\n        if (!$(this).hasClass('disabled')) { \r\n            from = from.add(1, 'days');\r\n            getOverviewData(from.format());\r\n        }\r\n    });\r\n\r\n    $(document).on('click', '.refresh', function (e) {\r\n        e.preventDefault();\r\n        getOverviewData(from.format());\r\n    });\r\n\r\n    $(document).on('keyup', '#userSearch', function (e) {\r\n        e.preventDefault();\r\n        var searchValue = $('#userSearch').val();\r\n        $('#overviewContainer .card').hide();\r\n        $('#overviewContainer .card .overviewItemHeader:contains(' + searchValue + ')').parents('.card').show();\r\n\r\n    });\r\n\r\n    $(document).on('change', '#currentUser_ClientId', function (e) {\r\n        startLoadingIndicator($('.refresh'));\r\n        $.post({\r\n            url: base + \"Admin/SetCurrentUserClient\",\r\n            data: {\r\n                clientId: $('#currentUser_ClientId').val()\r\n            },\r\n            success: function () {\r\n                window.location.reload();\r\n            }\r\n        });\r\n    });\r\n\r\n    //renderPies();\r\n\r\n    $(document).on('click', '.moveEmployeeRight', function (e) {\r\n        var button = $(this);\r\n        var card = $(this).parents('.overviewItem');\r\n        var nextCard = card.next();\r\n        e.preventDefault();\r\n\r\n        $.post({\r\n            url: base + \"Employees/Move\",\r\n            data: {\r\n                direction: 'right',\r\n                id: card.data('employeeid')\r\n            },\r\n            success: function () {\r\n                endLoadingIndicator(button);\r\n                card.remove();\r\n                nextCard.after(card);\r\n            }\r\n        });\r\n    });\r\n    $(document).on('click', '.moveEmployeeLeft', function (e) {\r\n        var button = $(this);\r\n        var card = $(this).parents('.overviewItem');\r\n        var nextCard = card.prev();\r\n        e.preventDefault();\r\n\r\n        $.post({\r\n            url: base + \"Employees/Move\",\r\n            data: {\r\n                direction: 'left',\r\n                id: card.data('employeeid')\r\n            },\r\n            success: function () {\r\n                endLoadingIndicator(button);\r\n                card.remove();\r\n                nextCard.before(card);\r\n            }\r\n        });\r\n    });\r\n    $(document).on('click', '.hideEmployee', function (e) {\r\n        var button = $(this);\r\n        var card = $(this).parents('.overviewItem');\r\n        var nextCard = card.prev();\r\n        e.preventDefault();\r\n\r\n        $.post({\r\n            url: base + \"Employees/Hide\",\r\n            data: {\r\n                id: card.data('employeeid')\r\n            },\r\n            success: function () {\r\n                card.fadeOut(function () {\r\n                    card.remove();\r\n                });\r\n            }\r\n        });\r\n    });\r\n\r\n    //getEmailCounts(from.format());\r\n\r\n    getOverviewCards(from.format());\r\n\r\n});\r\n\r\nfunction getEmailCounts(startDate) {\r\n    $('.overviewItem').each(function () {\r\n        // See if we need to fetch outgoing email count\r\n        if ($(this).find('.loadingEmails').length < 1) return;\r\n\r\n        var card = $(this);\r\n\r\n        $.get({\r\n            url: base + \"EmployeeDetails/GetOutgoingEmailCount\",\r\n            data: {\r\n                employeeId: card.data('id'),\r\n                startDate: startDate\r\n            },\r\n            success: function (d) {\r\n                card.find('.loadingEmails').replaceWith(d);\r\n            }\r\n        });\r\n\r\n    });\r\n}\r\n\r\nfunction initDatePickerOverview() {\r\n\r\n    $(\"#chooseDate\").datetimepicker('destroy');\r\n\r\n    $(document).on('click', '#chooseDate', function (e) {\r\n        e.preventDefault();\r\n        $(\"#chooseDate\").datetimepicker({\r\n            format: 'L',\r\n            icons: {\r\n                previous: 'greyIcons icon-chevron chevronLeft',\r\n                next: 'greyIcons icon-chevron chevronRight'\r\n            },\r\n            date: moment($('.fromDate').data('currentdate')),\r\n            maxDate: moment()\r\n        });\r\n        $('#chooseDate').datetimepicker('toggle');\r\n        $(\"#chooseDate\").on(\"change.datetimepicker\", ({ date, oldDate }) => {\r\n            if (oldDate != undefined) {\r\n                getOverviewData(date.format());               \r\n            }\r\n        });\r\n    });\r\n   \r\n\r\n}\r\n\r\nfunction getOverviewData(date) {\r\n\r\n    startLoadingIndicator($('.refresh'));\r\n\r\n    $('.fromDate').html(moment(date).format('dddd Do MMMM yyyy'));\r\n    if (moment(date).isSame(moment(), \"day\")) {\r\n        $('.nextDay').css('opacity', 0.4).css('cursor', 'default').addClass('disabled');\r\n    }\r\n    else {\r\n        $('.nextDay').css('opacity', 1).css('cursor', 'pointer').removeClass('disabled');\r\n    }\r\n\r\n    $('.overviewItem').addClass('outdated').find('.outdated').html('<i class=\"icon-Refresh spin\"></i>');\r\n\r\n    getOverviewCards(date);\r\n\r\n    //$.get(base + \"home/overview\", { Day: date }, function (data) {\r\n    //    pieCharts = [];\r\n\r\n    //    $('#overviewContainer').html(data);\r\n    //    renderPies();\r\n    //    getEmailCounts(date);\r\n    //    endLoadingIndicator($('#chooseDate'));\r\n    //});\r\n}\r\n\r\nfunction getOverviewCards(date) {\r\n\r\n    var cardsToFetch = $('.overviewItem:not(.unlicenced)').length;\r\n    $('.overviewItem:not(.unlicenced)').each(function () {\r\n        var thisCard = $(this);\r\n        \r\n        $.get(base + \"home/employeeCard\", { Day: date, Employee: $(this).data('employeeid') }, function (data) {\r\n            var newCard = $(data).replaceAll(thisCard);\r\n            var pieId = newCard.find('.idleChart').data('id');\r\n            if (pieId != undefined) {\r\n                renderPie(pieId);\r\n            }\r\n            newCard.find('[data-toggle=\"tooltip\"]').tooltip();\r\n            cardsToFetch--;\r\n        });\r\n    });\r\n\r\n\r\n    var cardLoop = setInterval(function() {\r\n\r\n        console.log(\"Cards to fetch\", cardsToFetch);\r\n        if (cardsToFetch > 0) {\r\n            return;\r\n        }\r\n        $('body').addClass('PageFinished');\r\n        $('.refresh i').removeClass('spin');  \r\n        clearInterval(cardLoop);\r\n\r\n    }, 500);\r\n\r\n   \r\n}\r\n\r\n\r\nfunction renderPie(i) {\r\n\r\n    var thisChart = $('#idleChart' + i).html('<canvas width=\"170\" height=\"170\"></canvas>').find('canvas')[0].getContext('2d');\r\n\r\n    window['IdleData' + i].datasets[0].backgroundColor[0] = gradientActive;\r\n    window['IdleData' + i].datasets[0].backgroundColor[1] = gradientIdle;\r\n    window['IdleData' + i].datasets[0].backgroundColor[2] = gradientMeeting;\r\n    window['IdleData' + i].datasets[0].backgroundColor[3] = gradientLocked;\r\n\r\n    var legendColors = ['linear-gradient(to right, #1299ce, #66d8af)',\r\n        'linear-gradient(to right, #fac556, #f4932b)',\r\n        'linear-gradient(to right, #66d8af, #36b078)',\r\n        'linear-gradient(to right, #c93ea1, #981d68)'];\r\n\r\n    var thisPieChart = new Chart(thisChart, {\r\n        type: 'pie',\r\n        data: window['IdleData' + i],\r\n        options: {\r\n            tooltips: {\r\n                callbacks: {\r\n                    label: function (tooltipItem, data) {\r\n\r\n                        let label = data.labels[tooltipItem.index];\r\n                        let value = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\r\n                        return ' ' + label + ': ' + value;\r\n\r\n                    }\r\n                }\r\n            },\r\n            legendCallback: function (chart) {\r\n\r\n                var text = [];\r\n                text.push('<div class=\"pieLegend\">');\r\n                for (var i = 0; i < chart.data.datasets[0].data.length; i++) {\r\n                    if (chart.data.datasets[0].data[i] == 0) {\r\n                        continue;\r\n                    }\r\n                    text.push('<div>');\r\n                    text.push('<span class=\"legendLabel\" style=\"background:' + legendColors[i] + '\">' + '</span>');\r\n                    if (chart.data.labels[i]) {\r\n                        text.push(chart.data.labels[i]);\r\n                    }\r\n                    text.push(' - ' + chart.data.datasets[0].data[i] + '%');\r\n                    text.push('</div>');\r\n                }\r\n                text.push('</ul>');\r\n                return text.join(\"\");\r\n            },\r\n            legend: {\r\n                display: false\r\n            }\r\n        }\r\n    });\r\n\r\n    $('#idleChartLegend' + i).html(thisPieChart.generateLegend());\r\n}\r\n\r\nfunction renderPies() {\r\n    for (i = 0; i < pieCharts.length; i++) {\r\n\r\n        var pieId = pieCharts[i];\r\n\r\n        renderPie(pieId);\r\n    }\r\n}\n\r\n$(function () {\r\n\r\n    if (typeof page === 'undefined' || page === null ||  page != 'EmployeeDetails') return;\r\n \r\n    renderPies();\r\n    initDatePickerDetails();\r\n});\r\n\r\n\r\nfunction initDatePickerDetails() {\r\n\r\n    $(\"#chooseDate\").datetimepicker('destroy');\r\n\r\n    var format = 'L';\r\n    switch (period) {\r\n        case 'monthly':\r\n            format = 'M';\r\n            break;\r\n    }\r\n\r\n    $(document).on('click', '#chooseDate', function (e) {\r\n        e.preventDefault();\r\n        $(\"#chooseDate\").datetimepicker({\r\n            format: format,\r\n            icons: {\r\n                previous: 'greyIcons icon-chevron chevronLeft',\r\n                next: 'greyIcons icon-chevron chevronRight'\r\n            },\r\n            date: moment($('#dateInput').val()),\r\n            maxDate: moment()\r\n        });\r\n        $('#chooseDate').datetimepicker('toggle');\r\n        $(\"#chooseDate\").on(\"change.datetimepicker\", ({ date, oldDate }) => {\r\n            if (oldDate != undefined) {\r\n                window.location = '/EmployeeDetails/Overview/' + user + '?targetDate=' + date.format('yyyy-MM-DD') + '&period=' + period;\r\n            }\r\n        });\r\n    });\r\n\r\n\r\n}"]}