WebBuild/wwwroot/apps/pm/components/sessionlog.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let PM;
        (function (PM) {
            let Components;
            (function (Components) {
                class SessionLog extends Unibase.Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this._taskManager = PM.Managers.TaskManager.Instance();
                    }
                    cssFiles() {
                        return [''];
                    }
                    jsFiles() {
                        return ['apps/pm/managers/taskmanager.js'];
                    }
                    html(id, containerid) {
                        let html = `<form id="createMrp" method="post" data-validate="parsley">
                    <input type="hidden" id="hfTaskSessionId" value="" />
                    <header class="b-b bg-white modal-header">
                    <strong class="text-dark titlename">Log Hours</strong>
                    <div class="btn-group ml-auto"> <a class="btn btn-sm"><i class="ti-help-alt" title="help" href="" target="_blank"></i></a><div></header><div style="overflow-x:hidden;" class="scrollable">
                    <div class="b-a wrapper">
                    <div class="card">
                    <ul id="ul_ShowLog_Details">
                    <li class="list-group-item bg-cyan-light-5">
                    <div class="row">
                    <div class="col-sm-4"><h6>Start Time</h6></div>
                    <div class="col-sm-4 mr-45"><h6>End Time</h6></div>
                    <div class="col-sm-2 mr-10"><h6>Duration</h6></div>
                    <div class="col-sm-1">
                    <a href="javascript:;" class="pull-right manageloghour hidden" id="LinkButton" title="CreateLogHour" onclick="_bizgaze_pm_coummunicatios_sessionlog_widget.addLogHourRow(true)"><i class="fa fa-plus"></i></a></div></div>
                    </li><li class="length-row" id="ulLogDetails"></li></ul></div></div></div>
                   <footer class="bg-white modal-footer"><a href="javascript:;" id="btn_ShoLogClose" class="btn btn-light btn-sm mr-auto" onclick=" _navigationHelper.closeCreate()"> Close</a>
                   </footer></form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#txt_LogHourEndDate").change(function () {
                            instance.calculateDateDiff();
                        });
                        instance.checkPermission();
                    }
                    addLogHourRow(isedit) {
                        var instance = this;
                        var predivhtml = '<li class="list-group-item sessionlog-item hidden" id="li_AddLogHours">' +
                            '<div class="row">' +
                            '<div class="col-sm-4">' +
                            '<div class="floating-label-form-group floating-label-form-group-with-value" id = "div_LogHourStartDate" >' +
                            '<div class="input-group">' +
                            '<input type="text" id="txt_LogHourStartDate" class="form-control value-control datepicker-input floating-label-control" data-isdynamic="false" placeholder="dd/mm/yyyy" data-placeholder="dd/mm/yyyy" data-label="dd/mm/yyyy" />' +
                            '<span class="input-group-addon mt-10 bg-white no-border"><i class="fa fa-calendar" aria-hidden="true"></i></span>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="col-sm-4 mr-45">' +
                            '<div class="floating-label-form-group floating-label-form-group-with-value" id = "div_LogHourEndDate">' +
                            '<div class="input-group">' +
                            '<input type="text" id="txt_LogHourEndDate" class="form-control value-control datepicker-input floating-label-control" data-isdynamic="false" placeholder="dd/mm/yyyy" data-placeholder="dd/mm/yyyy" data-label="dd/mm/yyyy" />' +
                            '<span class="input-group-addon mt-10 bg-white no-border"><i class="fa fa-calendar" aria-hidden="true"></i></span>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="col-sm-2  mr-10 pl-6" style="padding-bottom:5px;padding-top:5px">' +
                            '<span class="h6" id="LogHours"></span>' +
                            '</div>' +
                            '<div class="col-sm-1"><span class="pull-right mt-10" onclick="return _bizgaze_extensions_PM_task_timetracker.saveTaskSession(' + null + ', ' + null + ', ' + false + ',' + false + ', ' + false + ',' + true + ');"><i class="fa fa-check" aria-hidden="true"></i></span>' +
                            '</div></div></li>';
                        $(".divAddLogHours_0").parent().before(predivhtml);
                        if (isedit)
                            $("#li_AddLogHours").removeClass('hidden');
                        $("#txt_LogHourEndDate,#txt_LogHourStartDate").change(function () {
                            instance.calculateDateDiff();
                        });
                        $('.datepicker-input').daterangepicker({
                            singleDatePicker: true,
                            showDropdowns: true,
                            minYear: 1901,
                            locale: {
                                format: 'DD/MM/YYYY HH:mm',
                            },
                        });
                        instance.checkProjectDates();
                    }
                    checkProjectDates() {
                        var instance = this;
                        $('#txt_LogHourEndDate').val(moment(new Date($.now())).format("DD/MM/YYYY HH:mm"));
                        $('#txt_LogHourStartDate').val(moment(new Date($.now())).format("DD/MM/YYYY HH:mm"));
                        instance.calculateDateDiff();
                        $('#txt_LogHourStartDate').daterangepicker({
                            timePicker24Hour: true,
                            timePicker: true,
                            locale: {
                                format: 'DD/MM/YYYY HH:mm',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                        });
                        $('#txt_LogHourEndDate').daterangepicker({
                            timePicker24Hour: true,
                            timePicker: true,
                            locale: {
                                format: 'DD/MM/YYYY HH:mm',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                        });
                    }
                    calculateDateDiff() {
                        var stdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDateTime($("#txt_LogHourStartDate").val());
                        var endate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDateTime($("#txt_LogHourEndDate").val());
                        var diffDays = 0;
                        var diffHrs = 0;
                        var diffMins = 0;
                        var diffSecs = 0;
                        var today = new Date(stdate);
                        var Christmas = new Date(endate);
                        var diffMs = (Number(Christmas) - Number(today));
                        if (diffMs != NaN) {
                            diffDays = Math.floor(diffMs / 86400000);
                            diffHrs = Math.floor((diffMs) / 3600000);
                            diffMins = Math.round(((diffMs % 86400000) % 3600000) / 60000);
                            diffSecs = Math.round((((diffMs % 86400000) % 3600000) / 60000) / 60000);
                        }
                    }
                    checkPermission() {
                        var instance = this;
                        instance._taskManager.getLogHourPermission().then(function (response) {
                            if (response.result == '5' || Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin == true) {
                                $(".manageloghour").removeClass('hidden');
                            }
                            else {
                                $(".manageloghour").addClass('hidden');
                            }
                        }, function (response) {
                            MessageHelper.Instance().showError(response, '');
                        });
                    }
                    getProjectDetails(_projectId) {
                        var instance = this;
                        var projectendDate = '';
                        let _dateTimeHelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length != 0) {
                            _projectId = (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_projectid").Value);
                        }
                        instance._taskManager.getProjectDetails(Number(_projectId)).then(function (response) {
                            if (response.result != null) {
                                $(".date_startdate").val(_dateTimeHelper.formatLocalDate1(response.result.StartDate, ''));
                                projectendDate = _dateTimeHelper.formatLocalDate1(response.result.EndDate, '');
                                if (projectendDate == '01/01/1901') {
                                    $('.date_startdate').daterangepicker({
                                        timePicker24Hour: true,
                                        locale: {
                                            format: 'DD/MM/YYYY',
                                        },
                                        singleDatePicker: true,
                                        autoUpdateInput: true,
                                        minDate: _dateTimeHelper.formatLocalDate1(response.result.StartDate, ''),
                                    });
                                    $('.date_enddate').daterangepicker({
                                        timePicker24Hour: true,
                                        locale: {
                                            format: 'DD/MM/YYYY',
                                        },
                                        singleDatePicker: true,
                                        minDate: _dateTimeHelper.formatLocalDate1(response.result.StartDate, ''),
                                    });
                                }
                                else {
                                    $(".date_enddate").val(_dateTimeHelper.formatLocalDate1(response.result.EndDate, ''));
                                }
                                if (response.result.EndDate != null && projectendDate != '01/01/1901') {
                                    $('.date_startdate').daterangepicker({
                                        timePicker24Hour: true,
                                        locale: {
                                            format: 'DD/MM/YYYY',
                                        },
                                        singleDatePicker: true,
                                        autoUpdateInput: true,
                                        minDate: _dateTimeHelper.formatLocalDate1(response.result.StartDate, ''),
                                        maxDate: _dateTimeHelper.formatLocalDate1(response.result.EndDate, '')
                                    });
                                    $('.date_enddate').daterangepicker({
                                        timePicker24Hour: true,
                                        locale: {
                                            format: 'DD/MM/YYYY',
                                        },
                                        singleDatePicker: true,
                                        autoUpdateInput: true,
                                        minDate: _dateTimeHelper.formatLocalDate1(response.result.StartDate, ''),
                                        maxDate: _dateTimeHelper.formatLocalDate1(response.result.EndDate, ''),
                                    });
                                }
                                $('.date_startdate').on('apply.daterangepicker', function (ev, picker) {
                                    var date = $(this).val();
                                    if (projectendDate != "" && projectendDate == '01/01/1901') {
                                        $('.date_enddate').daterangepicker({
                                            timePicker24Hour: true,
                                            locale: {
                                                format: 'DD/MM/YYYY',
                                            },
                                            singleDatePicker: true,
                                            minDate: _dateTimeHelper.formatLocalDate1(date, ''),
                                            maxDate: projectendDate
                                        });
                                    }
                                    else {
                                        $('.date_enddate').daterangepicker({
                                            timePicker24Hour: true,
                                            locale: {
                                                format: 'DD/MM/YYYY',
                                            },
                                            singleDatePicker: true,
                                            minDate: _dateTimeHelper.formatLocalDate1(date, ''),
                                        });
                                    }
                                });
                            }
                        });
                    }
                    taskstagechange() {
                        $('.date_completedate').val(moment(new Date($.now())).format("DD/MM/YYYY HH:mm"));
                        $('.date_completedate').daterangepicker({
                            timePicker24Hour: true,
                            timePicker: true,
                            locale: {
                                format: 'DD/MM/YYYY HH:mm',
                            },
                            singleDatePicker: true,
                            showDropdowns: true,
                        });
                        let completeddate = $(".date_completedate").val();
                        completeddate = moment($(".date_completedate").val(), "DD/MM/YYYY HH:mm").format('YYYY/MM/DD HH:mm');
                        $(".hfdate_completedate").val(completeddate.toString());
                        setTimeout(function () {
                            $('.date_completedate').on('apply.daterangepicker', function (ev, picker) {
                                let completeddate = $(".date_completedate").val();
                                completeddate = moment($(".date_completedate").val(), "DD/MM/YYYY HH:mm").format('YYYY/MM/DD HH:mm');
                                $(".hfdate_completedate").val(completeddate.toString());
                            });
                        }, 2000);
                    }
                    static Instance() {
                        if (this.instance == undefined) {
                            this.instance = new SessionLog();
                        }
                        return this.instance;
                    }
                }
                Components.SessionLog = SessionLog;
            })(Components = PM.Components || (PM.Components = {}));
        })(PM = Apps.PM || (Apps.PM = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));