WebBuild/wwwroot/tenants/themes/compact/components/notifications/userdesigntaskwidget.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let Components;
            (function (Components) {
                class TaskWidget extends Unibase.Platform.Core.BaseComponent {
                    load(id, containerid, callback) {
                        var instance = this;
                    }
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = ``;
                        return html;
                    }
                    init(containerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let instance = this;
                            yield instance.loadnotificationDetails(containerid);
                            yield instance.loadReminders(null, containerid);
                        });
                    }
                    loadnotificationDetails(containerid) {
                        let instance = this;
                        let html = `<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 border-bottom search-bar-main-wrapper  viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_` + containerid + `">
                                <div class="card-header-top  line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div  class="d-flex align-items-center biz-highlight-bg-color widget-font text-truncate">Tasks</div>
                                </div>
                                </div>
                                <div class="card-body px-1 py-0 border-removed border-white-removed show userDesignWidgetCardBody taskDetailsCardBody simple-scroll-bar" id="Viewer_` + containerid + `" data-iscollapseapplied=false>
                                <ul class="UserdesignTaskDetails" id="UserdesignTaskDetails"></ul>
                                </div>
                                <div class="border-0 card-footer d-flex justify-content-center position-sticky pt-10 bg-white z-index-2">
                                     <a class="btn btn-xs rounded-4 btn-outline-primary" onclick="Unibase.Themes.Compact.Components.Notification.Instance().ViewAll(1)" href="javascript:;" id="AddWidget_btnCreateWidget">View Earlier Tasks</a>
                                </div>
                                </div>`;
                        $('#' + containerid).html(html);
                        if (screen.width > 1120) {
                            $('#' + containerid).find(".userDesignWidgetCardBody").css("height", "308px");
                        }
                    }
                    loadReminders(tabview, count) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let remindertype = Unibase.Platform.Communications.Enums.ReminderType.Task;
                            return yield Unibase.Platform.Communications.Managers.ReminderManager.Instance().getReminders(remindertype, 10).then(function (response) {
                                let html = "";
                                if (response.length != '' || response.length != 0) {
                                    for (let i = 0; i < response.length; i++) {
                                        let createformid = 0, installedappid = 0, refid = 0;
                                        if (response[i].RedirectOptions == null || response[i].RedirectOptions == undefined) {
                                            installedappid = response[i].InstalledAppId;
                                            refid = response[i].RefId;
                                        }
                                        else {
                                            createformid = response[i].RedirectOptions.CreateFormId;
                                            installedappid = response[i].RedirectOptions.InstalledAppId;
                                            refid = response[i].RedirectOptions.RefId;
                                        }
                                        let ReminderUrl = response[i].ReminderUrl;
                                        let IconUrl = response[i].IconUrl;
                                        if (IconUrl == undefined || IconUrl == null) {
                                            IconUrl = "tenants/themes/compact/imgs/defaultnotification.png";
                                        }
                                        if (IconUrl == "") {
                                            IconUrl = "tenants/themes/compact/imgs/notification.png";
                                        }
                                        let ReminderId = response[i].ReminderId;
                                        if (ReminderUrl == "") {
                                            ReminderUrl = null;
                                        }
                                        html = '<div id="Taskmedia_' + ReminderId + '" class="task-list-item border-bottom border-2">' +
                                            '<div class="cursor-pointer d-flex pr-3 py-1 w-100" id="Rem-item-' + ReminderId + '" data-id="' + ReminderId + '" onclick="Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(' + refid + ',' + installedappid + ',\'' + response[i].UrlType + '\',\'' + ReminderUrl + '\',' + remindertype + ',' + createformid + ',null)">' +
                                            `<div class="w-60p p-2 mr-2 flex-shrink-0"><img src="${IconUrl}" data-dynamic="1" onerror="ReloadImage(event)" class="img-fluid" data-loaded="0"></div>
                                    <div class="notifications-text flex-grow-1 overflow-hide word-break">
                                    <p class="text-dark text-capitalize font-12 font-weight-600 w-95 text-truncate word-break task-subject" title="${response[i].Subject}">${response[i].Subject}</p>
                                    <p class="font-12 text-dark notifi_message_overflow"> ${response[i].Message}</p>
                                    <div class="d-flex align-items-center justify-content-between ">
                                    <div class="notifications-time font-12">${Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocal(response[i].ReminderDate)}</div>` +
                                            '<div class="btn btn-outline-primary btn-xs p-2 line-height-10" onclick="Unibase.Themes.Compact.Components.TaskWidget.Instance().LoadApprovals(\'' + response[i].RefGuid + '\',\'' + ReminderId + '\',' + response[i].TaskId + ');event.stopPropagation();"><a class="pull-right  TaskCollapse_Manage' + ReminderId + ' font-12" style="text-decoration: none;" data-toggle="collapse" > Manage <i class="text-dark fa fa-angle-down"></i>' +
                                            `</a></div></div></div></div>
                                    <div class="box collaps" id="TaskcollapseManageBtn_${ReminderId}">
                                    </div>
                                    </div>`;
                                        $(".UserdesignTaskDetails").append(html);
                                    }
                                }
                                else {
                                    let emptyhtml = `
                                                <div class="card-body text-center h-295p px-0">
                                                    <div class="biz-custom-scrollbar" style="height: -webkit-fill-available;">
                                                        <img src="tenants/themes/compact/imgs/task.png" onerror="ReloadImage(event)" class="h-125p w-125p">
                                                        <p class="text-dark my-1 font-weight-600">You don't have any Tasks Right Now.</p>
                                                        <p class="font-14">Will notify you when Something arrives'</p>
                                                    </div>
                                                </div>
                                                `;
                                    $(".UserdesignTaskDetails").html(emptyhtml);
                                }
                            });
                        });
                    }
                    LoadApprovals(RefId, ReminderId, TaskId) {
                        var html = "";
                        if ($(`#taskManageBtnWrap_${ReminderId}`).length) {
                            $("#TaskcollapseManageBtn_" + ReminderId).collapse('toggle');
                            return;
                        }
                        Unibase.Platform.Communications.Managers.TaskManager.Instance().getTaskByRefId(RefId, TaskId).then(function (response) {
                            if (response.result != null) {
                                var Approvedbtn = "Approve";
                                var Rejectbtn = "Reject";
                                var rejectonclick = 'Unibase.Themes.Compact.Components.Notification.Instance().SaveTaskReason(\'' + ReminderId + '\',' + response.result.TaskId + ',\'Reject\');';
                                if (response.result.ConfirmKeyText != null && response.result.ConfirmKeyText != undefined && response.result.ConfirmKeyText != "") {
                                    Approvedbtn = response.result.ConfirmKeyText;
                                }
                                if (response.result.RejectKeyText != null && response.result.RejectKeyText != undefined && response.result.RejectKeyText != "") {
                                    Rejectbtn = response.result.RejectKeyText;
                                }
                                if (Number(response.result.RejectFormId) != 0) {
                                    rejectonclick = 'Unibase.Themes.Compact.Components.Notification.Instance().ChangeApprovalStatus(\'' + ReminderId + '\',' + response.result.TaskId + ',\'Reject\',' + response.result.RejectFormId + ',' + response.result.RejectFormPkId + ')';
                                }
                                html += `<div class="d-flex justify-content-between align-items-center mb-2 mt-1 ml-3 accordion-header" id="taskManageBtnWrap_${ReminderId}">` +
                                    `<div>` +
                                    '<button class="btn btn-outline-success taskbtn_conform mr-2 ml-auto px-4 py-1 font-12" onclick="Unibase.Themes.Compact.Components.Notification.Instance().ChangeApprovalStatus(\'' + ReminderId + '\',' + response.result.TaskId + ',\'Accept\',' + response.result.ApprovalFormId + ',' + response.result.ApprovalFormPkId + ')">' + Approvedbtn + '</button>' +
                                    '<button class="btn btn-outline-danger mr-2 ml-auto px-4 py-1 font-12 collapsed" data-toggle="collapse" href="#collapseReject_' + ReminderId + '">' + Rejectbtn + '</button></div>' +
                                    '<a class="py-1 font-12 text-danger pr-25 taskbtn_end" onclick = "Unibase.Themes.Compact.Components.Notification.Instance().confirmclosetask(' + TaskId + ',\'' + ReminderId + '\')">Close</a>' +
                                    '</div>' +
                                    '<div class="collapse py-1" id="collapseReject_' + ReminderId + '" data-parent="#TaskcollapseManageBtn_' + ReminderId + '">' +
                                    '<div class="d-flex justify-content-start mt-1 px-3">' +
                                    '<input type="text" id="Reason_' + TaskId + '" class="form-control focus_blue border-0 w-75 p-0 pl-1 mr-2" placeholder="Add Comment">' +
                                    '<a href="javascript:void(0);" class="btn-sm btn-success px-3 ml-2 p-0 d-flex flex-row align-items-center taskbtn_send" onclick="' + rejectonclick + '">' +
                                    '<i class="fa fa-send-o font-11"></i>' +
                                    '</a>' +
                                    '</div>' +
                                    '</div>';
                                $(".taskDetailsCardBody #TaskcollapseManageBtn_" + ReminderId).html(html).collapse('show');
                                $(".taskbtn_conform,.taskbtn_send").click(function () {
                                    $(this).parents(".task-list-item").remove();
                                    if ($(".UserdesignTaskDetails").html().length == 0) {
                                        let emptyhtml = `<div class="card-body text-center">
                                                            <img src="tenants/themes/compact/imgs/task.png" onerror="ReloadImage(event)" class="h-125p w-125p">
                                                            <p class="text-dark my-1 font-weight-600">You don't have any Tasks Right Now.</p>
                                                            <p class="font-14">Will notify you when Something arrives'</p>
                                                         </div>`;
                                        $(".UserdesignTaskDetails").html(emptyhtml);
                                    }
                                });
                            }
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined)
                            this.instance = new TaskWidget();
                        return this.instance;
                    }
                }
                Components.TaskWidget = TaskWidget;
            })(Components = Compact.Components || (Compact.Components = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));