ADAA

Users

Groups

Departments

Favourites

Search

To:

CC:

Emp Name	Postion	Unit	Tracking

From	Subject	On

Mail Code	Subject	Date

Comment

</div>
                                            </div>
                                            <br />
                                            <div class="row">
                                                <div class="col-md-6  co-lg-6  col-xlg-6  col-sm-6  col-xs-6">
                                                    <button class="btn btn-primary" id="btn_flow_modify" href="app/docms/doc_editor.html" data-target="#myModal_docwriteedit" data-toggle="modal"><i class="fa fa-edit"></i> Modify</button>
                                                    <button class="btn btn-primary" id="btn_flow_chkin"><i class="fa fa-sign-in"></i> Check-In</button>
                                                    <button class="btn btn-primary" id="btn_flow_chkout"><i class="fa fa-sign-out"></i> Check-Out to Modify</button>
                                                    <button class="btn btn-success type_flow1" id="btn_flow_aprv"><i class="fa fa-check"></i> Approve</button> <button class="btn btn-danger type_flow1" id="btn_flow_reject"><i class="fa fa-times"></i> Reject</button>
                                                </div>

</div>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="doc_hist" role="tabpanel">
                                        <div class="panel-body">
                                            <table class="table table-striped table-bordered table-hover" id="grd_doc_flowhist" data-plugin="dataTable" style="width:100% !important">
                                                <thead>
                                                    <tr>

<th class="user_clm">User</th>
                                                        <th class="comments_clm">Comments</th>
                                                        <th class="action_tab">Action</th>
                                                        <th class="date_clm">Date</th>
                                                    </tr>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script>
        function Save_Docflow_Comments(oFlow) {
            callajax(appSettings.apiUrl + 'api/FlowChart/Save_Docflow_comments', "POST", JSON.stringify({ osm: oSessionModel, oflow: oFlow, }), Save_Docflow_notifybeforeSend, Save_Docflow_notifycomplete, Save_Docflow_notifysuccess, Save_Docflow_notifyerror)

function Save_Docflow_notifybeforeSend() {
            }
            function Save_Docflow_notifycomplete() {

}
            function Save_Docflow_notifyerror(data) { }
            function Save_Docflow_notifysuccess(data) {

doc_flowhist();

}
        }
        $("#btn_flow_aprv").click(function () {
            var oFlow = {};
            var oFl = {};
            var oFl_upd = {};

oFlow.flow_code = arr_doc[0].flow_code;
            oFlow.doc_code = arr_doc[0].doc_code;
            oFlow.actor_code = arr_doc[0].actor_code;
            oFlow.is_currentstate = true;
            oFlow.success_step_user = arr_doc[0].success_step_user;
            oFlow.fail_step_user = arr_doc[0].fail_step_user;
            oFlow.sequence = arr_doc[0].sequence;
            update_doc_workflow(oFlow, 1);

oFl.doc_code = oFlow.doc_code;
            oFl.step_user = oFlow.success_step_user;
            oFl.step_status = "1";
            oFl.step_name = "Review";
            Get_DocflowByActor1(2, oFlow.success_step_user, oFl);

oFl_upd.doc_code = oFlow.doc_code;
            oFl_upd.step_user = oFlow.actor_code;
            oFl_upd.step_status = "2";
            update_doc_workflow_history(oFl_upd);

save_doc_workflow_history1(oFl);

var oflw = {};
            oflw.notify_template_code = 1;
            oflw.notify_by = arr_doc[0].actor_code;
            oflw.doc_code = arr_doc[0].doc_code;
            oflw.notify_to = arr_doc[0].doc_flow_intiator;
            oflw.doc_name = arr_doc[0].doc_name;
            Save_Docflow_notify(oflw);

//comments

var oflwcomments = {};
            oflwcomments.doc_code = dc_id;
            oflwcomments.action = 1;
            oflwcomments.comments = $("#txt_wrkflw_comment").val();
            oflwcomments.flow_code = arr_doc[0].flow_code;

Save_Docflow_Comments(oflwcomments);
        });
        $("#btn_flow_reject").click(function () {
            var oFlow = {};
            var oFl = {};
            var oFl_upd = {};

oFlow.flow_code = arr_doc[0].flow_code;
            oFlow.doc_code = arr_doc[0].doc_code;
            oFlow.actor_code = arr_doc[0].actor_code;
            oFlow.is_currentstate = false;
            oFlow.success_step_user = arr_doc[0].success_step_user;
            oFlow.fail_step_user = arr_doc[0].fail_step_user;
            oFlow.sequence = arr_doc[0].sequence;
            update_doc_workflow(oFlow, 2);

oFl.doc_code = oFlow.doc_code;
            oFl.step_user = oFlow.fail_step_user;
            oFl.step_status = "1";
            oFl.step_name = "Modify";
            Get_DocflowByActor1(2, oFlow.fail_step_user, oFl);

oFl_upd.doc_code = oFlow.doc_code;
            oFl_upd.step_user = oFlow.actor_code;
            oFl_upd.step_status = "3";
            update_doc_workflow_history(oFl_upd);

save_doc_workflow_history1(oFl);

var oflw = {};
            oflw.notify_template_code = 2;
            oflw.notify_by = arr_doc[0].actor_code;
            oflw.doc_code = arr_doc[0].doc_code;
            oflw.notify_to = arr_doc[0].doc_flow_intiator;
            oflw.doc_name = arr_doc[0].doc_name;
            Save_Docflow_notify(oflw);

//comments

var oflwcomments = {};
            oflwcomments.doc_code = dc_id;
            oflwcomments.action = 2;
            oflwcomments.comments = $("#txt_wrkflw_comment").val();
            oflwcomments.flow_code = arr_doc[0].flow_code;

Save_Docflow_Comments(oflwcomments);
        });

function Save_Docflow_notify(oFlow) {
            callajax(appSettings.apiUrl + 'api/FlowChart/Save_Docflow_notify', "POST", JSON.stringify({ osm: oSessionModel, oflow: oFlow, }), Save_Docflow_notifybeforeSend, Save_Docflow_notifycomplete, Save_Docflow_notifysuccess, Save_Docflow_notifyerror)

function Save_Docflow_notifybeforeSend() {
            }
            function Save_Docflow_notifycomplete() {

}
            function Save_Docflow_notifyerror(data) { }
            function Save_Docflow_notifysuccess(data) {

}
        }

function update_doc_workflow(oFlow, mode) {
            callajax(appSettings.apiUrl + 'api/FlowChart/UpdateDocworkflow', "POST", JSON.stringify({ osm: oSessionModel, oflow: oFlow, action_type: mode }), update_doc_workflowbeforeSend, update_doc_workflowcomplete, update_doc_workflowsuccess, update_doc_workflowerror)

function update_doc_workflowbeforeSend() {
            }
            function update_doc_workflowcomplete() {
                if (mode == 1) {
                    if (oFlow.success_step_user == "000100") {
                        Isdone();
                    }
                }

$("#alertmsg_flowc").html("Successfully Saved");

}
            function update_doc_workflowerror(data) { }
            function update_doc_workflowsuccess(data) {

}
        }

function Isdone() {
            var odc = {};
            odc.doc_code = dc_id;
            odc.is_done = 1;
            callajax(appSettings.apiUrl + 'api/Document/IsDone', "POST", JSON.stringify({ osm: oSessionModel, odocs: odc, }), IsdonebeforeSend, Isdonecomplete, Isdonesuccess, Isdoneerror)

function IsdonebeforeSend() {
            }
            function Isdonecomplete() {

}
            function Isdoneerror(data) { }
            function Isdonesuccess(data) {

}
        }

var arr_doc = [];
        var next_step_doc = [];
        function Get_DocflowByActor1(md, us_cd, oFl) {
            callajax(appSettings.apiUrl + 'api/FlowChart/Get_DocflowByActor', "POST", JSON.stringify({ osm: oSessionModel, dcode: dc_id, us_cd: us_cd }), Get_DocflowByActor1_beforeSend, Get_DocflowByActor1_complete, Get_DocflowByActor1_success, Get_DocflowByActor1_error)
            function Get_DocflowByActor1_beforeSend() { }
            function Get_DocflowByActor1_complete() { }
            function Get_DocflowByActor1_success(data) {

var rsl = data.DataObject;
                if (rsl != null) {
                    if (md == 1) {
                        arr_doc = rsl;
                        if (rsl != null) {

} else {

}
                    } else {
                        next_step_doc = rsl;
                        oFl.step_name = next_step_doc[0].step_name;
                        save_doc_workflow_history1(oFl);
                    }
                }

}
            function Get_DocflowByActor1_error() { }
        }

function save_doc_workflow_history1(oFlow) {
            callajax(appSettings.apiUrl + 'api/FlowChart/Save_Docflow_history', "POST", JSON.stringify({ osm: oSessionModel, oflow: oFlow, }), save_doc_workflow_history1beforeSend, save_doc_workflow_history1complete, save_doc_workflow_history1success, save_doc_workflow_history1error)

function save_doc_workflow_history1beforeSend() {
            }
            function save_doc_workflow_history1complete() { }
            function save_doc_workflow_history1error(data) { }
            function save_doc_workflow_history1success(data) {
                $("#myModal_prev").modal('hide');
                $("#wrkflw_approvals").load('app/docms/mywfapproval.html');

}
        }

function update_doc_workflow_history(oFlow) {
            callajax(appSettings.apiUrl + 'api/FlowChart/Update_Docflow_history', "POST", JSON.stringify({ osm: oSessionModel, oflow: oFlow, }), update_doc_workflow_historybeforeSend, update_doc_workflow_historycomplete, update_doc_workflow_historysuccess, update_doc_workflow_historyerror)

function update_doc_workflow_historybeforeSend() {
            }
            function update_doc_workflow_historycomplete() { }
            function update_doc_workflow_historyerror(data) { }
            function update_doc_workflow_historysuccess(data) {

}
        }

//bind comments table

function doc_flowhist() {
            d_code = dc_id;

callajax(appSettings.apiUrl + 'api/FlowChart/Get_DocFlowComments', "POST", JSON.stringify({ osm: oSessionModel, doc_code: d_code }), doc_flowhistbeforeSend, doc_flowhistcomplete, doc_flowhistsuccess, doc_flowhisterror)

function doc_flowhistbeforeSend() {

}
            function doc_flowhistcomplete() {

}
            function doc_flowhistsuccess(data) {
                var table = $('#grd_doc_flowhist').dataTable();
                if (data.MessageType == "0") {
                    var result = data.DataObject;
                    var result_arry = [];
                    if (result != null) {

table.fnDestroy();
                        initialize_doc_flowhist(data.DataObject);
                    }
                    else {

initialize_doc_flowhist(data.DataObject);
                    }

}

}
            function doc_flowhisterror(data) {
                if (data.MessageType == "3" || data.MessageType == "4") {

showerror();
                }
            }

}

var initialize_doc_flowhist = function (data) {
            var tbl;
            if (oSessionModel['LangCode'] == "ar-om") {
                tbl = $('#grd_doc_flowhist').DataTable({
                    "language": {
                        "url": "js1/plugins/datatables/datatable_arabic.json",
                    },
                    "bDestroy": true,
                    "bJQueryUI": false,
                    //"oLanguage": {
                    //    "sSearch": "Filter records:",
                    //    "sZeroRecords": "No Record Found"
                    //},
                    "spaginationType": "full_numbers",
                    "aaData": data,
                    "aoColumns": checkColumn_doc_flowhist(data),

"dom": '<"html5buttons" B>lTfgitp',
                    "buttons": [
                        {
                            "extend": 'copyHtml5',
                            "exportOptions": {
                                "columns": [0, ':visible']
                            }
                        },
                        {
                            extend: 'excelHtml5',
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        {
                            extend: 'pdfHtml5',
                            exportOptions: {
                                columns: [0, 1, 2, 3, 4]
                            }
                        },
                        'colvis'
                    ],
                    order: [],

});
            }
            else {
                tbl = $('#grd_doc_flowhist').DataTable({

"bDestroy": true,
                    "bJQueryUI": false,
                    "oLanguage": {
                        "sSearch": "Filter records:",
                        "sZeroRecords": "No Record Found"
                    },
                    "spaginationType": "full_numbers",
                    "aaData": data,
                    "aoColumns": checkColumn_doc_flowhist(data),

"dom": '<"html5buttons" B>lTfgitp',
                    "buttons": [
                        {
                            "extend": 'copyHtml5',
                            "exportOptions": {
                                "columns": [0, ':visible']
                            }
                        },
                        {
                            extend: 'excelHtml5',
                            exportOptions: {
                                columns: ':visible'
                            }
                        },
                        {
                            extend: 'pdfHtml5',
                            exportOptions: {
                                columns: [0, 1, 2, 3, 4]
                            }
                        },
                        'colvis'
                    ],
                    order: [],
                });
            }
            otable_doc_flowhist = $('#grd_doc_flowhist').dataTable();
        }

function checkColumn_doc_flowhist(value) {

if (value != null) {
                return [
                    { "mData": "EmployeeName", "sClass": "color-text" },
                    { "mData": "comments", "sClass": "color-text" },
                    { "mData": "action", "sClass": "color-text", "mRender": function (rowData, type, fullData) { return actionstate(rowData) } },
                    { "mData": "action_date", "sClass": "color-text" },

]
            }
            else
                var table = $('#grd_doc_flowhist').dataTable().fnClearTable(true);
            return null;
        }
        function actionstate(rd) {
            if (rd == "1") {
                return "<a class='btn-xs btn-success'>" + docms_lang[lang]["approved"] + "</a>";
            } else if (rd == "2") {
                return "<a class='btn-xs btn-danger'>" + docms_lang[lang]["rejected"] + "</a>";
            }
            else if (rd == "0") {
                return "<a class='btn-xs btn-primary'>" + docms_lang[lang]["Pending"] + "</a>";
            }
            else if (rd == "3") {
                return "<a class='btn-xs btn-info'>" + docms_lang[lang]["re_initflow"] + "</a>";
            }
            else if (rd == "4") {
                return "<a class='btn-xs btn-info'>" + docms_lang[lang]["manually_marked_as_done"] + "</a>";
            }
        }

function mailtrackhistory(_type) {
            var mail_ownner = "";
            var mail_coode = "";
            var mail_coode_seq = "";

if (_type == "3") {
                mail_ownner = attach_ml_ownercode;
                mail_coode = attach_ml_mailcode;
                mail_coode_seq = "";
                $("#mailtrackercode").html(mail_coode);
            } else {
                mail_ownner = mailvwdata.mail_owner;
                mail_coode = mailvwdata.code;
                mail_coode_seq = mailvwdata.code_sequence;
                $("#mailtrackercode").html(mailvwdata.code + ' - ' + mailvwdata.subject);
            }
            if ($("#mail_box").val() == "1") {
                callajax(appSettings.apiUrl + 'api/Mail/Get_Message_History', "POST", JSON.stringify({ osm: oSessionModel, mail_owner: mail_ownner, mail_code: mail_coode, mail_code_sequence: mail_coode_seq }), mailtrack_historybeforeSend, mailtrack_historycomplete, mailtrack_historysuccess, mailtrack_historyerror)
            } else {
                callajax(appSettings.apiUrl + 'api/Mail/Get_Unit_Message_History', "POST", JSON.stringify({ osm: oSessionModel, mail_owner: mailvwdata.mail_owner, mail_code: mailvwdata.code, mail_code_sequence: mailvwdata.code_sequence }), mailtrack_historybeforeSend, mailtrack_historycomplete, mailtrack_historysuccess, mailtrack_historyerror)
            }

if (mailvwdata.type == 4) {
                        $(".mailhist").hide();
                    } else {
                        $(".mailhist").show();
                    }

if (_type == 2 || _type == 1) {
                        for (i = 0; i < mailrsl.length; i++) {
                            var mail_usrsplit = splittouser(mailrsl[i].to_users);
                            var mail_ccsplit = splittouser(mailrsl[i].to_cc);
                            var mail_bccsplit = splittouser(mailrsl[i].to_bcc);
                            var hm = '';
                            var mailcls = '';
                            if (mailrsl[i].sender == oSessionModel["UserId"] || mailrsl[i].sender == user_unit) {
                                mailcls += ' sendercls';
                            } else if (mailrsl[i].mail_user == oSessionModel["UserId"] || mailrsl[i].mail_user == user_unit) {
                                mailcls += ' receivercls';
                            } else {
                                mailcls += ' otherscls';
                            }
                            if (mailcls.includes('receivercls') == true) {
                                hm += '<div class="message-item ' + mailcls + '" id="m' + mailrsl[i].code_sequence + '"><div class="message-inner"><h4 style="margin-top:-5px;color: #c700c0;font-weight: 500;">#' + mailrsl[i].code_sequence + '</h4><div class="pull-right" style="margin-top:-25px"><a style="display:none"  class="btn btn-xs btn-default btn_corresprint"><i class="fa fa-print"></i>  <label id="labelbtn_corresprint">' + docms_lang[lang]["Print"] + '</label></a> <a var_snd="' + mailrsl[i].sender + '" var_csq="' + mailrsl[i].code_sequence + '" class="btn btn-xs btn-default btn_corresreply"  style="display: none"><i class="fa fa-reply"></i>  <label id="labelbtn_corresreply">' + docms_lang[lang]["Reply"] + '</label></a></div><div class="mailseperate_detail"><div class="inbox-info-bar" style="margin-left:0;margin-right:0;">'
                            } else {
                                hm += '<div class="message-item ' + mailcls + '" id="m' + mailrsl[i].code_sequence + '"><div class="message-inner"><h4 style="margin-top:-5px;color: #c700c0;font-weight: 500;">#' + mailrsl[i].code_sequence + '</h4><div class="pull-right" style="margin-top:-25px"><a style="display:none" class="btn btn-xs btn-default btn_corresprint"><i class="fa fa-print"></i>  <label id="labelbtn_corresprint">' + docms_lang[lang]["Print"] + '</label></a></div><div class="mailseperate_detail"><div class="inbox-info-bar" style="margin-left:0;margin-right:0;">'
                            }

hm += ' <div class="col-md-1"><div class="circle" id="">' + mailrsl[i].EmployeeName.substring(0, 2) + '</div></div>';
                            var usnm = "";
                            if (mailrsl[i].jobtitle_name != "") {
                                usnm = mailrsl[i].EmployeeName + ' - ' + mailrsl[i].jobtitle_name;
                            } else {
                                usnm = mailrsl[i].EmployeeName;
                            }
                            if (lang == "ar-om") {

hm += '<div style="padding-right: 10%;margin-top: -5px;"><h4 style="" class="">' + usnm + '</h4><p style="" class="">' + mailrsl[i].sent_date.replace("AM", docms_lang[lang]["AM"]).replace("PM", docms_lang[lang]["PM"]) + '</p><br>' + touserdraw(mail_usrsplit, mail_ccsplit, mail_bccsplit, mailrsl[i].user_type, mailrsl[i].sender) + '</div></div><br />'
                            } else {
                                hm += '<h4 style="" class="">' + usnm + '</h4><p style="margin-top: 5px" class="">' + mailrsl[i].sent_date + '</p><div id="info-ico1" class="pull-right"><a href="javascript:0"><i class="fa fa-info"></i></a ></div><br class="hidebr">' + touserdraw(mail_usrsplit, mail_ccsplit, mail_bccsplit, mailrsl[i].user_type, mailrsl[i].sender) + '</div><br />'
                            }

hm += '<div class="qa-message-content">' + mailrsl[i].body + '</div></div><div id=attachdiv' + mailrsl[i].code_sequence + '></div></div></div>'
                            if (mailcls == " receivercls") {
                                $('#m' + mailrsl[i].code_sequence).remove();
                                if ($('#m' + mailrsl[i].code_sequence).length <= 0) {
                                    $("#wallmessages").append(hm);
                                }
                            } else {
                                if ($('#m' + mailrsl[i].code_sequence).length <= 0) {
                                    $("#wallmessages").append(hm);
                                }
                            }

attachdrawlist(mailrsl[i].code, mailrsl[i].code_sequence);
                            $('.prev_msg').text(docms_lang[lang]["Previous_Msg"]);
                            $('.fwd_msg').text(docms_lang[lang]["Forward_Msg"]);
                            $('.from_msg').text(docms_lang[lang]["email_from"]);
                            $('.date_msg').text(docms_lang[lang]["Date"]);
                            $('.sub_msg').text(docms_lang[lang]["subject"]);
                            $(".qa-message-content .virtual_meethtml").each(function () {
                                $(this).html(docms_lang[lang]["virtual_meethtml"]);
                            });
                            $(".qa-message-content .btn_switch_conference").each(function () {
                                $(this).html(docms_lang[lang]["switch_to_confrence"] + ' <i class="fa fa-sign-out"></i>');
                                if ($(this).hasClass('btnfor_' + oSessionModel['UserCode'])) {
                                    $(this).show();
                                }
                            });
                            $(".qa-message-content .mctbl").each(function () {
                                if ($(this).children().html() != "") {
                                    if ($(this).prev("center").length == 0) {
                                        var center_btn = '<center style="padding: 10px;"><button class="btn btn-default btnprt_style">  <i class="fa fa-print"></i>  <label class="">' + docms_lang[lang]["Print"] + '</label></button></center>';

$(center_btn).insertBefore($(this));
                                    }
                                }
                            })
                        }
                    }
                }
                else {
                    $(".mailhist").hide();
                }

}

function ishavetrackpermission(from_draft) {
            var _mail_cd = mailvwdata.code;
            if (from_draft == 1) {
                _mail_cd = mailvwdata.source_mail;
            }
            if ($("#mail_box").val() == "1") {
                callajax(appSettings.apiUrl + 'api/Mail/Is_havetrackpermission', "POST", JSON.stringify({ osm: oSessionModel, mail_owner: mailvwdata.mail_owner, mail_code: _mail_cd, mail_code_sequence: mailvwdata.code_sequence }), mailtrack_historybeforeSend, mailtrack_historycomplete, mailtrack_historysuccess, mailtrack_historyerror)
            } else {
                callajax(appSettings.apiUrl + 'api/Mail/Is_havetrackpermission_Unit', "POST", JSON.stringify({ osm: oSessionModel, mail_owner: mailvwdata.mail_owner, mail_code: _mail_cd, mail_code_sequence: mailvwdata.code_sequence }), mailtrack_historybeforeSend, mailtrack_historycomplete, mailtrack_historysuccess, mailtrack_historyerror)
            }

function mailtrack_historybeforeSend() {
            }
            function mailtrack_historycomplete() { }
            function mailtrack_historyerror(data) { }
            function mailtrack_historysuccess(data) {

var mailrsl = data.DataObject;
                if (mailrsl != null) {
                    ishavetrackpermissionforthemail = true;
                    if (mailvwdata.type == 4) {
                        $(".trackchart").hide();
                    }
                    else {

$(".trackchart").show();
                    }

}
                else {
                    $(".trackchart").hide();
                }

}

}
                else {
                    //$("#to_bcc").hide();
                }

}
            return hl;
        }
        function splittouser(_tousrs) {
            var _hl = "";
            var _tusr;
            if (_tousrs != "") {
                _tusr = _tousrs.split(",");
                for (j = 0; j < _tusr.length; j++) {
                    if (lang == "ar-om") {
                        _hl += '<span style="border-left:2px solid #cd37aa;margin: 2px;line-height: 3;padding: 3px;    font-size: 12px;color: #4b70ff;">' + _tusr[j] + ' ;</span>';
                    } else {
                        _hl += '<span style="border-right:2px solid #cd37aa;margin: 2px;line-height: 3;padding: 3px;    font-size: 12px;color: #4b70ff;">' + _tusr[j] + ' ;</span>';
                    }

}
            }

return _hl;
        }
        function attachdraw(mailcd, mailcd_seq) {
            callajax(appSettings.apiUrl + 'api/Mail/Get_MailAttach', "POST", JSON.stringify({ osm: oSessionModel, mail_code: mailcd, code_sequence: mailcd_seq }), fnbeforeSend, fncomplete, fnsuccess, fnerror)

function fnbeforeSend() {

}
            function fncomplete() {

}
            function fnsuccess(data) {
                var hl = '';
                var mailattachrsl = data.DataObject;

if (mailattachrsl != null) {
                    hl += '<div class="inbox-download" style="margin-left: 0px; margin-right: 0px; display: block;">' + mailattachrsl.length + '  <span id="attch"> ' + docms_lang[lang]["attachments"] + ' </span><ul class="inbox-download-list" id="historymailattachul">';

for (i = 0; i < mailattachrsl.length; i++) {
                        var fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                        var filepathname__ = mailattachrsl[i].mail_attach;
                        var filedate = mailattachrsl[i].mail_attach.slice(6);
                        if (mailattachrsl[i].mail_attach.includes("cls00")) {
                            fname__ = mailattachrsl[i].mail_attach.split("//");
                            filepathname__ = fname__[0] + '/' + mailattachrsl[i].mail_attach_org;
                            fname__ = fname__[1];
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            var filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        } else if (mailattachrsl[i].mail_attach.includes("fol_")) {
                            fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                            filepathname__ = mailattachrsl[i].mail_attach;
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            var filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        }
                        else {
                            fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            filepathname__ = mailattachrsl[i].mail_attach;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        }

hl += '<li><div class="well well-sm"><span><i class="fa fa-file"></i></span><br><center><span class="mailatchcode">ATCH-00' + mailattachrsl[i].id + '</span><br><strong style="display:none">' + fname__ + '</strong><strong>' + mail_org_attach + '</strong><br><br><span class="attcdate">' + filedate + '</span></br><a class="attach_downloader" file_or_nm="' + filepathname__ + '" href="javascript:void(0);"><input type="hidden" value="1"><i class="fa fa-eye"></i> ' + docms_lang[lang]["preview"] + '</a></center></div></li>'

}

hl += '</ul></div>';

} else {
                    hl += '<div class="inbox-download" style="margin-left: 0px; margin-right: 0px; display: block;"><ul class="inbox-download-list" id="historymailattachul">';
                    hl += '</ul></div>';
                }

$("#attachdiv" + mailcd_seq).html(hl);

return hl;

}
            function fnerror(data) {
            }
        }

function attachdrawlist(mailcd, mailcd_seq) {
            callajax(appSettings.apiUrl + 'api/Mail/Get_MailAttach', "POST", JSON.stringify({ osm: oSessionModel, mail_code: mailcd, code_sequence: mailcd_seq }), fnbeforeSend, fncomplete, fnsuccess, fnerror)

function fnbeforeSend() {

}
            function fncomplete() {

}
            function fnsuccess(data) {
                var hl = '';
                var mailattachrsl = data.DataObject;

if (mailattachrsl != null) {
                    hl += '<div class="inbox-download" style="margin-left: 0px; margin-right: 0px; display: block;"><label class="mailattach_count">' + mailattachrsl.length + '</label>  <span id="attch"> ' + docms_lang[lang]["attachments"] + ' </span><ul class="inbox-download-list" id="historymailattachul">';

for (i = 0; i < mailattachrsl.length; i++) {
                        var fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                        var filepathname__ = mailattachrsl[i].mail_attach;
                        var filedate = mailattachrsl[i].mail_attach.slice(6);
                        if (mailattachrsl[i].mail_attach.includes("cls00")) {
                            fname__ = mailattachrsl[i].mail_attach.split("//");
                            filepathname__ = fname__[0] + '/' + mailattachrsl[i].mail_attach_org;
                            fname__ = fname__[1];
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            var filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        } else if (mailattachrsl[i].mail_attach.includes("fol_")) {
                            fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                            filepathname__ = mailattachrsl[i].mail_attach;
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            var filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        }
                        else {
                            fname__ = mailattachrsl[i].mail_attach.substring(mailattachrsl[i].mail_attach.lastIndexOf('/') + 1, mailattachrsl[i].mail_attach.length);
                            filepathname__ = mailattachrsl[i].mail_attach;
                            var mail_org_attach = mailattachrsl[i].mail_attach_org;
                            if (mail_org_attach == "") {
                                mail_org_attach = mailattachrsl[i].mail_attach;
                            }
                            filedate = mailattachrsl[i].mail_attach.slice(6);
                            filedate = filedate.split(".")[0];
                        }
                        hl += '<li><div class="well well-sm"><span><i class="fa fa-file"></i></span><br><center><span class="mailatchcode">ATCH-00' + mailattachrsl[i].id + '</span><br><strong style="display:none">' + fname__ + '</strong><strong>' + mail_org_attach + '</strong><br><span class="attcdate">' + filedate + '</span><br><a class="attach_downloader" file_or_nm="' + filepathname__ + '" href="javascript:void(0);"><input type="hidden" value="1"><i class="fa fa-eye"></i> ' + docms_lang[lang]["preview"] + '</a></center></div></li>'

}
                    hl += '</ul></div>';

} else {
                    hl += '<div class="inbox-download" style="margin-left: 0px; margin-right: 0px; display: block;"><label style="display:none" class="mailattach_count">0</label>  <span style="display:none" class="attchments"> ' + docms_lang[lang]["attachments"] + ' </span><ul class="inbox-download-list" id="historymailattachul">';
                    hl += '</ul></div>';
                }

$("#attachdiv" + mailcd_seq).html(hl);

$("#wallmessages #m" + mailcd_seq + " .mailseqcode").each(function () {
                    var appendrow = $(this).parent().parent().parent().parent().attr('id');
                    getforwardmaillattach_list($(this).text(), appendrow);

});

return hl;

}
            function fnerror(data) {
            }
        }
        $("#mail_history").click(function () {
            mailtrackhistory(2);
        })

$(".checkboxusers").change(function () {
            if ($(this).prop('checked') == true) {
                $("." + $(this).attr('id')).prop('checked', true);
            } else {
                $("." + $(this).attr('id')).prop('checked', false);
            }
        })

$("#ddlmessagetype").change(function () {
            if ($(this).val() == 1) {
                $('.otherscls').show();
                $('.sendercls').show();
                $('.receivercls').show();
            } else if ($(this).val() == 2) {
                $('.otherscls').hide();
                $('.sendercls').show();
                $('.receivercls').show();
            } else if ($(this).val() == 3) {
                $('.otherscls').hide();
                $('.sendercls').hide();
                $('.receivercls').show();
            } else if ($(this).val() == 4) {
                $('.otherscls').hide();
                $('.sendercls').show();
                $('.receivercls').hide();
            }
        });
        getmailsec_level();
        function getmailsec_level() {
            oSessionModel = JSON.parse(localStorage.getItem("oSessionModel"));
            if (oSessionModel['LangCode'] != null) {
                lang = oSessionModel['LangCode'];

callajax(appSettings.apiUrl + 'api/Document/Get_DocSecurity', "POST", JSON.stringify({ osm: oSessionModel }), beforeSend, complete, success, error)

function beforeSend() {

}
                function complete() {

}
                function success(data) {
                    $('#ddl_securitymail').empty();

}

}
        var user_unit = "";
        undo_secs = "";
        //msg_tone = "";
        Employee_Unit();
        function Employee_Unit() {
            oSessionModel = JSON.parse(localStorage.getItem("oSessionModel"));
            callajax(appSettings.apiUrl + 'api/Mail/GetEmployee_Current_Unit', "POST", JSON.stringify({ osm: oSessionModel }), beforeSend, complete, success, error)

function beforeSend() {

}
            function complete() {

}
            function success(data) {
                user_unit = data.DataObject;
                loadScript("js/plugin/select2/3.5.4/select2.min.js", Get_all_Taskusersandgroups);

}
            function error(data) {
            }

}
        function save_mailfollowup(cod__) {
            oSessionModel = JSON.parse(localStorage.getItem("oSessionModel"));
            var obj = {};
            obj.code = cod__;
            obj.sender = oSessionModel['UserCode'];
            if ($("#mail_box").val() == 2) {
                obj.sender = user_unit;
            }
            callajax(appSettings.apiUrl + 'api/Mail/Save_MailFollowUp', "POST", JSON.stringify({ osm: oSessionModel, obj: obj }), beforeSend, complete, success, error)

function beforeSend() {

}
            function complete() {

}
            function success(data) {

}
            function error(data) {
            }

}

function beforeSend() {

}
            function complete() {
                if (Subsciption == true) {
                    $("#mail_subfollow").show();
                    $("#mail_unsubfollow").hide();

$("#alertmsg_mail").html(docms_lang[lang]["mail_followup_sub"]);
                } else if (Subsciption == false) {
                    $("#mail_subfollow").hide();
                    $("#mail_unsubfollow").show();
                    $("#alertmsg_mail").html(docms_lang[lang]["mail_followup_unsub"]);
                }
                showsuccess_mail();
            }
            function success(data) {

}
            function error(data) {
            }

}
        $('#modal_trackpermission').on('hidden.bs.modal', function () {
            $("#checkboxtouser").prop('checked', false);
            $("#checkboxccuser").prop('checked', false);
            $("#checkboxbccuser").prop('checked', false);
            $("#checkboxisfollowup").prop('checked', false);
            $("#checkboxisexpectreply").prop('checked', false);
        });
        $("#mail_subfollow").click(function () {
            MailFollowUpSubcription(mailvwdata.code, false)
        });
        $("#mail_unsubfollow").click(function () {
            MailFollowUpSubcription(mailvwdata.code, true)
        });

$(document).off('click', 'div[aria-label="Insert/edit image"]').on('click', 'div[aria-label="Insert/edit image"]', function () {
            oSessionModel = JSON.parse(localStorage.getItem("oSessionModel"));
            callajax(appSettings.apiUrl + 'api/Mail/SaveRoxyServerPermission', "POST", JSON.stringify({ osm: oSessionModel }), beforeSend, complete, success, error)

function beforeSend() {

}
            function complete() {

}
            function success(data) {

}
            function error(data) {
            }

});
    </script>

<h4 class="modal-title" id="myModalLabel"><label id="lblmailcode_subject" class="control-label"><span id="MailTracking" class="MailTracking">Mail Tracking</span></label></h4>

</div>
                <div class="modal-body">
                    <div class="panel-body">
                        <center><h3 id="mailtrackercode" class="mailtrackercode" style="font-weight: 300;margin-top:0px"></h3></center>
                        <hr />
                        <center>
                            <select style="width:20%; display: inline" class="form-control" id="ddlmessagetype">
                                <option value="1" id="AllMails">All Mails</option>
                                <option value="2" id="OnlyMine"> Only Mine</option>
                                <option value="3" id="Recieved">What I Received</option>
                                <option value="4" id="Sent">What I Sent</option>
                            </select>
                            <a class="btn btn-xs btn-default" id="btn_prnt" style="margin: 10px;padding: 5px 10px 3px 10px;"><i class="fa fa-folder"></i> <label class="labelbtn_print">Print</label></a>
                        </center>
                        <br />
                        <div class="container" style="width:100%">
                            
                            <div class="qa-message-list" id="wallmessages">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<h4 class="modal-title" id="myModalLabel"><label id="lblmailtrack_permission" class="control-label">Mail Tracking Permission</label></h4>

</div>
                <div class="modal-body">
                    <div class="panel-body">
                        <div class="container" style="width:100%">
                            <div id="hello_msg_undo" style="display:none"><center><p><span id="span_msg_will_send">Message will be send after </span> <span class="label label-info" id="undo_msg_count">5</span> <span id="span_seconds_youcan">seconds and you can </span> <a href="javascript:void(0);" class="btn btn-xs btn-info" id="stopsend_message"><i class="fa fa-undo"></i> <span id="span_undo">Undo </span></a> <span id="span_msg_befroe_that">the message before that. </span></p></center><hr /> </div>
                            <div class="row chkbox_mailtrackper">
                                <section id="" class="col-md-4 smart-form">
                                    <label class="checkbox"><input id="checkboxtouser" class="checkboxusers" type="checkbox" /><i class="checkbox_i"></i><h5 id="tousers">To Users</h5></label>
                                    <br />
                                    <hr />
                                    <br />
                                    <section id="tousers_permission" class="smart-form perchk"></section>
                                </section>
                                <section id="ccuserchk" class="col-md-4 smart-form">
                                    <label class="checkbox"><input id="checkboxccuser" class="checkboxusers" type="checkbox" /><i class="checkbox_i"></i><h5 id="ccusers">Cc Users</h5></label>
                                    <br />
                                    <hr />
                                    <br />
                                    <section id="ccusers_permission" class="smart-form perchk"></section>
                                </section>
                                <section id="bccuserchk" class="col-md-4 smart-form">
                                    <label class="checkbox"><input id="checkboxbccuser" class="checkboxusers" type="checkbox" /><i class="checkbox_i"></i><h5 id="bccusers">Bcc Users</h5></label>
                                    <br />
                                    <hr />
                                    <br />
                                    <section id="bccusers_permission" class="smart-form perchk"></section>
                                </section>

</div>
                            <hr class="chkbox_mailtrackper" />
                            <div class="row expectreplysubscription">
                                <div class="col-md-offset-5">
                                    <section id="" class="smart-form">
                                        <label class="checkbox"><input id="checkboxisexpectreply" type=checkbox value=""><i class="checkbox_i"></i><span id="expectreplythisemail">expect reply or response for this message?</span></label>
                                    </section>
                                </div>

</div>
                            <div class="row followupsubscription">
                                <div class="col-md-offset-5">
                                    <section id="" class="smart-form">
                                        <label class="checkbox"><input id="checkboxisfollowup" type=checkbox value=""><i class="checkbox_i"></i><span id="followupthisemail">followup this mail</span></label>
                                    </section>
                                </div>

</div>
                            <br />
                            <div class="row">
                                <center>
                                    <button class="btn-3d-sub" style="width:10%;height:35px;line-height:inherit" id="savepermissionandsend"><span class="lblSend">Send</span></button>
                                </center>

</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
        </div>
    </div>
    <div class="modal fade" id="movetofolder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel" style="display: inline-block;">Move to folder</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">

</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close1" data-dismiss="modal">Close</button>
                    <button id="move_folder" type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

</div>
        </div>
    </div>

<div class="modal fade modal-3d-sign modal-primary" id="acceptinvitation" aria-hidden="true"
         aria-labelledby="exampleModalTitle" role="dialog" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:100px;">
                <div class="modal-header">
                    <button type="button" class="close" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>

</div>
                    <div class="row">

</div>
                                <div class="col-md-12  co-lg-12  col-xlg-12  col-sm-12  col-xs-12 smart-form ">
                                    <textarea id="txtcommentreason" class="form-control" rows="8">

Inbox

filtered By:-

Read/Unread

Documents/Records

Secrity Level

Priority

Your Inbox is Empty

Sent

Your Sent Item Box is Empty

Draft

Your Draft Box is Empty

Approvals

Follow-ups

Calendar

Meetings

Compose

Task

Your Task Box is Empty

Task

Your Task List is Empty

New Task